@onewelcome/react-lib-components 5.1.0 → 5.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Button/Button.module.cjs.js +1 -1
- package/dist/cjs/Button/IconButton.module.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGridActions/DataGridColumnsToggle.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGridActions/DataGridColumnsToggle.cjs.js.map +1 -1
- package/dist/cjs/Form/Radio/Radio.cjs.js.map +1 -1
- package/dist/cjs/Form/Select/Option.cjs.js +1 -1
- package/dist/cjs/Form/Select/Option.cjs.js.map +1 -1
- package/dist/cjs/Link/Link.module.cjs.js +1 -1
- package/dist/cjs/Notifications/BaseModal/BaseModal.cjs.js +1 -1
- package/dist/cjs/Notifications/BaseModal/BaseModal.cjs.js.map +1 -1
- package/dist/cjs/Notifications/BaseModal/useRepeatFocus.cjs.js +2 -0
- package/dist/cjs/Notifications/BaseModal/useRepeatFocus.cjs.js.map +1 -0
- package/dist/cjs/Stepper/Step.cjs.js +1 -1
- package/dist/cjs/Stepper/Step.cjs.js.map +1 -1
- package/dist/cjs/Stepper/Step.module.cjs.js +1 -1
- package/dist/cjs/Stepper/Stepper.cjs.js +1 -1
- package/dist/cjs/Stepper/Stepper.cjs.js.map +1 -1
- package/dist/cjs/Stepper/Stepper.module.cjs.js +1 -1
- package/dist/cjs/Tooltip/Tooltip.cjs.js +1 -1
- package/dist/cjs/Tooltip/Tooltip.cjs.js.map +1 -1
- package/dist/cjs/Wizard/Wizard.cjs.js.map +1 -1
- package/dist/cjs/Wizard/WizardActions/WizardActions.cjs.js.map +1 -1
- package/dist/cjs/Wizard/WizardStateProvider.cjs.js.map +1 -1
- package/dist/cjs/Wizard/WizardSteps/WizardSteps.cjs.js.map +1 -1
- package/dist/cjs/src/components/Notifications/BaseModal/useRepeatFocus.d.ts +7 -0
- package/dist/cjs/src/components/Stepper/Step.d.ts +5 -3
- package/dist/cjs/src/components/Stepper/Stepper.d.ts +3 -1
- package/dist/cjs/src/components/Wizard/WizardActions/WizardActions.d.ts +3 -0
- package/dist/cjs/src/components/Wizard/WizardStateProvider.d.ts +3 -0
- package/dist/cjs/src/components/Wizard/WizardSteps/WizardSteps.d.ts +3 -0
- package/dist/cjs/src/index.d.ts +1 -0
- package/dist/esm/Button/Button.module.esm.js +1 -1
- package/dist/esm/Button/IconButton.module.esm.js +1 -1
- package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.esm.js +1 -1
- package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.esm.js.map +1 -1
- package/dist/esm/Form/Radio/Radio.esm.js.map +1 -1
- package/dist/esm/Form/Select/Option.esm.js +1 -1
- package/dist/esm/Form/Select/Option.esm.js.map +1 -1
- package/dist/esm/Link/Link.module.esm.js +1 -1
- package/dist/esm/Notifications/BaseModal/BaseModal.esm.js +1 -1
- package/dist/esm/Notifications/BaseModal/BaseModal.esm.js.map +1 -1
- package/dist/esm/Notifications/BaseModal/useRepeatFocus.esm.js +2 -0
- package/dist/esm/Notifications/BaseModal/useRepeatFocus.esm.js.map +1 -0
- package/dist/esm/Stepper/Step.esm.js +1 -1
- package/dist/esm/Stepper/Step.esm.js.map +1 -1
- package/dist/esm/Stepper/Step.module.esm.js +1 -1
- package/dist/esm/Stepper/Stepper.esm.js +1 -1
- package/dist/esm/Stepper/Stepper.esm.js.map +1 -1
- package/dist/esm/Stepper/Stepper.module.esm.js +1 -1
- package/dist/esm/Tooltip/Tooltip.esm.js +1 -1
- package/dist/esm/Tooltip/Tooltip.esm.js.map +1 -1
- package/dist/esm/Wizard/Wizard.esm.js.map +1 -1
- package/dist/esm/Wizard/WizardActions/WizardActions.esm.js.map +1 -1
- package/dist/esm/Wizard/WizardStateProvider.esm.js.map +1 -1
- package/dist/esm/Wizard/WizardSteps/WizardSteps.esm.js.map +1 -1
- package/dist/esm/src/components/Notifications/BaseModal/useRepeatFocus.d.ts +7 -0
- package/dist/esm/src/components/Stepper/Step.d.ts +5 -3
- package/dist/esm/src/components/Stepper/Stepper.d.ts +3 -1
- package/dist/esm/src/components/Wizard/WizardActions/WizardActions.d.ts +3 -0
- package/dist/esm/src/components/Wizard/WizardStateProvider.d.ts +3 -0
- package/dist/esm/src/components/Wizard/WizardSteps/WizardSteps.d.ts +3 -0
- package/dist/esm/src/index.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/DataGrid/DataGridActions/DataGridColumnsToggle.tsx +5 -1
- package/src/components/Form/Radio/Radio.tsx +3 -1
- package/src/components/Form/Select/Option.tsx +1 -1
- package/src/components/Notifications/BaseModal/BaseModal.test.tsx +36 -1
- package/src/components/Notifications/BaseModal/BaseModal.tsx +10 -3
- package/src/components/Notifications/BaseModal/useRepeatFocus.tsx +73 -0
- package/src/components/Stepper/Step.module.scss +129 -59
- package/src/components/Stepper/Step.tsx +57 -54
- package/src/components/Stepper/Stepper.module.scss +12 -8
- package/src/components/Stepper/Stepper.test.tsx +3 -3
- package/src/components/Stepper/Stepper.tsx +17 -7
- package/src/components/Tooltip/Tooltip.tsx +2 -2
- package/src/components/Wizard/Wizard.tsx +3 -0
- package/src/components/Wizard/WizardActions/WizardActions.tsx +3 -0
- package/src/components/Wizard/WizardStateProvider.tsx +3 -0
- package/src/components/Wizard/WizardSteps/WizardSteps.tsx +3 -0
- package/src/index.ts +1 -0
- package/src/mixins.module.scss +1 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{useEffect as e}from"react";const t=t=>{const n=(e,t)=>{const n='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';const r=e.querySelectorAll(n);if(t==="first")return r[0]||null;else if(t==="last")return r[r.length-1]||null;return null};e((()=>{if(!t.current||!open)return;const e=n(t.current,"last");const r=n(t.current,"first");if(!e||!r)return;const o=t=>{if(t.key!=="Tab")return;if(t.shiftKey){if(document.activeElement===r){t.preventDefault();e===null||e===void 0?void 0:e.focus()}}else if(document.activeElement===e){t.preventDefault();r===null||r===void 0?void 0:r.focus()}};e.addEventListener("keydown",o);r.addEventListener("keydown",o);return()=>{e.removeEventListener("keydown",o);r.removeEventListener("keydown",o)}}),[t,open])};export{t as useRepeatFocus};
|
|
2
|
+
//# sourceMappingURL=useRepeatFocus.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useRepeatFocus.esm.js","sources":["../../../../../../src/components/Notifications/BaseModal/useRepeatFocus.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { RefObject, useEffect } from \"react\";\n\n/**\n * @description This is a hook that will make sure that when a modal is open and the user tabs through the it,\n * the focus will be repeated and the user will not lose their entire focusable element to an element in the background\n * that is being blocked by the modal.\n */\n\nexport const useRepeatFocus = (ref: RefObject<HTMLDivElement>) => {\n const getFocusableElement = (\n element: HTMLElement,\n position: \"first\" | \"last\"\n ): HTMLElement | null => {\n const focusableSelectors =\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])';\n const focusableElements = element.querySelectorAll<HTMLElement>(focusableSelectors);\n\n if (position === \"first\") {\n return focusableElements[0] || null;\n } else if (position === \"last\") {\n return focusableElements[focusableElements.length - 1] || null;\n }\n\n return null;\n };\n\n useEffect(() => {\n if (!ref.current || !open) return;\n\n const lastFocusableElement = getFocusableElement(ref.current, \"last\");\n const firstFocusableElement = getFocusableElement(ref.current, \"first\");\n\n if (!lastFocusableElement || !firstFocusableElement) return;\n\n const handleTabKeyPress = (event: KeyboardEvent) => {\n if (event.key !== \"Tab\") return;\n\n if (event.shiftKey) {\n if (document.activeElement === firstFocusableElement) {\n event.preventDefault();\n lastFocusableElement?.focus();\n }\n } else if (document.activeElement === lastFocusableElement) {\n event.preventDefault();\n firstFocusableElement?.focus();\n }\n };\n\n lastFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n firstFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n\n return () => {\n lastFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n firstFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n };\n }, [ref, open]);\n};\n"],"names":["useRepeatFocus","ref","getFocusableElement","element","position","focusableSelectors","focusableElements","querySelectorAll","length","useEffect","current","open","lastFocusableElement","firstFocusableElement","handleTabKeyPress","event","key","shiftKey","document","activeElement","preventDefault","focus","addEventListener","removeEventListener"],"mappings":"kCAwBa,MAAAA,EAAkBC,IAC7B,MAAMC,EAAsB,CAC1BC,EACAC,KAEA,MAAMC,EACJ,2EACF,MAAMC,EAAoBH,EAAQI,iBAA8BF,GAEhE,GAAID,IAAa,QACf,OAAOE,EAAkB,IAAM,UAC1B,GAAIF,IAAa,OACtB,OAAOE,EAAkBA,EAAkBE,OAAS,IAAM,KAG5D,OAAO,IAAI,EAGbC,GAAU,KACR,IAAKR,EAAIS,UAAYC,KAAM,OAE3B,MAAMC,EAAuBV,EAAoBD,EAAIS,QAAS,QAC9D,MAAMG,EAAwBX,EAAoBD,EAAIS,QAAS,SAE/D,IAAKE,IAAyBC,EAAuB,OAErD,MAAMC,EAAqBC,IACzB,GAAIA,EAAMC,MAAQ,MAAO,OAEzB,GAAID,EAAME,UACR,GAAIC,SAASC,gBAAkBN,EAAuB,CACpDE,EAAMK,iBACNR,UAAAA,SAAoB,OAAA,EAApBA,EAAsBS,OACvB,OACI,GAAIH,SAASC,gBAAkBP,EAAsB,CAC1DG,EAAMK,iBACNP,UAAAA,SAAqB,OAAA,EAArBA,EAAuBQ,OACxB,GAGHT,EAAqBU,iBAAiB,UAAWR,GACjDD,EAAsBS,iBAAiB,UAAWR,GAElD,MAAO,KACLF,EAAqBW,oBAAoB,UAAWT,GACpDD,EAAsBU,oBAAoB,UAAWT,EAAkB,CACxE,GACA,CAACb,EAAKU,MAAM"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e
|
|
1
|
+
import e from"react";import{Icon as t,Icons as r}from"../Icon/Icon.esm.js";import s from"./Step.module.esm.js";import{gapBetweenStepsInRem as n}from"./Stepper.esm.js";const a=(s,n)=>{switch(n){case"waiting":return String(s+1);case"current":return String(s+1);case"done":return e.createElement(t,{icon:r.Checkmark});case"error":return"!"}};const c=(e,t,r)=>{if(e&&t){const e=100/(r+1);const t=r*n;return`calc(${e}% - ${t}rem)`}};const o=({label:t,caption:r,status:n,index:o,direction:i,disabled:l,lastStep:p,onClick:m,textPosition:d,...u},h)=>{const b=o!==null&&o!==void 0?o:0;const E=[s[n]];const f={};const v=i==="horizontal";const N=d==="bottom";const x=!!r;E.push(v?s["horizontal"]:s["vertical"]);l&&E.push(s["disabled"]);N&&E.push(s["text-bottom"]);p&&E.push(s["last-step"]);x&&E.push(s["has-caption"]);f["maxWidth"]=c(v,!!p,o);return e.createElement("div",{style:f,className:`${s["step-wrapper"]} ${E.join(" ")}`,...u},e.createElement("div",{"aria-hidden":true,className:s["step"],onClick:m},a(b,n)),e.createElement("button",{"aria-current":n==="current"?"step":void 0,className:s["label"],disabled:l,onClick:m},e.createElement("span",{className:s["label-inner-wrapper"]},t," ",!p&&v&&!N&&e.createElement("div",{className:`${s["stepper-line"]} ${s["stepper-line-extender"]}`})),e.createElement("span",{className:s["caption"]},r)),!p&&e.createElement("div",{className:s["stepper-line"]}))};const i=e.forwardRef(o);export{i as Step,o as StepComponent};
|
|
2
2
|
//# sourceMappingURL=Step.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Step.esm.js","sources":["../../../../../src/components/Stepper/Step.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {
|
|
1
|
+
{"version":3,"file":"Step.esm.js","sources":["../../../../../src/components/Stepper/Step.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { CSSProperties, ComponentPropsWithRef, ForwardRefRenderFunction } from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Step.module.scss\";\nimport { gapBetweenStepsInRem } from \"./Stepper\";\n\nexport type StepStatus = \"waiting\" | \"current\" | \"done\" | \"error\";\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"onClick\"> {\n status: StepStatus;\n label: string;\n caption?: string;\n index?: number;\n lastStep?: boolean;\n disabled?: boolean;\n direction?: \"horizontal\" | \"vertical\";\n textPosition?: \"bottom\" | \"right\";\n onClick?: (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;\n}\n\nconst getStepContent = (index: number, status: StepStatus) => {\n switch (status) {\n case \"waiting\":\n return String(index + 1);\n case \"current\":\n return String(index + 1);\n case \"done\":\n return <Icon icon={Icons.Checkmark} />;\n case \"error\":\n return \"!\";\n }\n};\n\nconst getStepMaxWidth = (isHorizontal: boolean, lastStep: boolean, index: number) => {\n if (isHorizontal && lastStep) {\n const percentage = 100 / (index + 1);\n const gapSize = index * gapBetweenStepsInRem;\n return `calc(${percentage}% - ${gapSize}rem)`;\n }\n};\n\nexport const StepComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n label,\n caption,\n status,\n index,\n direction,\n disabled,\n lastStep,\n onClick,\n textPosition,\n ...rest\n }: Props,\n ref\n) => {\n const stepIndex = index ?? 0;\n const additionalClasses = [classes[status]];\n const additionalStyles: CSSProperties = {};\n const isHorizontal = direction === \"horizontal\";\n const isTextBottom = textPosition === \"bottom\";\n const hasCaption = !!caption;\n\n additionalClasses.push(isHorizontal ? classes[\"horizontal\"] : classes[\"vertical\"]);\n disabled && additionalClasses.push(classes[\"disabled\"]);\n isTextBottom && additionalClasses.push(classes[\"text-bottom\"]);\n lastStep && additionalClasses.push(classes[\"last-step\"]);\n hasCaption && additionalClasses.push(classes[\"has-caption\"]);\n\n additionalStyles[\"maxWidth\"] = getStepMaxWidth(isHorizontal, !!lastStep, index!);\n\n return (\n <div\n style={additionalStyles}\n className={`${classes[\"step-wrapper\"]} ${additionalClasses.join(\" \")}`}\n {...rest}\n >\n <div aria-hidden className={classes[\"step\"]} onClick={onClick}>\n {getStepContent(stepIndex, status)}\n </div>\n <button\n aria-current={status === \"current\" ? \"step\" : undefined}\n className={classes[\"label\"]}\n disabled={disabled}\n onClick={onClick}\n >\n <span className={classes[\"label-inner-wrapper\"]}>\n {label}{\" \"}\n {!lastStep && isHorizontal && !isTextBottom && (\n <div className={`${classes[\"stepper-line\"]} ${classes[\"stepper-line-extender\"]}`}></div>\n )}\n </span>\n <span className={classes[\"caption\"]}>{caption}</span>\n </button>\n {!lastStep && <div className={classes[\"stepper-line\"]}></div>}\n </div>\n );\n};\n\nexport const Step = React.forwardRef(StepComponent);\n"],"names":["getStepContent","index","status","String","React","createElement","Icon","icon","Icons","Checkmark","getStepMaxWidth","isHorizontal","lastStep","percentage","gapSize","gapBetweenStepsInRem","StepComponent","label","caption","direction","disabled","onClick","textPosition","rest","ref","stepIndex","additionalClasses","classes","additionalStyles","isTextBottom","hasCaption","push","style","className","join","undefined","Step","forwardRef"],"mappings":"uKAmCA,MAAMA,EAAiB,CAACC,EAAeC,KACrC,OAAQA,GACN,IAAK,UACH,OAAOC,OAAOF,EAAQ,GACxB,IAAK,UACH,OAAOE,OAAOF,EAAQ,GACxB,IAAK,OACH,OAAOG,EAAAC,cAACC,EAAK,CAAAC,KAAMC,EAAMC,YAC3B,IAAK,QACH,MAAO,IACV,EAGH,MAAMC,EAAkB,CAACC,EAAuBC,EAAmBX,KACjE,GAAIU,GAAgBC,EAAU,CAC5B,MAAMC,EAAa,KAAOZ,EAAQ,GAClC,MAAMa,EAAUb,EAAQc,EACxB,MAAO,QAAQF,QAAiBC,OACjC,GAGI,MAAME,EAAiE,EAE1EC,QACAC,UACAhB,SACAD,QACAkB,YACAC,WACAR,WACAS,UACAC,kBACGC,GAELC,KAEA,MAAMC,EAAYxB,IAAK,MAALA,SAAA,EAAAA,EAAS,EAC3B,MAAMyB,EAAoB,CAACC,EAAQzB,IACnC,MAAM0B,EAAkC,CAAA,EACxC,MAAMjB,EAAeQ,IAAc,aACnC,MAAMU,EAAeP,IAAiB,SACtC,MAAMQ,IAAeZ,EAErBQ,EAAkBK,KAAKpB,EAAegB,EAAQ,cAAgBA,EAAQ,aACtEP,GAAYM,EAAkBK,KAAKJ,EAAQ,aAC3CE,GAAgBH,EAAkBK,KAAKJ,EAAQ,gBAC/Cf,GAAYc,EAAkBK,KAAKJ,EAAQ,cAC3CG,GAAcJ,EAAkBK,KAAKJ,EAAQ,gBAE7CC,EAAiB,YAAclB,EAAgBC,IAAgBC,EAAUX,GAEzE,OACEG,uBACE4B,MAAOJ,EACPK,UAAW,GAAGN,EAAQ,mBAAmBD,EAAkBQ,KAAK,UAC5DX,GAEJnB,EAAAC,cAAA,MAAA,CAAA,cAAA,KAAiB4B,UAAWN,EAAQ,QAASN,QAASA,GACnDrB,EAAeyB,EAAWvB,IAE7BE,EACgBC,cAAA,SAAA,CAAA,eAAAH,IAAW,UAAY,YAASiC,EAC9CF,UAAWN,EAAQ,SACnBP,SAAUA,EACVC,QAASA,GAETjB,EAAAC,cAAA,OAAA,CAAM4B,UAAWN,EAAQ,wBACtBV,EAAO,KACNL,GAAYD,IAAiBkB,GAC7BzB,EAAKC,cAAA,MAAA,CAAA4B,UAAW,GAAGN,EAAQ,mBAAmBA,EAAQ,8BAG1DvB,EAAMC,cAAA,OAAA,CAAA4B,UAAWN,EAAQ,YAAaT,KAEtCN,GAAYR,EAAKC,cAAA,MAAA,CAAA4B,UAAWN,EAAQ,kBAExC,EAGS,MAAAS,EAAOhC,EAAMiC,WAAWrB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from "../../lib/style-inject.js";var l='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.Step-module_sr-only__3A94P{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Step-module_hidden__Yk-sy{display:none}.Step-module_slide-in__lN7Tm{animation:Step-module_slide-in__lN7Tm .5s forwards}@media (prefers-reduced-motion:reduce){.Step-module_slide-in__lN7Tm{animation-duration:.1ms}}.Step-module_slide-out__HugJ6{animation:Step-module_slide-out__HugJ6 .5s forwards}@media (prefers-reduced-motion:reduce){.Step-module_slide-out__HugJ6{animation-duration:.1ms}}@keyframes Step-module_slide-in__lN7Tm{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Step-module_slide-out__HugJ6{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Step-module_step-wrapper__lz84F{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;flex:1;flex-direction:row;justify-content:center;margin:0;padding:0}.Step-module_step-wrapper__lz84F:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.Step-module_step-wrapper__lz84F .Step-module_step-content__OvUTX{align-items:center;display:flex;justify-content:center}.Step-module_step-wrapper__lz84F:last-child{flex-basis:fit-content;flex-grow:0}.Step-module_step-wrapper__lz84F:not(:last-child):after{border-bottom:2px solid var(--stepper-line-color);content:"";flex-grow:1;margin:0 .5rem;min-width:.5rem}.Step-module_step-wrapper__lz84F.Step-module_vertical__ndoU6{display:flex;flex-direction:column;flex-grow:1}.Step-module_step-wrapper__lz84F.Step-module_vertical__ndoU6:last-child{flex-basis:fit-content;flex-grow:0}.Step-module_step-wrapper__lz84F.Step-module_vertical__ndoU6:not(:last-child):after{border-bottom:none;border-left:2px solid var(--stepper-line-color);content:"";height:100%;margin:.5rem 0 .5rem 1.6875rem;min-height:.5rem;width:100%}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf .Step-module_step-content__OvUTX .Step-module_step__d5udL{color:var(--stepper-default-text-color);color:var(--stepper-waiting-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:hover .Step-module_step-content__OvUTX .Step-module_step__d5udL{border:2px solid var(--stepper-waiting-hover-color);color:var(--stepper-waiting-hover-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:active .Step-module_step-content__OvUTX .Step-module_step__d5udL{border:2px solid var(--stepper-waiting-active-color);color:var(--stepper-waiting-active-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:disabled{cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:disabled .Step-module_step-content__OvUTX .Step-module_step__d5udL{border:2px solid var(--stepper-waiting-disabled-color);color:var(--stepper-waiting-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya{color:var(--stepper-label-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:disabled:not(:last-child):after{border-color:var(--stepper-line-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-current-color);border-color:var(--stepper-current-color);color:var(--stepper-default-text-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:not(:last-child):after{border-color:var(--stepper-line-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:hover .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-current-hover-color);border-color:var(--stepper-current-hover-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:active .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-current-active-color);border-color:var(--stepper-current-active-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:disabled{cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:disabled .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-current-disabled-color);border-color:var(--stepper-current-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya{color:var(--stepper-label-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:disabled:not(:last-child):after{border-color:var(--stepper-line-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO .Step-module_step-content__OvUTX .Step-module_label__2XJya{font-weight:700}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{font-weight:400}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5 .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-done-color);border-color:var(--stepper-done-color);color:var(--stepper-default-text-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:not(:last-child):after{border-color:var(--stepper-line-bold-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:hover .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-done-hover-color);border-color:var(--stepper-done-hover-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:active .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-done-active-color);border-color:var(--stepper-done-active-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:disabled{cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:disabled .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-done-disabled-color);border-color:var(--stepper-done-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya{color:var(--stepper-label-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:disabled:not(:last-child):after{border-color:var(--stepper-line-bold-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-error-color);border-color:var(--stepper-error-color);color:var(--stepper-default-text-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:not(:last-child):after{border-color:var(--stepper-line-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:hover .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-error-hover-color);border-color:var(--stepper-error-hover-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:active .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-error-active-color);border-color:var(--stepper-error-active-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:disabled{cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:disabled .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-error-disabled-color);border-color:var(--stepper-error-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya{color:var(--stepper-label-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-error-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:disabled:not(:last-child):after{border-color:var(--stepper-line-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-error-color)}.Step-module_step__d5udL{align-items:center;border:2px solid var(--stepper-waiting-color);border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-form-label);font-weight:700;height:1.75rem;justify-content:center;width:1.75rem}.Step-module_label__2XJya{color:var(--stepper-label-color);flex-shrink:0;margin-left:.5rem;position:relative}.Step-module_caption__Ht-Ld{color:var(--stepper-caption-color);font-size:.75rem;left:0;position:absolute;top:1.25rem}\n/*# sourceMappingURL=data:application/json;base64,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WUFBYSxDQUZiLGFBQWMsQ0FVZCw4QkFBK0IsQ0FEL0IscUNBQXNDLENBRXRDLGVBQWdCLENBTGhCLGNBQWUsQ0FIZixzQkFBdUIsQ0FFdkIsYUFPRixDQUVBLDBCQUlFLGdDQUFpQyxDQUhqQyxhQUFjLENBRWQsaUJBQW1CLENBRG5CLGlCQUdGLENBRUEsNEJBSUUsa0NBQW1DLENBQ25DLGdCQUFrQixDQUZsQixNQUFPLENBRlAsaUJBQWtCLENBQ2xCLFdBSUYiLCJmaWxlIjoiU3RlcC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLnN0ZXAtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXg6IDE7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAwO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDA7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5zdGVwLXdyYXBwZXI6Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDAuMTI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IDBweDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG59XG4uc3RlcC13cmFwcGVyIC5zdGVwLWNvbnRlbnQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5zdGVwLXdyYXBwZXI6bGFzdC1jaGlsZCB7XG4gIGZsZXgtZ3JvdzogMDtcbiAgZmxleC1iYXNpczogZml0LWNvbnRlbnQ7XG59XG4uc3RlcC13cmFwcGVyOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgbWFyZ2luOiAwIDAuNXJlbTtcbiAgZmxleC1ncm93OiAxO1xuICBtaW4td2lkdGg6IDAuNXJlbTtcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkIHZhcigtLXN0ZXBwZXItbGluZS1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLnZlcnRpY2FsIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC1ncm93OiAxO1xufVxuLnN0ZXAtd3JhcHBlci52ZXJ0aWNhbDpsYXN0LWNoaWxkIHtcbiAgZmxleC1ncm93OiAwO1xuICBmbGV4LWJhc2lzOiBmaXQtY29udGVudDtcbn1cbi5zdGVwLXdyYXBwZXIudmVydGljYWw6bm90KDpsYXN0LWNoaWxkKTo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBib3JkZXItYm90dG9tOiBub25lO1xuICBtYXJnaW46IDAuNXJlbSAwIDAuNXJlbSAxLjY4NzVyZW07XG4gIGJvcmRlci1sZWZ0OiAycHggc29saWQgdmFyKC0tc3RlcHBlci1saW5lLWNvbG9yKTtcbiAgbWluLWhlaWdodDogMC41cmVtO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xufVxuLnN0ZXAtd3JhcHBlci53YWl0aW5nIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1kZWZhdWx0LXRleHQtY29sb3IpO1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci13YWl0aW5nLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIud2FpdGluZzpob3ZlciAuc3RlcC1jb250ZW50IC5zdGVwIHtcbiAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc3RlcHBlci13YWl0aW5nLWhvdmVyLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItd2FpdGluZy1ob3Zlci1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLndhaXRpbmc6YWN0aXZlIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1zdGVwcGVyLXdhaXRpbmctYWN0aXZlLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItd2FpdGluZy1hY3RpdmUtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci53YWl0aW5nOmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cbi5zdGVwLXdyYXBwZXIud2FpdGluZzpkaXNhYmxlZCAuc3RlcC1jb250ZW50IC5zdGVwIHtcbiAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc3RlcHBlci13YWl0aW5nLWRpc2FibGVkLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItd2FpdGluZy1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLndhaXRpbmc6ZGlzYWJsZWQgLnN0ZXAtY29udGVudCAubGFiZWwge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1sYWJlbC1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLndhaXRpbmc6ZGlzYWJsZWQgLnN0ZXAtY29udGVudCAubGFiZWwgLmNhcHRpb24ge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1jYXB0aW9uLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIud2FpdGluZzpkaXNhYmxlZDpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1saW5lLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudCAuc3RlcC1jb250ZW50IC5zdGVwIHtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItZGVmYXVsdC10ZXh0LWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1jdXJyZW50LWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWN1cnJlbnQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5jdXJyZW50Om5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWxpbmUtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5jdXJyZW50OmhvdmVyIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItY3VycmVudC1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0ZXBwZXItY3VycmVudC1ob3Zlci1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmN1cnJlbnQ6YWN0aXZlIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItY3VycmVudC1hY3RpdmUtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWN1cnJlbnQtYWN0aXZlLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudDpkaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uc3RlcC13cmFwcGVyLmN1cnJlbnQ6ZGlzYWJsZWQgLnN0ZXAtY29udGVudCAuc3RlcCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1jdXJyZW50LWRpc2FibGVkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1jdXJyZW50LWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudDpkaXNhYmxlZCAuc3RlcC1jb250ZW50IC5sYWJlbCB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWxhYmVsLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudDpkaXNhYmxlZCAuc3RlcC1jb250ZW50IC5sYWJlbCAuY2FwdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWNhcHRpb24tZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5jdXJyZW50OmRpc2FibGVkOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWxpbmUtZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5jdXJyZW50IC5zdGVwLWNvbnRlbnQgLmxhYmVsIHtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudCAuc3RlcC1jb250ZW50IC5sYWJlbCAuY2FwdGlvbiB7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG4uc3RlcC13cmFwcGVyLmRvbmUgLnN0ZXAtY29udGVudCAuc3RlcCB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWRlZmF1bHQtdGV4dC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0ZXBwZXItZG9uZS1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1kb25lLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZG9uZTpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1saW5lLWJvbGQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5kb25lOmhvdmVyIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZG9uZS1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0ZXBwZXItZG9uZS1ob3Zlci1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmRvbmU6YWN0aXZlIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZG9uZS1hY3RpdmUtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWRvbmUtYWN0aXZlLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZG9uZTpkaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uc3RlcC13cmFwcGVyLmRvbmU6ZGlzYWJsZWQgLnN0ZXAtY29udGVudCAuc3RlcCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1kb25lLWRpc2FibGVkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1kb25lLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZG9uZTpkaXNhYmxlZCAuc3RlcC1jb250ZW50IC5sYWJlbCB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWxhYmVsLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZG9uZTpkaXNhYmxlZCAuc3RlcC1jb250ZW50IC5sYWJlbCAuY2FwdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWNhcHRpb24tZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5kb25lOmRpc2FibGVkOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWxpbmUtYm9sZC1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1kZWZhdWx0LXRleHQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWVycm9yLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWVycm9yLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZXJyb3I6bm90KDpsYXN0LWNoaWxkKTo6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItbGluZS1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yOmhvdmVyIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZXJyb3ItaG92ZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWVycm9yLWhvdmVyLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZXJyb3I6YWN0aXZlIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZXJyb3ItYWN0aXZlLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1lcnJvci1hY3RpdmUtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5lcnJvcjpkaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yOmRpc2FibGVkIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZXJyb3ItZGlzYWJsZWQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWVycm9yLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZXJyb3I6ZGlzYWJsZWQgLnN0ZXAtY29udGVudCAubGFiZWwge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1sYWJlbC1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yOmRpc2FibGVkIC5zdGVwLWNvbnRlbnQgLmxhYmVsIC5jYXB0aW9uIHtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItY2FwdGlvbi1lcnJvci1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yOmRpc2FibGVkOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWxpbmUtZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5lcnJvciAuc3RlcC1jb250ZW50IC5sYWJlbCAuY2FwdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWNhcHRpb24tZXJyb3ItY29sb3IpO1xufVxuXG4uc3RlcCB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEuNzVyZW07XG4gIGhlaWdodDogMS43NXJlbTtcbiAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc3RlcHBlci13YWl0aW5nLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1mb3JtLWxhYmVsKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbn1cblxuLmxhYmVsIHtcbiAgZmxleC1zaHJpbms6IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItbGFiZWwtY29sb3IpO1xufVxuXG4uY2FwdGlvbiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxLjI1cmVtO1xuICBsZWZ0OiAwO1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1jYXB0aW9uLWNvbG9yKTtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xufSJdfQ== */';var t={"sr-only":"Step-module_sr-only__3A94P",hidden:"Step-module_hidden__Yk-sy","slide-in":"Step-module_slide-in__lN7Tm","slide-out":"Step-module_slide-out__HugJ6","step-wrapper":"Step-module_step-wrapper__lz84F","step-content":"Step-module_step-content__OvUTX",vertical:"Step-module_vertical__ndoU6",waiting:"Step-module_waiting__ABvWf",step:"Step-module_step__d5udL",label:"Step-module_label__2XJya",caption:"Step-module_caption__Ht-Ld",current:"Step-module_current__ZjzZO",done:"Step-module_done__AotE5",error:"Step-module_error__d9DxD"};e(l);export{t as default};
|
|
1
|
+
import e from "../../lib/style-inject.js";var l='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.Step-module_sr-only__3A94P{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Step-module_hidden__Yk-sy{display:none}.Step-module_slide-in__lN7Tm{animation:Step-module_slide-in__lN7Tm .5s forwards}@media (prefers-reduced-motion:reduce){.Step-module_slide-in__lN7Tm{animation-duration:.1ms}}.Step-module_slide-out__HugJ6{animation:Step-module_slide-out__HugJ6 .5s forwards}@media (prefers-reduced-motion:reduce){.Step-module_slide-out__HugJ6{animation-duration:.1ms}}@keyframes Step-module_slide-in__lN7Tm{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Step-module_slide-out__HugJ6{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Step-module_step-wrapper__lz84F{background-color:transparent;border:0;display:grid;gap:.5rem;grid-template-columns:1.875rem 1fr;grid-template-rows:auto 1fr;margin:0;padding:0;pointer-events:none}.Step-module_step-wrapper__lz84F.Step-module_horizontal__7dgTD{align-items:start;grid-template-columns:1.875rem auto 1fr;grid-template-rows:auto 1fr;width:100%}.Step-module_step-wrapper__lz84F.Step-module_horizontal__7dgTD .Step-module_stepper-line__gKVO-{background-color:var(--stepper-line-color);border-radius:2px;height:2px;margin-top:.8125rem;min-height:auto;min-width:1rem;width:100%}.Step-module_step-wrapper__lz84F.Step-module_horizontal__7dgTD .Step-module_label__2XJya{margin-top:.25rem}.Step-module_step-wrapper__lz84F.Step-module_horizontal__7dgTD.Step-module_text-bottom__EvcGA{gap:0;grid-template-columns:5rem 1fr}.Step-module_step-wrapper__lz84F.Step-module_horizontal__7dgTD.Step-module_text-bottom__EvcGA .Step-module_step__d5udL{justify-self:center}.Step-module_step-wrapper__lz84F.Step-module_horizontal__7dgTD.Step-module_text-bottom__EvcGA .Step-module_label__2XJya{grid-column-end:1;grid-column-start:1;grid-row-end:2;grid-row-start:2;justify-self:center;text-align:center}.Step-module_step-wrapper__lz84F.Step-module_horizontal__7dgTD.Step-module_text-bottom__EvcGA .Step-module_stepper-line__gKVO-{margin-left:-1.125rem;margin-right:-1.125rem;width:calc(100% + 2.25rem)}.Step-module_step-wrapper__lz84F.Step-module_horizontal__7dgTD.Step-module_text-bottom__EvcGA .Step-module_label-inner-wrapper__YdZ5L{display:inline}.Step-module_step-wrapper__lz84F.Step-module_horizontal__7dgTD.Step-module_text-bottom__EvcGA.Step-module_last-step__LoFcr{display:grid;flex:1 0 5rem;grid-template-columns:5rem;grid-template-rows:auto 1fr;justify-content:center}.Step-module_step-wrapper__lz84F.Step-module_horizontal__7dgTD.Step-module_text-bottom__EvcGA.Step-module_last-step__LoFcr .Step-module_label__2XJya{width:auto}.Step-module_step-wrapper__lz84F.Step-module_horizontal__7dgTD.Step-module_last-step__LoFcr{display:flex;width:max-content}.Step-module_step-wrapper__lz84F.Step-module_horizontal__7dgTD.Step-module_last-step__LoFcr .Step-module_label__2XJya{width:max-content}.Step-module_step-wrapper__lz84F.Step-module_horizontal__7dgTD .Step-module_label-inner-wrapper__YdZ5L{display:flex}.Step-module_step-wrapper__lz84F.Step-module_horizontal__7dgTD .Step-module_stepper-line-extender__Ty-FP{display:block;flex:1;margin-left:.4375rem;margin-right:-1rem;margin-top:.5625rem}.Step-module_step-wrapper__lz84F .Step-module_stepper-line__gKVO-{background-color:var(--stepper-line-color);border-radius:2px;height:100%;justify-self:center;min-height:.375rem;pointer-events:none;width:2px}.Step-module_step-wrapper__lz84F.Step-module_vertical__ndoU6.Step-module_has-caption__IRrFo .Step-module_stepper-line__gKVO-{min-height:1.375rem}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf .Step-module_step__d5udL{color:var(--stepper-default-text-color);color:var(--stepper-waiting-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:hover .Step-module_step__d5udL{border:2px solid var(--stepper-waiting-hover-color);color:var(--stepper-waiting-hover-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:active .Step-module_step__d5udL{border:2px solid var(--stepper-waiting-active-color);color:var(--stepper-waiting-active-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf.Step-module_disabled__kFAkZ{cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf.Step-module_disabled__kFAkZ .Step-module_step__d5udL{border:2px solid var(--stepper-waiting-disabled-color);color:var(--stepper-waiting-disabled-color);cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf.Step-module_disabled__kFAkZ .Step-module_label__2XJya{color:var(--stepper-label-disabled-color);cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf.Step-module_disabled__kFAkZ .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf.Step-module_disabled__kFAkZ .Step-module_stepper-line__gKVO-{background-color:var(--stepper-line-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO .Step-module_step__d5udL{background-color:var(--stepper-current-color);border-color:var(--stepper-current-color);color:var(--stepper-default-text-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:hover .Step-module_step__d5udL{background-color:var(--stepper-current-hover-color);border-color:var(--stepper-current-hover-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:active .Step-module_step__d5udL{background-color:var(--stepper-current-active-color);border-color:var(--stepper-current-active-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO.Step-module_disabled__kFAkZ{cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO.Step-module_disabled__kFAkZ .Step-module_step__d5udL{background-color:var(--stepper-current-disabled-color);border-color:var(--stepper-current-disabled-color);cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO.Step-module_disabled__kFAkZ .Step-module_label__2XJya{color:var(--stepper-label-disabled-color);cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO.Step-module_disabled__kFAkZ .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO.Step-module_disabled__kFAkZ .Step-module_stepper-line__gKVO-{background-color:var(--stepper-line-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO .Step-module_label__2XJya{font-weight:700}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO .Step-module_label__2XJya .Step-module_caption__Ht-Ld{font-weight:400}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5 .Step-module_step__d5udL{background-color:var(--stepper-done-color);border-color:var(--stepper-done-color);color:var(--stepper-default-text-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5 .Step-module_stepper-line__gKVO-{background-color:var(--stepper-line-bold-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:hover .Step-module_step__d5udL{background-color:var(--stepper-done-hover-color);border-color:var(--stepper-done-hover-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:active .Step-module_step__d5udL{background-color:var(--stepper-done-active-color);border-color:var(--stepper-done-active-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5.Step-module_disabled__kFAkZ{cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5.Step-module_disabled__kFAkZ .Step-module_step__d5udL{background-color:var(--stepper-done-disabled-color);border-color:var(--stepper-done-disabled-color);cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5.Step-module_disabled__kFAkZ .Step-module_label__2XJya{color:var(--stepper-label-disabled-color);cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5.Step-module_disabled__kFAkZ .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5.Step-module_disabled__kFAkZ .Step-module_stepper-line__gKVO-{background-color:var(--stepper-line-bold-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD .Step-module_step__d5udL{background-color:var(--stepper-error-color);border-color:var(--stepper-error-color);color:var(--stepper-default-text-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:hover .Step-module_step__d5udL{background-color:var(--stepper-error-hover-color);border-color:var(--stepper-error-hover-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:active .Step-module_step__d5udL{background-color:var(--stepper-error-active-color);border-color:var(--stepper-error-active-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD.Step-module_disabled__kFAkZ{cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD.Step-module_disabled__kFAkZ .Step-module_step__d5udL{background-color:var(--stepper-error-disabled-color);border-color:var(--stepper-error-disabled-color);cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD.Step-module_disabled__kFAkZ .Step-module_label__2XJya{color:var(--stepper-label-disabled-color);cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD.Step-module_disabled__kFAkZ .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-error-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD.Step-module_disabled__kFAkZ .Step-module_stepper-line__gKVO-{background-color:var(--stepper-line-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-error-color)}.Step-module_step__d5udL{align-items:center;border:2px solid var(--stepper-waiting-color);border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;font-weight:700;height:1.75rem;justify-content:center;width:1.75rem}.Step-module_label__2XJya,.Step-module_step__d5udL{cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-form-label);pointer-events:visible}.Step-module_label__2XJya{align-self:start;background-color:initial;border:none;color:var(--stepper-label-color);grid-column-end:2;grid-column-start:2;grid-row-end:span 2;grid-row-start:1;line-height:1.25rem;margin:.25rem 0 0;padding:0;text-align:left}.Step-module_label__2XJya:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:"1px"}.Step-module_caption__Ht-Ld{color:var(--stepper-caption-color);display:block;font-family:var(--font-family);font-size:.75rem;line-height:1rem}\n/*# sourceMappingURL=data:application/json;base64,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aEQsa0JBR0YsQ0FDQSwrR0FFRSx5Q0FBMEMsQ0FEMUMsa0JBRUYsQ0FDQSwySUFDRSwyQ0FDRixDQUNBLHNIQUNFLHdEQUNGLENBQ0EsbUZBRUUsMkNBQTRDLENBQzVDLHVDQUF3QyxDQUZ4Qyx1Q0FHRixDQUNBLHlGQUVFLGlEQUFrRCxDQURsRCw2Q0FFRixDQUNBLDBGQUVFLGtEQUFtRCxDQURuRCw4Q0FFRixDQUNBLHNGQUNFLGtCQUNGLENBQ0EsK0dBR0Usb0RBQXFELENBRHJELGdEQUFpRCxDQURqRCxrQkFHRixDQUNBLGdIQUVFLHlDQUEwQyxDQUQxQyxrQkFFRixDQUNBLDRJQUNFLGlEQUNGLENBQ0EsdUhBQ0UsbURBQ0YsQ0FDQSxnSEFDRSx3Q0FDRixDQUVBLHlCQU9FLGtCQUFtQixDQUduQiw2Q0FBOEMsQ0FDOUMsaUJBQWtCLENBUGxCLHFCQUFzQixDQUN0QixZQUFhLENBRmIsYUFBYyxDQVdkLGVBQWdCLENBTGhCLGNBQWUsQ0FIZixzQkFBdUIsQ0FFdkIsYUFPRixDQUVBLG1EQWZFLGNBQWUsQ0FXZiw4QkFBK0IsQ0FEL0IscUNBQXNDLENBWHRDLHNCQWlDRixDQWpCQSwwQkFPRSxnQkFBaUIsQ0FHakIsd0JBQXlCLENBQ3pCLFdBQVksQ0FFWixnQ0FBaUMsQ0FUakMsaUJBQWtCLENBRGxCLG1CQUFvQixDQUdwQixtQkFBb0IsQ0FEcEIsZ0JBQWlCLENBV2pCLG1CQUFvQixDQVJwQixpQkFBbUIsQ0FDbkIsU0FBVSxDQUdWLGVBS0YsQ0FDQSx3Q0FHRSx3Q0FBeUMsQ0FGekMsd0NBQTBDLENBQzFDLG9CQUVGLENBRUEsNEJBRUUsa0NBQW1DLENBRG5DLGFBQWMsQ0FFZCw4QkFBK0IsQ0FDL0IsZ0JBQWtCLENBQ2xCLGdCQUNGIiwiZmlsZSI6IlN0ZXAubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi5zdGVwLXdyYXBwZXIge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ2FwOiAwLjVyZW07XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMS44NzVyZW0gMWZyO1xuICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gMWZyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAwO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDA7XG59XG4uc3RlcC13cmFwcGVyLmhvcml6b250YWwge1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDEuODc1cmVtIGF1dG8gMWZyO1xuICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gMWZyO1xuICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIHdpZHRoOiAxMDAlO1xufVxuLnN0ZXAtd3JhcHBlci5ob3Jpem9udGFsIC5zdGVwcGVyLWxpbmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWxpbmUtY29sb3IpO1xuICBtaW4taGVpZ2h0OiBhdXRvO1xuICBoZWlnaHQ6IDJweDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi13aWR0aDogMXJlbTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBtYXJnaW4tdG9wOiAwLjgxMjVyZW07XG59XG4uc3RlcC13cmFwcGVyLmhvcml6b250YWwgLmxhYmVsIHtcbiAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbn1cbi5zdGVwLXdyYXBwZXIuaG9yaXpvbnRhbC50ZXh0LWJvdHRvbSB7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNXJlbSAxZnI7XG4gIGdhcDogMDtcbn1cbi5zdGVwLXdyYXBwZXIuaG9yaXpvbnRhbC50ZXh0LWJvdHRvbSAuc3RlcCB7XG4gIGp1c3RpZnktc2VsZjogY2VudGVyO1xufVxuLnN0ZXAtd3JhcHBlci5ob3Jpem9udGFsLnRleHQtYm90dG9tIC5sYWJlbCB7XG4gIGp1c3RpZnktc2VsZjogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGdyaWQtY29sdW1uLXN0YXJ0OiAxO1xuICBncmlkLWNvbHVtbi1lbmQ6IDE7XG4gIGdyaWQtcm93LXN0YXJ0OiAyO1xuICBncmlkLXJvdy1lbmQ6IDI7XG59XG4uc3RlcC13cmFwcGVyLmhvcml6b250YWwudGV4dC1ib3R0b20gLnN0ZXBwZXItbGluZSB7XG4gIG1hcmdpbi1yaWdodDogLTEuMTI1cmVtO1xuICBtYXJnaW4tbGVmdDogLTEuMTI1cmVtO1xuICB3aWR0aDogY2FsYygxMDAlICsgMi4yNXJlbSk7XG59XG4uc3RlcC13cmFwcGVyLmhvcml6b250YWwudGV4dC1ib3R0b20gLmxhYmVsLWlubmVyLXdyYXBwZXIge1xuICBkaXNwbGF5OiBpbmxpbmU7XG59XG4uc3RlcC13cmFwcGVyLmhvcml6b250YWwudGV4dC1ib3R0b20ubGFzdC1zdGVwIHtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogNXJlbTtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvIDFmcjtcbiAgZmxleDogMSAwIDVyZW07XG4gIGRpc3BsYXk6IGdyaWQ7XG59XG4uc3RlcC13cmFwcGVyLmhvcml6b250YWwudGV4dC1ib3R0b20ubGFzdC1zdGVwIC5sYWJlbCB7XG4gIHdpZHRoOiBhdXRvO1xufVxuLnN0ZXAtd3JhcHBlci5ob3Jpem9udGFsLmxhc3Qtc3RlcCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbn1cbi5zdGVwLXdyYXBwZXIuaG9yaXpvbnRhbC5sYXN0LXN0ZXAgLmxhYmVsIHtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xufVxuLnN0ZXAtd3JhcHBlci5ob3Jpem9udGFsIC5sYWJlbC1pbm5lci13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbn1cbi5zdGVwLXdyYXBwZXIuaG9yaXpvbnRhbCAuc3RlcHBlci1saW5lLWV4dGVuZGVyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXg6IDE7XG4gIG1hcmdpbi1sZWZ0OiAwLjQzNzVyZW07XG4gIG1hcmdpbi1yaWdodDogLTFyZW07XG4gIG1hcmdpbi10b3A6IDAuNTYyNXJlbTtcbn1cbi5zdGVwLXdyYXBwZXIgLnN0ZXBwZXItbGluZSB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBqdXN0aWZ5LXNlbGY6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1saW5lLWNvbG9yKTtcbiAgbWluLWhlaWdodDogMC4zNzVyZW07XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDJweDtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xufVxuLnN0ZXAtd3JhcHBlci52ZXJ0aWNhbC5oYXMtY2FwdGlvbiAuc3RlcHBlci1saW5lIHtcbiAgbWluLWhlaWdodDogMS4zNzVyZW07XG59XG4uc3RlcC13cmFwcGVyLndhaXRpbmcgLnN0ZXAge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1kZWZhdWx0LXRleHQtY29sb3IpO1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci13YWl0aW5nLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIud2FpdGluZzpob3ZlciAuc3RlcCB7XG4gIGJvcmRlcjogMnB4IHNvbGlkIHZhcigtLXN0ZXBwZXItd2FpdGluZy1ob3Zlci1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLXdhaXRpbmctaG92ZXItY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci53YWl0aW5nOmFjdGl2ZSAuc3RlcCB7XG4gIGJvcmRlcjogMnB4IHNvbGlkIHZhcigtLXN0ZXBwZXItd2FpdGluZy1hY3RpdmUtY29sb3IpO1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci13YWl0aW5nLWFjdGl2ZS1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLndhaXRpbmcuZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuLnN0ZXAtd3JhcHBlci53YWl0aW5nLmRpc2FibGVkIC5zdGVwIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc3RlcHBlci13YWl0aW5nLWRpc2FibGVkLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItd2FpdGluZy1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLndhaXRpbmcuZGlzYWJsZWQgLmxhYmVsIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItbGFiZWwtZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci53YWl0aW5nLmRpc2FibGVkIC5sYWJlbCAuY2FwdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWNhcHRpb24tZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci53YWl0aW5nLmRpc2FibGVkIC5zdGVwcGVyLWxpbmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWxpbmUtZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5jdXJyZW50IC5zdGVwIHtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItZGVmYXVsdC10ZXh0LWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1jdXJyZW50LWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWN1cnJlbnQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5jdXJyZW50OmhvdmVyIC5zdGVwIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWN1cnJlbnQtaG92ZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWN1cnJlbnQtaG92ZXItY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5jdXJyZW50OmFjdGl2ZSAuc3RlcCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1jdXJyZW50LWFjdGl2ZS1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0ZXBwZXItY3VycmVudC1hY3RpdmUtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5jdXJyZW50LmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudC5kaXNhYmxlZCAuc3RlcCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1jdXJyZW50LWRpc2FibGVkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1jdXJyZW50LWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudC5kaXNhYmxlZCAubGFiZWwge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1sYWJlbC1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmN1cnJlbnQuZGlzYWJsZWQgLmxhYmVsIC5jYXB0aW9uIHtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItY2FwdGlvbi1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmN1cnJlbnQuZGlzYWJsZWQgLnN0ZXBwZXItbGluZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0ZXBwZXItbGluZS1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmN1cnJlbnQgLmxhYmVsIHtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudCAubGFiZWwgLmNhcHRpb24ge1xuICBmb250LXdlaWdodDogNDAwO1xufVxuLnN0ZXAtd3JhcHBlci5kb25lIC5zdGVwIHtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItZGVmYXVsdC10ZXh0LWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1kb25lLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWRvbmUtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5kb25lIC5zdGVwcGVyLWxpbmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWxpbmUtYm9sZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmRvbmU6aG92ZXIgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZG9uZS1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0ZXBwZXItZG9uZS1ob3Zlci1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmRvbmU6YWN0aXZlIC5zdGVwIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWRvbmUtYWN0aXZlLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1kb25lLWFjdGl2ZS1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmRvbmUuZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuLnN0ZXAtd3JhcHBlci5kb25lLmRpc2FibGVkIC5zdGVwIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWRvbmUtZGlzYWJsZWQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWRvbmUtZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5kb25lLmRpc2FibGVkIC5sYWJlbCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWxhYmVsLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZG9uZS5kaXNhYmxlZCAubGFiZWwgLmNhcHRpb24ge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1jYXB0aW9uLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZG9uZS5kaXNhYmxlZCAuc3RlcHBlci1saW5lIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1saW5lLWJvbGQtZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5lcnJvciAuc3RlcCB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWRlZmF1bHQtdGV4dC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0ZXBwZXItZXJyb3ItY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZXJyb3ItY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5lcnJvcjpob3ZlciAuc3RlcCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1lcnJvci1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0ZXBwZXItZXJyb3ItaG92ZXItY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5lcnJvcjphY3RpdmUgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZXJyb3ItYWN0aXZlLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1lcnJvci1hY3RpdmUtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5lcnJvci5kaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yLmRpc2FibGVkIC5zdGVwIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWVycm9yLWRpc2FibGVkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1lcnJvci1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yLmRpc2FibGVkIC5sYWJlbCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWxhYmVsLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZXJyb3IuZGlzYWJsZWQgLmxhYmVsIC5jYXB0aW9uIHtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItY2FwdGlvbi1lcnJvci1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yLmRpc2FibGVkIC5zdGVwcGVyLWxpbmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWxpbmUtZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5lcnJvciAubGFiZWwgLmNhcHRpb24ge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1jYXB0aW9uLWVycm9yLWNvbG9yKTtcbn1cblxuLnN0ZXAge1xuICBwb2ludGVyLWV2ZW50czogdmlzaWJsZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBmbGV4LXNocmluazogMDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiAxLjc1cmVtO1xuICBoZWlnaHQ6IDEuNzVyZW07XG4gIGJvcmRlcjogMnB4IHNvbGlkIHZhcigtLXN0ZXBwZXItd2FpdGluZy1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtZm9ybS1sYWJlbCk7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG59XG5cbi5sYWJlbCB7XG4gIHBvaW50ZXItZXZlbnRzOiB2aXNpYmxlO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGdyaWQtY29sdW1uLXN0YXJ0OiAyO1xuICBncmlkLWNvbHVtbi1lbmQ6IDI7XG4gIGdyaWQtcm93LXN0YXJ0OiAxO1xuICBncmlkLXJvdy1lbmQ6IHNwYW4gMjtcbiAgYWxpZ24tc2VsZjogc3RhcnQ7XG4gIG1hcmdpbjogMC4yNXJlbSAwIDA7XG4gIHBhZGRpbmc6IDA7XG4gIGJhY2tncm91bmQtY29sb3I6IGluaXRpYWw7XG4gIGJvcmRlcjogbm9uZTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItbGFiZWwtY29sb3IpO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1mb3JtLWxhYmVsKTtcbiAgbGluZS1oZWlnaHQ6IDEuMjVyZW07XG59XG4ubGFiZWw6Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDAuMTI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IFwiMXB4XCI7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xufVxuXG4uY2FwdGlvbiB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1jYXB0aW9uLWNvbG9yKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBsaW5lLWhlaWdodDogMXJlbTtcbn0iXX0= */';var t={"sr-only":"Step-module_sr-only__3A94P",hidden:"Step-module_hidden__Yk-sy","slide-in":"Step-module_slide-in__lN7Tm","slide-out":"Step-module_slide-out__HugJ6","step-wrapper":"Step-module_step-wrapper__lz84F",horizontal:"Step-module_horizontal__7dgTD","stepper-line":"Step-module_stepper-line__gKVO-",label:"Step-module_label__2XJya","text-bottom":"Step-module_text-bottom__EvcGA",step:"Step-module_step__d5udL","label-inner-wrapper":"Step-module_label-inner-wrapper__YdZ5L","last-step":"Step-module_last-step__LoFcr","stepper-line-extender":"Step-module_stepper-line-extender__Ty-FP",vertical:"Step-module_vertical__ndoU6","has-caption":"Step-module_has-caption__IRrFo",waiting:"Step-module_waiting__ABvWf",disabled:"Step-module_disabled__kFAkZ",caption:"Step-module_caption__Ht-Ld",current:"Step-module_current__ZjzZO",done:"Step-module_done__AotE5",error:"Step-module_error__d9DxD"};e(l);export{t as default};
|
|
2
2
|
//# sourceMappingURL=Step.module.esm.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import t from"react";import{Step as e}from"./Step.esm.js";import o from"./Stepper.module.esm.js";const s=.5;const r=({steps:s,direction:r="horizontal",textPosition:i,className:m,...n})=>{const p=[];r==="horizontal"&&p.push(o["horizontal"]);i==="bottom"&&p.push(o["text-bottom"]);m&&p.push(m);return t.createElement("div",{...n,className:`${o["stepper"]} ${p.join(" ")}`},s.map(((o,m)=>t.createElement(e,{...o,key:o.label.toLowerCase().replace(/\s/,"-"),index:m,direction:r,lastStep:m+1===s.length,textPosition:i}))))};export{r as Stepper,s as gapBetweenStepsInRem};
|
|
2
2
|
//# sourceMappingURL=Stepper.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.esm.js","sources":["../../../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef } from \"react\";\nimport { Step, Props as StepProps } from \"./Step\";\nimport classes from \"./Stepper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n steps: StepProps[];\n direction: \"horizontal\" | \"vertical\";\n}\n\nexport const Stepper = ({
|
|
1
|
+
{"version":3,"file":"Stepper.esm.js","sources":["../../../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef } from \"react\";\nimport { Step, Props as StepProps } from \"./Step\";\nimport classes from \"./Stepper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n steps: StepProps[];\n direction: \"horizontal\" | \"vertical\";\n textPosition?: \"bottom\" | \"right\";\n}\n\nexport const gapBetweenStepsInRem = 0.5;\n\nexport const Stepper = ({\n steps,\n direction = \"horizontal\",\n textPosition,\n className,\n ...rest\n}: Props) => {\n const additionalClasses = [];\n direction === \"horizontal\" && additionalClasses.push(classes[\"horizontal\"]);\n textPosition === \"bottom\" && additionalClasses.push(classes[\"text-bottom\"]);\n className && additionalClasses.push(className);\n\n return (\n <div {...rest} className={`${classes[\"stepper\"]} ${additionalClasses.join(\" \")}`}>\n {steps.map((step, index) => (\n <Step\n {...step}\n key={step.label.toLowerCase().replace(/\\s/, \"-\")}\n index={index}\n direction={direction}\n lastStep={index + 1 === steps.length}\n textPosition={textPosition}\n />\n ))}\n </div>\n );\n};\n"],"names":["gapBetweenStepsInRem","Stepper","steps","direction","textPosition","className","rest","additionalClasses","push","classes","React","createElement","join","map","step","index","Step","key","label","toLowerCase","replace","lastStep","length"],"mappings":"iGA0BO,MAAMA,EAAuB,SAEvBC,EAAU,EACrBC,QACAC,YAAY,aACZC,eACAC,eACGC,MAEH,MAAMC,EAAoB,GAC1BJ,IAAc,cAAgBI,EAAkBC,KAAKC,EAAQ,eAC7DL,IAAiB,UAAYG,EAAkBC,KAAKC,EAAQ,gBAC5DJ,GAAaE,EAAkBC,KAAKH,GAEpC,OACEK,EAASC,cAAA,MAAA,IAAAL,EAAMD,UAAW,GAAGI,EAAQ,cAAcF,EAAkBK,KAAK,QACvEV,EAAMW,KAAI,CAACC,EAAMC,IAChBL,EAAAC,cAACK,EACK,IAAAF,EACJG,IAAKH,EAAKI,MAAMC,cAAcC,QAAQ,KAAM,KAC5CL,MAAOA,EACPZ,UAAWA,EACXkB,SAAUN,EAAQ,IAAMb,EAAMoB,OAC9BlB,aAAcA,MAIpB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from "../../lib/style-inject.js";var t=".Stepper-module_stepper__kZdrJ{
|
|
1
|
+
import e from "../../lib/style-inject.js";var t=".Stepper-module_stepper__kZdrJ{display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start;width:auto}.Stepper-module_stepper__kZdrJ.Stepper-module_horizontal__RdwSU{flex-direction:row;justify-content:center;width:100%}.Stepper-module_stepper__kZdrJ.Stepper-module_horizontal__RdwSU.Stepper-module_text-bottom__b6yF7{gap:0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0ZXBwZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsK0JBQ0UsWUFBYSxDQUliLHFCQUFzQixDQUh0QixTQUFXLENBQ1gsMEJBQTJCLENBQzNCLFVBRUYsQ0FDQSxnRUFFRSxrQkFBbUIsQ0FEbkIsc0JBQXVCLENBRXZCLFVBQ0YsQ0FDQSxrR0FDRSxLQUNGIiwiZmlsZSI6IlN0ZXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuc3RlcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMC41cmVtO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIHdpZHRoOiBhdXRvO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuLnN0ZXBwZXIuaG9yaXpvbnRhbCB7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICB3aWR0aDogMTAwJTtcbn1cbi5zdGVwcGVyLmhvcml6b250YWwudGV4dC1ib3R0b20ge1xuICBnYXA6IDA7XG59Il19 */";var o={stepper:"Stepper-module_stepper__kZdrJ",horizontal:"Stepper-module_horizontal__RdwSU","text-bottom":"Stepper-module_text-bottom__b6yF7"};e(t);export{o as default};
|
|
2
2
|
//# sourceMappingURL=Stepper.module.esm.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t,{useState as o,createRef as e,useRef as r,useMemo as i,useEffect as l,useLayoutEffect as n}from"react";import{Icon as a,Icons as c}from"../Icon/Icon.esm.js";import s from"./Tooltip.module.esm.js";import{generateID as m}from"../src/util/helper.esm.js";import{usePosition as f}from"../src/hooks/usePosition.esm.js";import{createPortal as p}from"react-dom";import{useGetDomRoot as h}from"../src/hooks/useGetDomRoot.esm.js";const g={left:{placement:{horizontal:"left",vertical:"center"},offset:{left:0,right:12,top:0,bottom:0},transformOrigin:{horizontal:"right",vertical:"center"}},leftEnd:{placement:{horizontal:"left",vertical:"top"},offset:{left:0,right:12,top:-12,bottom:0},transformOrigin:{horizontal:"right",vertical:"top"}},leftStart:{placement:{horizontal:"left",vertical:"bottom"},offset:{left:0,right:12,top:0,bottom:-12},transformOrigin:{horizontal:"right",vertical:"bottom"}},right:{placement:{horizontal:"right",vertical:"center"},offset:{left:12,right:0,top:0,bottom:0},transformOrigin:{horizontal:"left",vertical:"center"}},rightEnd:{placement:{horizontal:"right",vertical:"top"},offset:{left:12,right:0,top:-12,bottom:0},transformOrigin:{horizontal:"left",vertical:"top"}},rightStart:{placement:{horizontal:"right",vertical:"bottom"},offset:{left:12,right:0,top:0,bottom:-12},transformOrigin:{horizontal:"left",vertical:"bottom"}},top:{placement:{horizontal:"center",vertical:"top"},offset:{left:0,right:0,top:0,bottom:12},transformOrigin:{horizontal:"center",vertical:"bottom"}},topEnd:{placement:{horizontal:"left",vertical:"top"},offset:{left:-12,right:0,top:0,bottom:12},transformOrigin:{horizontal:"left",vertical:"bottom"}},topStart:{placement:{horizontal:"right",vertical:"top"},offset:{left:0,right:-12,top:0,bottom:12},transformOrigin:{horizontal:"right",vertical:"bottom"}},bottom:{placement:{horizontal:"center",vertical:"bottom"},offset:{left:0,right:0,top:12,bottom:0},transformOrigin:{horizontal:"center",vertical:"top"}},bottomEnd:{placement:{horizontal:"left",vertical:"bottom"},offset:{left:-12,right:0,top:12,bottom:0},transformOrigin:{horizontal:"left",vertical:"top"}},bottomStart:{placement:{horizontal:"right",vertical:"bottom"},offset:{left:0,right:-12,top:12,bottom:0},transformOrigin:{horizontal:"right",vertical:"top"}}};const b=({title:b,children:v,className:d,domRoot:u,label:z,location:E="right",position:O="center",color:$="black",...N},y)=>{const[k]=o(m());const[j,I]=o(false);const w=y||e();const{root:L}=h(u,w);const S=r(null);const x=r(null);const A=i((()=>{if(O==="center")return E;return`${E}${O.charAt(0).toUpperCase()+O.slice(1)}`}),[E,O]);const{top:B,bottom:C,right:P,left:R,calculatePosition:F}=f({relativeElement:S,elementToBePositioned:x,placement:g[A].placement,offset:g[A].offset,transformOrigin:g[A].transformOrigin});l((()=>{if(!j)return;
|
|
1
|
+
import t,{useState as o,createRef as e,useRef as r,useMemo as i,useEffect as l,useLayoutEffect as n}from"react";import{Icon as a,Icons as c}from"../Icon/Icon.esm.js";import s from"./Tooltip.module.esm.js";import{generateID as m}from"../src/util/helper.esm.js";import{usePosition as f}from"../src/hooks/usePosition.esm.js";import{createPortal as p}from"react-dom";import{useGetDomRoot as h}from"../src/hooks/useGetDomRoot.esm.js";const g={left:{placement:{horizontal:"left",vertical:"center"},offset:{left:0,right:12,top:0,bottom:0},transformOrigin:{horizontal:"right",vertical:"center"}},leftEnd:{placement:{horizontal:"left",vertical:"top"},offset:{left:0,right:12,top:-12,bottom:0},transformOrigin:{horizontal:"right",vertical:"top"}},leftStart:{placement:{horizontal:"left",vertical:"bottom"},offset:{left:0,right:12,top:0,bottom:-12},transformOrigin:{horizontal:"right",vertical:"bottom"}},right:{placement:{horizontal:"right",vertical:"center"},offset:{left:12,right:0,top:0,bottom:0},transformOrigin:{horizontal:"left",vertical:"center"}},rightEnd:{placement:{horizontal:"right",vertical:"top"},offset:{left:12,right:0,top:-12,bottom:0},transformOrigin:{horizontal:"left",vertical:"top"}},rightStart:{placement:{horizontal:"right",vertical:"bottom"},offset:{left:12,right:0,top:0,bottom:-12},transformOrigin:{horizontal:"left",vertical:"bottom"}},top:{placement:{horizontal:"center",vertical:"top"},offset:{left:0,right:0,top:0,bottom:12},transformOrigin:{horizontal:"center",vertical:"bottom"}},topEnd:{placement:{horizontal:"left",vertical:"top"},offset:{left:-12,right:0,top:0,bottom:12},transformOrigin:{horizontal:"left",vertical:"bottom"}},topStart:{placement:{horizontal:"right",vertical:"top"},offset:{left:0,right:-12,top:0,bottom:12},transformOrigin:{horizontal:"right",vertical:"bottom"}},bottom:{placement:{horizontal:"center",vertical:"bottom"},offset:{left:0,right:0,top:12,bottom:0},transformOrigin:{horizontal:"center",vertical:"top"}},bottomEnd:{placement:{horizontal:"left",vertical:"bottom"},offset:{left:-12,right:0,top:12,bottom:0},transformOrigin:{horizontal:"left",vertical:"top"}},bottomStart:{placement:{horizontal:"right",vertical:"bottom"},offset:{left:0,right:-12,top:12,bottom:0},transformOrigin:{horizontal:"right",vertical:"top"}}};const b=({title:b,children:v,className:d,domRoot:u,label:z,location:E="right",position:O="center",color:$="black",...N},y)=>{const[k]=o(m());const[j,I]=o(false);const w=y||e();const{root:L}=h(u,w);const S=r(null);const x=r(null);const A=i((()=>{if(O==="center")return E;return`${E}${O.charAt(0).toUpperCase()+O.slice(1)}`}),[E,O]);const{top:B,bottom:C,right:P,left:R,calculatePosition:F}=f({relativeElement:S,elementToBePositioned:x,placement:g[A].placement,offset:g[A].offset,transformOrigin:g[A].transformOrigin});l((()=>{if(!j)return;const t=t=>{if(t.key==="Escape")I(false)};document.addEventListener("keyup",t);return()=>{document.removeEventListener("keyup",t)}}),[j]);n((()=>{F()}),[j]);const M=()=>{if(t.isValidElement(z))return t.cloneElement(z,{onFocus:()=>I(true),onBlur:()=>I(false),"aria-describedby":k,tabIndex:0,className:s["label"]});return t.createElement("span",{className:s["label"],tabIndex:0,onFocus:()=>I(true),onBlur:()=>I(false),"aria-describedby":k},z)};const T=`${s["tooltip"]} ${s[$]} ${j?s["visible"]:""} ${s[A.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()]}`;return t.createElement("div",{...N,ref:w,className:`${s.wrapper} ${d!==null&&d!==void 0?d:""}`},M(),t.createElement("div",{className:`${s["tooltip-wrapper"]}`},t.createElement(a,{ref:S,tag:"div",onMouseEnter:()=>I(true),onMouseLeave:()=>I(false),icon:c.InfoCircle,className:s.icon}),p(t.createElement("div",{ref:x,style:{...N.style,top:B,left:R,right:P,bottom:C},"aria-hidden":!j,id:k,className:T},b&&t.createElement("span",{className:s["tooltip-title"]},b),v),L)))};const v=t.forwardRef(b);export{v as Tooltip};
|
|
2
2
|
//# sourceMappingURL=Tooltip.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.esm.js","sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n ComponentPropsWithRef,\n createRef,\n ForwardRefRenderFunction,\n ReactElement,\n ReactNode,\n RefObject,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tooltip.module.scss\";\nimport { generateID } from \"../../util/helper\";\nimport { Offset, Placement, usePosition } from \"../../hooks/usePosition\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../hooks/useGetDomRoot\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n label: ReactNode;\n title?: string;\n children: string;\n domRoot?: HTMLElement;\n location?: \"left\" | \"right\" | \"top\" | \"bottom\";\n color?: \"black\" | \"blue\";\n position?: \"start\" | \"center\" | \"end\";\n}\n\ninterface DefaultPosition {\n placement: Placement;\n offset: Offset;\n transformOrigin: Placement;\n}\n\ntype Location = \"left\" | \"right\" | \"top\" | \"bottom\";\ntype Position = \"start\" | \"end\";\ntype LocationPosition = `${Location}${Capitalize<Position>}` | `${Location}`;\nconst locations: Record<LocationPosition, DefaultPosition> = {\n left: {\n placement: { horizontal: \"left\", vertical: \"center\" },\n offset: { left: 0, right: 12, top: 0, bottom: 0 },\n transformOrigin: { horizontal: \"right\", vertical: \"center\" }\n },\n leftEnd: {\n placement: { horizontal: \"left\", vertical: \"top\" },\n offset: { left: 0, right: 12, top: -12, bottom: 0 },\n transformOrigin: { horizontal: \"right\", vertical: \"top\" }\n },\n leftStart: {\n placement: { horizontal: \"left\", vertical: \"bottom\" },\n offset: { left: 0, right: 12, top: 0, bottom: -12 },\n transformOrigin: { horizontal: \"right\", vertical: \"bottom\" }\n },\n right: {\n placement: { horizontal: \"right\", vertical: \"center\" },\n offset: { left: 12, right: 0, top: 0, bottom: 0 },\n transformOrigin: { horizontal: \"left\", vertical: \"center\" }\n },\n rightEnd: {\n placement: { horizontal: \"right\", vertical: \"top\" },\n offset: { left: 12, right: 0, top: -12, bottom: 0 },\n transformOrigin: { horizontal: \"left\", vertical: \"top\" }\n },\n rightStart: {\n placement: { horizontal: \"right\", vertical: \"bottom\" },\n offset: { left: 12, right: 0, top: 0, bottom: -12 },\n transformOrigin: { horizontal: \"left\", vertical: \"bottom\" }\n },\n top: {\n placement: { horizontal: \"center\", vertical: \"top\" },\n offset: { left: 0, right: 0, top: 0, bottom: 12 },\n transformOrigin: { horizontal: \"center\", vertical: \"bottom\" }\n },\n topEnd: {\n placement: { horizontal: \"left\", vertical: \"top\" },\n offset: { left: -12, right: 0, top: 0, bottom: 12 },\n transformOrigin: { horizontal: \"left\", vertical: \"bottom\" }\n },\n topStart: {\n placement: { horizontal: \"right\", vertical: \"top\" },\n offset: { left: 0, right: -12, top: 0, bottom: 12 },\n transformOrigin: { horizontal: \"right\", vertical: \"bottom\" }\n },\n bottom: {\n placement: { horizontal: \"center\", vertical: \"bottom\" },\n offset: { left: 0, right: 0, top: 12, bottom: 0 },\n transformOrigin: { horizontal: \"center\", vertical: \"top\" }\n },\n bottomEnd: {\n placement: { horizontal: \"left\", vertical: \"bottom\" },\n offset: { left: -12, right: 0, top: 12, bottom: 0 },\n transformOrigin: { horizontal: \"left\", vertical: \"top\" }\n },\n bottomStart: {\n placement: { horizontal: \"right\", vertical: \"bottom\" },\n offset: { left: 0, right: -12, top: 12, bottom: 0 },\n transformOrigin: { horizontal: \"right\", vertical: \"top\" }\n }\n};\n\nconst TooltipComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n title,\n children,\n className,\n domRoot,\n label,\n location = \"right\",\n position = \"center\",\n color = \"black\",\n ...rest\n }: Props,\n ref\n) => {\n const [identifier] = useState(generateID());\n const [visible, setVisible] = useState(false);\n const wrappingDivRef = (ref as RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\n const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n const relativeElement = useRef<HTMLDivElement>(null);\n const elementToBePositioned = useRef<HTMLDivElement>(null);\n\n const determinedLocation = useMemo(() => {\n if (position === \"center\") {\n return location;\n }\n\n return `${location}${position.charAt(0).toUpperCase() + position.slice(1)}` as LocationPosition;\n }, [location, position]);\n\n const { top, bottom, right, left, calculatePosition } = usePosition({\n relativeElement: relativeElement,\n elementToBePositioned: elementToBePositioned,\n placement: locations[determinedLocation].placement,\n offset: locations[determinedLocation].offset,\n transformOrigin: locations[determinedLocation].transformOrigin\n });\n\n useEffect(() => {\n if (!visible) return;\n\n function escapePressHandler(event: KeyboardEvent) {\n if (event.key === \"Escape\") {\n setVisible(false);\n }\n }\n\n document.addEventListener(\"keyup\", escapePressHandler);\n\n return () => {\n document.removeEventListener(\"keyup\", escapePressHandler);\n };\n }, [visible]);\n\n useLayoutEffect(() => {\n calculatePosition();\n }, [visible]);\n\n const renderChildren = () => {\n if (React.isValidElement(label)) {\n return React.cloneElement(label as ReactElement, {\n onFocus: () => setVisible(true),\n onBlur: () => setVisible(false),\n \"aria-describedby\": identifier,\n tabIndex: 0,\n className: classes[\"label\"]\n });\n }\n\n return (\n <span\n className={classes[\"label\"]}\n tabIndex={0}\n onFocus={() => setVisible(true)}\n onBlur={() => setVisible(false)}\n aria-describedby={identifier}\n >\n {label}\n </span>\n );\n };\n\n const tooltipClasses = `${classes[\"tooltip\"]} ${classes[color]} ${\n visible ? classes[\"visible\"] : \"\"\n } ${classes[determinedLocation.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, \"$1-$2\").toLowerCase()]}`;\n\n return (\n <div {...rest} ref={wrappingDivRef} className={`${classes.wrapper} ${className ?? \"\"}`}>\n {renderChildren()}\n <div className={`${classes[\"tooltip-wrapper\"]}`}>\n <Icon\n ref={relativeElement}\n tag=\"div\"\n onMouseEnter={() => setVisible(true)}\n onMouseLeave={() => setVisible(false)}\n icon={Icons.InfoCircle}\n className={classes.icon}\n />\n {createPortal(\n <div\n ref={elementToBePositioned}\n style={{\n ...rest.style,\n top: top,\n left: left,\n right: right,\n bottom: bottom\n }}\n aria-hidden={!visible}\n id={identifier}\n className={tooltipClasses}\n >\n {title && <span className={classes[\"tooltip-title\"]}>{title}</span>}\n {children}\n </div>,\n root\n )}\n </div>\n </div>\n );\n};\n\nexport const Tooltip = React.forwardRef(TooltipComponent);\n"],"names":["locations","left","placement","horizontal","vertical","offset","right","top","bottom","transformOrigin","leftEnd","leftStart","rightEnd","rightStart","topEnd","topStart","bottomEnd","bottomStart","TooltipComponent","title","children","className","domRoot","label","location","position","color","rest","ref","identifier","useState","generateID","visible","setVisible","wrappingDivRef","createRef","root","useGetDomRoot","relativeElement","useRef","elementToBePositioned","determinedLocation","useMemo","charAt","toUpperCase","slice","calculatePosition","usePosition","useEffect","escapePressHandler","event","key","document","addEventListener","removeEventListener","useLayoutEffect","renderChildren","React","isValidElement","cloneElement","onFocus","onBlur","tabIndex","classes","createElement","tooltipClasses","replace","toLowerCase","wrapper","Icon","tag","onMouseEnter","onMouseLeave","icon","Icons","InfoCircle","createPortal","style","id","Tooltip","forwardRef"],"mappings":"6aAuDA,MAAMA,EAAuD,CAC3DC,KAAM,CACJC,UAAW,CAAEC,WAAY,OAAQC,SAAU,UAC3CC,OAAQ,CAAEJ,KAAM,EAAGK,MAAO,GAAIC,IAAK,EAAGC,OAAQ,GAC9CC,gBAAiB,CAAEN,WAAY,QAASC,SAAU,WAEpDM,QAAS,CACPR,UAAW,CAAEC,WAAY,OAAQC,SAAU,OAC3CC,OAAQ,CAAEJ,KAAM,EAAGK,MAAO,GAAIC,KAAM,GAAIC,OAAQ,GAChDC,gBAAiB,CAAEN,WAAY,QAASC,SAAU,QAEpDO,UAAW,CACTT,UAAW,CAAEC,WAAY,OAAQC,SAAU,UAC3CC,OAAQ,CAAEJ,KAAM,EAAGK,MAAO,GAAIC,IAAK,EAAGC,QAAS,IAC/CC,gBAAiB,CAAEN,WAAY,QAASC,SAAU,WAEpDE,MAAO,CACLJ,UAAW,CAAEC,WAAY,QAASC,SAAU,UAC5CC,OAAQ,CAAEJ,KAAM,GAAIK,MAAO,EAAGC,IAAK,EAAGC,OAAQ,GAC9CC,gBAAiB,CAAEN,WAAY,OAAQC,SAAU,WAEnDQ,SAAU,CACRV,UAAW,CAAEC,WAAY,QAASC,SAAU,OAC5CC,OAAQ,CAAEJ,KAAM,GAAIK,MAAO,EAAGC,KAAM,GAAIC,OAAQ,GAChDC,gBAAiB,CAAEN,WAAY,OAAQC,SAAU,QAEnDS,WAAY,CACVX,UAAW,CAAEC,WAAY,QAASC,SAAU,UAC5CC,OAAQ,CAAEJ,KAAM,GAAIK,MAAO,EAAGC,IAAK,EAAGC,QAAS,IAC/CC,gBAAiB,CAAEN,WAAY,OAAQC,SAAU,WAEnDG,IAAK,CACHL,UAAW,CAAEC,WAAY,SAAUC,SAAU,OAC7CC,OAAQ,CAAEJ,KAAM,EAAGK,MAAO,EAAGC,IAAK,EAAGC,OAAQ,IAC7CC,gBAAiB,CAAEN,WAAY,SAAUC,SAAU,WAErDU,OAAQ,CACNZ,UAAW,CAAEC,WAAY,OAAQC,SAAU,OAC3CC,OAAQ,CAAEJ,MAAO,GAAIK,MAAO,EAAGC,IAAK,EAAGC,OAAQ,IAC/CC,gBAAiB,CAAEN,WAAY,OAAQC,SAAU,WAEnDW,SAAU,CACRb,UAAW,CAAEC,WAAY,QAASC,SAAU,OAC5CC,OAAQ,CAAEJ,KAAM,EAAGK,OAAQ,GAAIC,IAAK,EAAGC,OAAQ,IAC/CC,gBAAiB,CAAEN,WAAY,QAASC,SAAU,WAEpDI,OAAQ,CACNN,UAAW,CAAEC,WAAY,SAAUC,SAAU,UAC7CC,OAAQ,CAAEJ,KAAM,EAAGK,MAAO,EAAGC,IAAK,GAAIC,OAAQ,GAC9CC,gBAAiB,CAAEN,WAAY,SAAUC,SAAU,QAErDY,UAAW,CACTd,UAAW,CAAEC,WAAY,OAAQC,SAAU,UAC3CC,OAAQ,CAAEJ,MAAO,GAAIK,MAAO,EAAGC,IAAK,GAAIC,OAAQ,GAChDC,gBAAiB,CAAEN,WAAY,OAAQC,SAAU,QAEnDa,YAAa,CACXf,UAAW,CAAEC,WAAY,QAASC,SAAU,UAC5CC,OAAQ,CAAEJ,KAAM,EAAGK,OAAQ,GAAIC,IAAK,GAAIC,OAAQ,GAChDC,gBAAiB,CAAEN,WAAY,QAASC,SAAU,SAItD,MAAMc,EAAoE,EAEtEC,QACAC,WACAC,YACAC,UACAC,QACAC,WAAW,QACXC,WAAW,SACXC,QAAQ,WACLC,GAELC,KAEA,MAAOC,GAAcC,EAASC,KAC9B,MAAOC,EAASC,GAAcH,EAAS,OACvC,MAAMI,EAAkBN,GAAqCO,IAC7D,MAAMC,KAAEA,GAASC,EAAcf,EAASY,GAExC,MAAMI,EAAkBC,EAAuB,MAC/C,MAAMC,EAAwBD,EAAuB,MAErD,MAAME,EAAqBC,GAAQ,KACjC,GAAIjB,IAAa,SACf,OAAOD,EAGT,MAAO,GAAGA,IAAWC,EAASkB,OAAO,GAAGC,cAAgBnB,EAASoB,MAAM,IAAwB,GAC9F,CAACrB,EAAUC,IAEd,MAAMlB,IAAEA,EAAGC,OAAEA,EAAMF,MAAEA,EAAKL,KAAEA,EAAI6C,kBAAEA,GAAsBC,EAAY,CAClET,gBAAiBA,EACjBE,sBAAuBA,EACvBtC,UAAWF,EAAUyC,GAAoBvC,UACzCG,OAAQL,EAAUyC,GAAoBpC,OACtCI,gBAAiBT,EAAUyC,GAAoBhC,kBAGjDuC,GAAU,KACR,IAAKhB,EAAS,OAEd,SAASiB,EAAmBC,GAC1B,GAAIA,EAAMC,MAAQ,SAChBlB,EAAW,MAEd,CAEDmB,SAASC,iBAAiB,QAASJ,GAEnC,MAAO,KACLG,SAASE,oBAAoB,QAASL,EAAmB,CAC1D,GACA,CAACjB,IAEJuB,GAAgB,KACdT,GAAmB,GAClB,CAACd,IAEJ,MAAMwB,EAAiB,KACrB,GAAIC,EAAMC,eAAenC,GACvB,OAAOkC,EAAME,aAAapC,EAAuB,CAC/CqC,QAAS,IAAM3B,EAAW,MAC1B4B,OAAQ,IAAM5B,EAAW,OACzB,mBAAoBJ,EACpBiC,SAAU,EACVzC,UAAW0C,EAAQ,WAIvB,OACEN,EACEO,cAAA,OAAA,CAAA3C,UAAW0C,EAAQ,SACnBD,SAAU,EACVF,QAAS,IAAM3B,EAAW,MAC1B4B,OAAQ,IAAM5B,EAAW,OACP,mBAAAJ,GAEjBN,EAEH,EAGJ,MAAM0C,EAAiB,GAAGF,EAAQ,cAAcA,EAAQrC,MACtDM,EAAU+B,EAAQ,WAAa,MAC7BA,EAAQtB,EAAmByB,QAAQ,+BAAgC,SAASC,iBAEhF,OACEV,0BAAS9B,EAAMC,IAAKM,EAAgBb,UAAW,GAAG0C,EAAQK,WAAW/C,IAAS,MAATA,SAAA,EAAAA,EAAa,MAC/EmC,IACDC,EAAAO,cAAA,MAAA,CAAK3C,UAAW,GAAG0C,EAAQ,sBACzBN,EAAAO,cAACK,EACC,CAAAzC,IAAKU,EACLgC,IAAI,MACJC,aAAc,IAAMtC,EAAW,MAC/BuC,aAAc,IAAMvC,EAAW,OAC/BwC,KAAMC,EAAMC,WACZtD,UAAW0C,EAAQU,OAEpBG,EACCnB,EACEO,cAAA,MAAA,CAAApC,IAAKY,EACLqC,MAAO,IACFlD,EAAKkD,MACRtE,IAAKA,EACLN,KAAMA,EACNK,MAAOA,EACPE,OAAQA,GAEG,eAACwB,EACd8C,GAAIjD,EACJR,UAAW4C,GAEV9C,GAASsC,EAAMO,cAAA,OAAA,CAAA3C,UAAW0C,EAAQ,kBAAmB5C,GACrDC,GAEHgB,IAIN,EAGS,MAAA2C,EAAUtB,EAAMuB,WAAW9D"}
|
|
1
|
+
{"version":3,"file":"Tooltip.esm.js","sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n ComponentPropsWithRef,\n createRef,\n ForwardRefRenderFunction,\n ReactElement,\n ReactNode,\n RefObject,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tooltip.module.scss\";\nimport { generateID } from \"../../util/helper\";\nimport { Offset, Placement, usePosition } from \"../../hooks/usePosition\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../hooks/useGetDomRoot\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n label: ReactNode;\n title?: string;\n children: string;\n domRoot?: HTMLElement;\n location?: \"left\" | \"right\" | \"top\" | \"bottom\";\n color?: \"black\" | \"blue\";\n position?: \"start\" | \"center\" | \"end\";\n}\n\ninterface DefaultPosition {\n placement: Placement;\n offset: Offset;\n transformOrigin: Placement;\n}\n\ntype Location = \"left\" | \"right\" | \"top\" | \"bottom\";\ntype Position = \"start\" | \"end\";\ntype LocationPosition = `${Location}${Capitalize<Position>}` | `${Location}`;\nconst locations: Record<LocationPosition, DefaultPosition> = {\n left: {\n placement: { horizontal: \"left\", vertical: \"center\" },\n offset: { left: 0, right: 12, top: 0, bottom: 0 },\n transformOrigin: { horizontal: \"right\", vertical: \"center\" }\n },\n leftEnd: {\n placement: { horizontal: \"left\", vertical: \"top\" },\n offset: { left: 0, right: 12, top: -12, bottom: 0 },\n transformOrigin: { horizontal: \"right\", vertical: \"top\" }\n },\n leftStart: {\n placement: { horizontal: \"left\", vertical: \"bottom\" },\n offset: { left: 0, right: 12, top: 0, bottom: -12 },\n transformOrigin: { horizontal: \"right\", vertical: \"bottom\" }\n },\n right: {\n placement: { horizontal: \"right\", vertical: \"center\" },\n offset: { left: 12, right: 0, top: 0, bottom: 0 },\n transformOrigin: { horizontal: \"left\", vertical: \"center\" }\n },\n rightEnd: {\n placement: { horizontal: \"right\", vertical: \"top\" },\n offset: { left: 12, right: 0, top: -12, bottom: 0 },\n transformOrigin: { horizontal: \"left\", vertical: \"top\" }\n },\n rightStart: {\n placement: { horizontal: \"right\", vertical: \"bottom\" },\n offset: { left: 12, right: 0, top: 0, bottom: -12 },\n transformOrigin: { horizontal: \"left\", vertical: \"bottom\" }\n },\n top: {\n placement: { horizontal: \"center\", vertical: \"top\" },\n offset: { left: 0, right: 0, top: 0, bottom: 12 },\n transformOrigin: { horizontal: \"center\", vertical: \"bottom\" }\n },\n topEnd: {\n placement: { horizontal: \"left\", vertical: \"top\" },\n offset: { left: -12, right: 0, top: 0, bottom: 12 },\n transformOrigin: { horizontal: \"left\", vertical: \"bottom\" }\n },\n topStart: {\n placement: { horizontal: \"right\", vertical: \"top\" },\n offset: { left: 0, right: -12, top: 0, bottom: 12 },\n transformOrigin: { horizontal: \"right\", vertical: \"bottom\" }\n },\n bottom: {\n placement: { horizontal: \"center\", vertical: \"bottom\" },\n offset: { left: 0, right: 0, top: 12, bottom: 0 },\n transformOrigin: { horizontal: \"center\", vertical: \"top\" }\n },\n bottomEnd: {\n placement: { horizontal: \"left\", vertical: \"bottom\" },\n offset: { left: -12, right: 0, top: 12, bottom: 0 },\n transformOrigin: { horizontal: \"left\", vertical: \"top\" }\n },\n bottomStart: {\n placement: { horizontal: \"right\", vertical: \"bottom\" },\n offset: { left: 0, right: -12, top: 12, bottom: 0 },\n transformOrigin: { horizontal: \"right\", vertical: \"top\" }\n }\n};\n\nconst TooltipComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n title,\n children,\n className,\n domRoot,\n label,\n location = \"right\",\n position = \"center\",\n color = \"black\",\n ...rest\n }: Props,\n ref\n) => {\n const [identifier] = useState(generateID());\n const [visible, setVisible] = useState(false);\n const wrappingDivRef = (ref as RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\n const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n const relativeElement = useRef<HTMLDivElement>(null);\n const elementToBePositioned = useRef<HTMLDivElement>(null);\n\n const determinedLocation = useMemo(() => {\n if (position === \"center\") {\n return location;\n }\n\n return `${location}${position.charAt(0).toUpperCase() + position.slice(1)}` as LocationPosition;\n }, [location, position]);\n\n const { top, bottom, right, left, calculatePosition } = usePosition({\n relativeElement: relativeElement,\n elementToBePositioned: elementToBePositioned,\n placement: locations[determinedLocation].placement,\n offset: locations[determinedLocation].offset,\n transformOrigin: locations[determinedLocation].transformOrigin\n });\n\n useEffect(() => {\n if (!visible) return;\n\n const escapePressHandler = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n setVisible(false);\n }\n };\n\n document.addEventListener(\"keyup\", escapePressHandler);\n\n return () => {\n document.removeEventListener(\"keyup\", escapePressHandler);\n };\n }, [visible]);\n\n useLayoutEffect(() => {\n calculatePosition();\n }, [visible]);\n\n const renderChildren = () => {\n if (React.isValidElement(label)) {\n return React.cloneElement(label as ReactElement, {\n onFocus: () => setVisible(true),\n onBlur: () => setVisible(false),\n \"aria-describedby\": identifier,\n tabIndex: 0,\n className: classes[\"label\"]\n });\n }\n\n return (\n <span\n className={classes[\"label\"]}\n tabIndex={0}\n onFocus={() => setVisible(true)}\n onBlur={() => setVisible(false)}\n aria-describedby={identifier}\n >\n {label}\n </span>\n );\n };\n\n const tooltipClasses = `${classes[\"tooltip\"]} ${classes[color]} ${\n visible ? classes[\"visible\"] : \"\"\n } ${classes[determinedLocation.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, \"$1-$2\").toLowerCase()]}`;\n\n return (\n <div {...rest} ref={wrappingDivRef} className={`${classes.wrapper} ${className ?? \"\"}`}>\n {renderChildren()}\n <div className={`${classes[\"tooltip-wrapper\"]}`}>\n <Icon\n ref={relativeElement}\n tag=\"div\"\n onMouseEnter={() => setVisible(true)}\n onMouseLeave={() => setVisible(false)}\n icon={Icons.InfoCircle}\n className={classes.icon}\n />\n {createPortal(\n <div\n ref={elementToBePositioned}\n style={{\n ...rest.style,\n top: top,\n left: left,\n right: right,\n bottom: bottom\n }}\n aria-hidden={!visible}\n id={identifier}\n className={tooltipClasses}\n >\n {title && <span className={classes[\"tooltip-title\"]}>{title}</span>}\n {children}\n </div>,\n root\n )}\n </div>\n </div>\n );\n};\n\nexport const Tooltip = React.forwardRef(TooltipComponent);\n"],"names":["locations","left","placement","horizontal","vertical","offset","right","top","bottom","transformOrigin","leftEnd","leftStart","rightEnd","rightStart","topEnd","topStart","bottomEnd","bottomStart","TooltipComponent","title","children","className","domRoot","label","location","position","color","rest","ref","identifier","useState","generateID","visible","setVisible","wrappingDivRef","createRef","root","useGetDomRoot","relativeElement","useRef","elementToBePositioned","determinedLocation","useMemo","charAt","toUpperCase","slice","calculatePosition","usePosition","useEffect","escapePressHandler","event","key","document","addEventListener","removeEventListener","useLayoutEffect","renderChildren","React","isValidElement","cloneElement","onFocus","onBlur","tabIndex","classes","createElement","tooltipClasses","replace","toLowerCase","wrapper","Icon","tag","onMouseEnter","onMouseLeave","icon","Icons","InfoCircle","createPortal","style","id","Tooltip","forwardRef"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wizard.esm.js","sources":["../../../../../src/components/Wizard/Wizard.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { Fragment, useContext, useEffect } from \"react\";\nimport { Step } from \"./BaseWizardSteps/BaseWizardSteps\";\nimport { WizardStateContext, WizardStateProvider } from \"./WizardStateProvider\";\nimport { setWizardState } from \"./wizardStateReducer\";\n\nexport type WizardMode = \"add\" | \"edit\";\n\nexport interface Props {\n steps: Step[];\n mode: WizardMode;\n initialStepNo?: number;\n onStepChange: (stepNo: number) => void;\n children: React.ReactNode;\n}\n\nconst useSetWizardState = (steps: Step[], mode: WizardMode) => {\n const { dispatch } = useContext(WizardStateContext);\n\n useEffect(() => {\n dispatch(setWizardState(steps, mode));\n }, [steps, mode]);\n};\n\nconst useStepChanging = (onStepChange: (stepNo: number) => void) => {\n const {\n state: { currentStepNo }\n } = useContext(WizardStateContext);\n\n useEffect(() => {\n onStepChange(currentStepNo);\n }, [currentStepNo]);\n};\n\nconst WizardContent = ({ steps, mode, onStepChange, children }: Props) => {\n useSetWizardState(steps, mode);\n useStepChanging(onStepChange);\n\n return <Fragment>{children}</Fragment>;\n};\n\nexport const Wizard = (props: Props) => {\n const { steps, initialStepNo: currentStepNo = 0, mode } = props;\n return (\n <WizardStateProvider initialState={{ steps, currentStepNo, mode }}>\n <WizardContent {...props} />\n </WizardStateProvider>\n );\n};\n"],"names":["useSetWizardState","steps","mode","dispatch","useContext","WizardStateContext","useEffect","setWizardState","useStepChanging","onStepChange","state","currentStepNo","WizardContent","children","React","createElement","Fragment","Wizard","props","initialStepNo","WizardStateProvider","initialState"],"mappings":"2NA+BA,MAAMA,EAAoB,CAACC,EAAeC,KACxC,MAAMC,SAAEA,GAAaC,EAAWC,GAEhCC,GAAU,KACRH,EAASI,EAAeN,EAAOC,GAAM,GACpC,CAACD,EAAOC,GAAM,EAGnB,MAAMM,EAAmBC,IACvB,MACEC,OAAOC,cAAEA,IACPP,EAAWC,GAEfC,GAAU,KACRG,EAAaE,EAAc,GAC1B,CAACA,GAAe,
|
|
1
|
+
{"version":3,"file":"Wizard.esm.js","sources":["../../../../../src/components/Wizard/Wizard.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { Fragment, useContext, useEffect } from \"react\";\nimport { Step } from \"./BaseWizardSteps/BaseWizardSteps\";\nimport { WizardStateContext, WizardStateProvider } from \"./WizardStateProvider\";\nimport { setWizardState } from \"./wizardStateReducer\";\n\nexport type WizardMode = \"add\" | \"edit\";\n\nexport interface Props {\n steps: Step[];\n mode: WizardMode;\n initialStepNo?: number;\n onStepChange: (stepNo: number) => void;\n children: React.ReactNode;\n}\n\nconst useSetWizardState = (steps: Step[], mode: WizardMode) => {\n const { dispatch } = useContext(WizardStateContext);\n\n useEffect(() => {\n dispatch(setWizardState(steps, mode));\n }, [steps, mode]);\n};\n\nconst useStepChanging = (onStepChange: (stepNo: number) => void) => {\n const {\n state: { currentStepNo }\n } = useContext(WizardStateContext);\n\n useEffect(() => {\n onStepChange(currentStepNo);\n }, [currentStepNo]);\n};\n\n/**\n * @deprecated\n */\nconst WizardContent = ({ steps, mode, onStepChange, children }: Props) => {\n useSetWizardState(steps, mode);\n useStepChanging(onStepChange);\n\n return <Fragment>{children}</Fragment>;\n};\n\nexport const Wizard = (props: Props) => {\n const { steps, initialStepNo: currentStepNo = 0, mode } = props;\n return (\n <WizardStateProvider initialState={{ steps, currentStepNo, mode }}>\n <WizardContent {...props} />\n </WizardStateProvider>\n );\n};\n"],"names":["useSetWizardState","steps","mode","dispatch","useContext","WizardStateContext","useEffect","setWizardState","useStepChanging","onStepChange","state","currentStepNo","WizardContent","children","React","createElement","Fragment","Wizard","props","initialStepNo","WizardStateProvider","initialState"],"mappings":"2NA+BA,MAAMA,EAAoB,CAACC,EAAeC,KACxC,MAAMC,SAAEA,GAAaC,EAAWC,GAEhCC,GAAU,KACRH,EAASI,EAAeN,EAAOC,GAAM,GACpC,CAACD,EAAOC,GAAM,EAGnB,MAAMM,EAAmBC,IACvB,MACEC,OAAOC,cAAEA,IACPP,EAAWC,GAEfC,GAAU,KACRG,EAAaE,EAAc,GAC1B,CAACA,GAAe,EAMrB,MAAMC,EAAgB,EAAGX,QAAOC,OAAMO,eAAcI,eAClDb,EAAkBC,EAAOC,GACzBM,EAAgBC,GAEhB,OAAOK,EAACC,cAAAC,EAAU,KAAAH,EAAoB,EAG3B,MAAAI,EAAUC,IACrB,MAAMjB,MAAEA,EAAOkB,cAAeR,EAAgB,EAACT,KAAEA,GAASgB,EAC1D,OACEJ,EAAAC,cAACK,EAAmB,CAACC,aAAc,CAAEpB,QAAOU,gBAAeT,SACzDY,EAAAC,cAACH,EAAkB,IAAAM,IAErB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardActions.esm.js","sources":["../../../../../../src/components/Wizard/WizardActions/WizardActions.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { Fragment, useContext, useMemo } from \"react\";\nimport { Button, Props as ButtonProps } from \"../../Button/Button\";\nimport { Step } from \"../BaseWizardSteps/BaseWizardSteps\";\nimport { WizardMode } from \"../Wizard\";\nimport { WizardStateContext } from \"../WizardStateProvider\";\nimport { changeCurrentStepNo } from \"../wizardStateReducer\";\n\nexport interface Props extends React.HTMLProps<HTMLDivElement> {\n actions: {\n previous: {\n label: string;\n onClick: () => void;\n previousButtonProps?: ButtonProps;\n };\n next: {\n label: string;\n onClick: (currentStepNo: number) => boolean;\n nextButtonProps?: ButtonProps;\n };\n saveAndClose: {\n label: string;\n onClick: (currentStepNo: number) => void;\n saveAndCloseButtonProps?: ButtonProps;\n };\n };\n}\n\nconst calculateNextStepNo = (steps: Step[], currentStepNo: number) => () =>\n steps.findIndex((step, stepNo) => stepNo > currentStepNo && !step.disabled);\n\nconst calculatePrevStepNo = (steps: Step[], currentStepNo: number) => () => {\n const reversedCurrentStepNo = steps.length - 1 - currentStepNo;\n const reversedPrevStepNo = [...steps]\n .reverse()\n .findIndex((step, stepNo) => stepNo > reversedCurrentStepNo && !step.disabled);\n if (reversedPrevStepNo > 0) {\n return steps.length - 1 - reversedPrevStepNo;\n }\n return -1;\n};\n\nconst useNextStepNo = (mode: WizardMode, currentStepNo: number, steps: Step[]) =>\n useMemo(calculateNextStepNo(steps, currentStepNo), [mode, currentStepNo, steps]);\n\nconst usePreviousStepNo = (mode: WizardMode, currentStepNo: number, steps: Step[]) =>\n useMemo(calculatePrevStepNo(steps, currentStepNo), [mode, currentStepNo, steps]);\n\nexport const WizardActions = ({ actions }: Props) => {\n const {\n state: { mode, steps, currentStepNo },\n dispatch\n } = useContext(WizardStateContext);\n const nextStepNo = useNextStepNo(mode, currentStepNo, steps);\n const hasNextStep = nextStepNo !== -1;\n const previousStepNo = usePreviousStepNo(mode, currentStepNo, steps);\n const hasPreviousStep = previousStepNo !== -1;\n const isLastStepOrEditMode = !hasNextStep || mode === \"edit\";\n\n const changeStepNo = (direction: \"forward\" | \"backward\") => {\n if (direction === \"forward\") {\n hasNextStep && dispatch(changeCurrentStepNo(nextStepNo));\n } else {\n hasPreviousStep && dispatch(changeCurrentStepNo(previousStepNo));\n }\n };\n\n const onNextWrapper = () => {\n actions.next.onClick(currentStepNo) && changeStepNo(\"forward\");\n };\n\n const onPreviousWrapper = () => {\n actions.previous.onClick?.();\n changeStepNo(\"backward\");\n };\n\n const onSaveAndCloseWrapper = () => {\n actions.saveAndClose.onClick(currentStepNo);\n };\n\n return (\n <Fragment>\n {hasPreviousStep && (\n <Button variant=\"outline\" onClick={onPreviousWrapper}>\n {actions.previous.label}\n </Button>\n )}\n {hasNextStep && (\n <Button variant={mode === \"edit\" ? \"outline\" : \"fill\"} onClick={onNextWrapper}>\n {actions.next.label}\n </Button>\n )}\n {isLastStepOrEditMode && (\n <Button onClick={onSaveAndCloseWrapper}>{actions.saveAndClose.label}</Button>\n )}\n </Fragment>\n );\n};\n"],"names":["calculateNextStepNo","steps","currentStepNo","findIndex","step","stepNo","disabled","calculatePrevStepNo","reversedCurrentStepNo","length","reversedPrevStepNo","reverse","useNextStepNo","mode","useMemo","usePreviousStepNo","WizardActions","actions","state","dispatch","useContext","WizardStateContext","nextStepNo","hasNextStep","previousStepNo","hasPreviousStep","isLastStepOrEditMode","changeStepNo","direction","changeCurrentStepNo","onNextWrapper","next","onClick","onPreviousWrapper","_b","previous","onSaveAndCloseWrapper","saveAndClose","React","Fragment","createElement","Button","variant","label"],"mappings":"2PA2CA,MAAMA,EAAsB,CAACC,EAAeC,IAA0B,IACpED,EAAME,WAAU,CAACC,EAAMC,IAAWA,EAASH,IAAkBE,EAAKE,WAEpE,MAAMC,EAAsB,CAACN,EAAeC,IAA0B,KACpE,MAAMM,EAAwBP,EAAMQ,OAAS,EAAIP,EACjD,MAAMQ,EAAqB,IAAIT,GAC5BU,UACAR,WAAU,CAACC,EAAMC,IAAWA,EAASG,IAA0BJ,EAAKE,WACvE,GAAII,EAAqB,EACvB,OAAOT,EAAMQ,OAAS,EAAIC,EAE5B,OAAQ,CAAC,EAGX,MAAME,EAAgB,CAACC,EAAkBX,EAAuBD,IAC9Da,EAAQd,EAAoBC,EAAOC,GAAgB,CAACW,EAAMX,EAAeD,IAE3E,MAAMc,EAAoB,CAACF,EAAkBX,EAAuBD,IAClEa,EAAQP,EAAoBN,EAAOC,GAAgB,CAACW,EAAMX,EAAeD,
|
|
1
|
+
{"version":3,"file":"WizardActions.esm.js","sources":["../../../../../../src/components/Wizard/WizardActions/WizardActions.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { Fragment, useContext, useMemo } from \"react\";\nimport { Button, Props as ButtonProps } from \"../../Button/Button\";\nimport { Step } from \"../BaseWizardSteps/BaseWizardSteps\";\nimport { WizardMode } from \"../Wizard\";\nimport { WizardStateContext } from \"../WizardStateProvider\";\nimport { changeCurrentStepNo } from \"../wizardStateReducer\";\n\nexport interface Props extends React.HTMLProps<HTMLDivElement> {\n actions: {\n previous: {\n label: string;\n onClick: () => void;\n previousButtonProps?: ButtonProps;\n };\n next: {\n label: string;\n onClick: (currentStepNo: number) => boolean;\n nextButtonProps?: ButtonProps;\n };\n saveAndClose: {\n label: string;\n onClick: (currentStepNo: number) => void;\n saveAndCloseButtonProps?: ButtonProps;\n };\n };\n}\n\nconst calculateNextStepNo = (steps: Step[], currentStepNo: number) => () =>\n steps.findIndex((step, stepNo) => stepNo > currentStepNo && !step.disabled);\n\nconst calculatePrevStepNo = (steps: Step[], currentStepNo: number) => () => {\n const reversedCurrentStepNo = steps.length - 1 - currentStepNo;\n const reversedPrevStepNo = [...steps]\n .reverse()\n .findIndex((step, stepNo) => stepNo > reversedCurrentStepNo && !step.disabled);\n if (reversedPrevStepNo > 0) {\n return steps.length - 1 - reversedPrevStepNo;\n }\n return -1;\n};\n\nconst useNextStepNo = (mode: WizardMode, currentStepNo: number, steps: Step[]) =>\n useMemo(calculateNextStepNo(steps, currentStepNo), [mode, currentStepNo, steps]);\n\nconst usePreviousStepNo = (mode: WizardMode, currentStepNo: number, steps: Step[]) =>\n useMemo(calculatePrevStepNo(steps, currentStepNo), [mode, currentStepNo, steps]);\n\n/**\n * @deprecated\n */\nexport const WizardActions = ({ actions }: Props) => {\n const {\n state: { mode, steps, currentStepNo },\n dispatch\n } = useContext(WizardStateContext);\n const nextStepNo = useNextStepNo(mode, currentStepNo, steps);\n const hasNextStep = nextStepNo !== -1;\n const previousStepNo = usePreviousStepNo(mode, currentStepNo, steps);\n const hasPreviousStep = previousStepNo !== -1;\n const isLastStepOrEditMode = !hasNextStep || mode === \"edit\";\n\n const changeStepNo = (direction: \"forward\" | \"backward\") => {\n if (direction === \"forward\") {\n hasNextStep && dispatch(changeCurrentStepNo(nextStepNo));\n } else {\n hasPreviousStep && dispatch(changeCurrentStepNo(previousStepNo));\n }\n };\n\n const onNextWrapper = () => {\n actions.next.onClick(currentStepNo) && changeStepNo(\"forward\");\n };\n\n const onPreviousWrapper = () => {\n actions.previous.onClick?.();\n changeStepNo(\"backward\");\n };\n\n const onSaveAndCloseWrapper = () => {\n actions.saveAndClose.onClick(currentStepNo);\n };\n\n return (\n <Fragment>\n {hasPreviousStep && (\n <Button variant=\"outline\" onClick={onPreviousWrapper}>\n {actions.previous.label}\n </Button>\n )}\n {hasNextStep && (\n <Button variant={mode === \"edit\" ? \"outline\" : \"fill\"} onClick={onNextWrapper}>\n {actions.next.label}\n </Button>\n )}\n {isLastStepOrEditMode && (\n <Button onClick={onSaveAndCloseWrapper}>{actions.saveAndClose.label}</Button>\n )}\n </Fragment>\n );\n};\n"],"names":["calculateNextStepNo","steps","currentStepNo","findIndex","step","stepNo","disabled","calculatePrevStepNo","reversedCurrentStepNo","length","reversedPrevStepNo","reverse","useNextStepNo","mode","useMemo","usePreviousStepNo","WizardActions","actions","state","dispatch","useContext","WizardStateContext","nextStepNo","hasNextStep","previousStepNo","hasPreviousStep","isLastStepOrEditMode","changeStepNo","direction","changeCurrentStepNo","onNextWrapper","next","onClick","onPreviousWrapper","_b","previous","onSaveAndCloseWrapper","saveAndClose","React","Fragment","createElement","Button","variant","label"],"mappings":"2PA2CA,MAAMA,EAAsB,CAACC,EAAeC,IAA0B,IACpED,EAAME,WAAU,CAACC,EAAMC,IAAWA,EAASH,IAAkBE,EAAKE,WAEpE,MAAMC,EAAsB,CAACN,EAAeC,IAA0B,KACpE,MAAMM,EAAwBP,EAAMQ,OAAS,EAAIP,EACjD,MAAMQ,EAAqB,IAAIT,GAC5BU,UACAR,WAAU,CAACC,EAAMC,IAAWA,EAASG,IAA0BJ,EAAKE,WACvE,GAAII,EAAqB,EACvB,OAAOT,EAAMQ,OAAS,EAAIC,EAE5B,OAAQ,CAAC,EAGX,MAAME,EAAgB,CAACC,EAAkBX,EAAuBD,IAC9Da,EAAQd,EAAoBC,EAAOC,GAAgB,CAACW,EAAMX,EAAeD,IAE3E,MAAMc,EAAoB,CAACF,EAAkBX,EAAuBD,IAClEa,EAAQP,EAAoBN,EAAOC,GAAgB,CAACW,EAAMX,EAAeD,UAK9De,EAAgB,EAAGC,cAC9B,MACEC,OAAOL,KAAEA,EAAIZ,MAAEA,EAAKC,cAAEA,GAAeiB,SACrCA,GACEC,EAAWC,GACf,MAAMC,EAAaV,EAAcC,EAAMX,EAAeD,GACtD,MAAMsB,EAAcD,KAAgB,EACpC,MAAME,EAAiBT,EAAkBF,EAAMX,EAAeD,GAC9D,MAAMwB,EAAkBD,KAAoB,EAC5C,MAAME,GAAwBH,GAAeV,IAAS,OAEtD,MAAMc,EAAgBC,IACpB,GAAIA,IAAc,UAChBL,GAAeJ,EAASU,EAAoBP,SAE5CG,GAAmBN,EAASU,EAAoBL,GACjD,EAGH,MAAMM,EAAgB,KACpBb,EAAQc,KAAKC,QAAQ9B,IAAkByB,EAAa,UAAU,EAGhE,MAAMM,EAAoB,cACxBC,KAAAjB,EAAQkB,UAASH,6CACjBL,EAAa,WAAW,EAG1B,MAAMS,EAAwB,KAC5BnB,EAAQoB,aAAaL,QAAQ9B,EAAc,EAG7C,OACEoC,gBAACC,EAAQ,KACNd,GACCa,EAAAE,cAACC,EAAO,CAAAC,QAAQ,UAAUV,QAASC,GAChChB,EAAQkB,SAASQ,OAGrBpB,GACCe,EAACE,cAAAC,EAAO,CAAAC,QAAS7B,IAAS,OAAS,UAAY,OAAQmB,QAASF,GAC7Db,EAAQc,KAAKY,OAGjBjB,GACCY,EAAAE,cAACC,EAAO,CAAAT,QAASI,GAAwBnB,EAAQoB,aAAaM,OAGlE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardStateProvider.esm.js","sources":["../../../../../src/components/Wizard/WizardStateProvider.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { createContext, Dispatch, useReducer } from \"react\";\nimport { WizardActions, WizardStateType, reducer } from \"./wizardStateReducer\";\n\nconst WizardStateContext = createContext<{\n state: WizardStateType;\n dispatch: Dispatch<WizardActions>;\n}>({\n state: {} as WizardStateType,\n dispatch: () => null\n});\n\nexport interface Props {\n initialState: WizardStateType;\n children?: React.ReactNode;\n}\n\nconst WizardStateProvider = ({ children, initialState }: Props) => {\n const [state, dispatch] = useReducer(reducer, initialState);\n return (\n <WizardStateContext.Provider value={{ state, dispatch }}>\n {children}\n </WizardStateContext.Provider>\n );\n};\n\nexport { WizardStateProvider, WizardStateContext };\n"],"names":["WizardStateContext","createContext","state","dispatch","WizardStateProvider","children","initialState","useReducer","reducer","React","createElement","Provider","value"],"mappings":"+GAmBM,MAAAA,EAAqBC,EAGxB,CACDC,MAAO,CAAqB,EAC5BC,SAAU,IAAM,
|
|
1
|
+
{"version":3,"file":"WizardStateProvider.esm.js","sources":["../../../../../src/components/Wizard/WizardStateProvider.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { createContext, Dispatch, useReducer } from \"react\";\nimport { WizardActions, WizardStateType, reducer } from \"./wizardStateReducer\";\n\nconst WizardStateContext = createContext<{\n state: WizardStateType;\n dispatch: Dispatch<WizardActions>;\n}>({\n state: {} as WizardStateType,\n dispatch: () => null\n});\n\nexport interface Props {\n initialState: WizardStateType;\n children?: React.ReactNode;\n}\n\n/**\n * @deprecated\n */\nconst WizardStateProvider = ({ children, initialState }: Props) => {\n const [state, dispatch] = useReducer(reducer, initialState);\n return (\n <WizardStateContext.Provider value={{ state, dispatch }}>\n {children}\n </WizardStateContext.Provider>\n );\n};\n\nexport { WizardStateProvider, WizardStateContext };\n"],"names":["WizardStateContext","createContext","state","dispatch","WizardStateProvider","children","initialState","useReducer","reducer","React","createElement","Provider","value"],"mappings":"+GAmBM,MAAAA,EAAqBC,EAGxB,CACDC,MAAO,CAAqB,EAC5BC,SAAU,IAAM,OAWZ,MAAAC,EAAsB,EAAGC,WAAUC,mBACvC,MAAOJ,EAAOC,GAAYI,EAAWC,EAASF,GAC9C,OACEG,EAACC,cAAAV,EAAmBW,UAASC,MAAO,CAAEV,QAAOC,aAC1CE,EAEH"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardSteps.esm.js","sources":["../../../../../../src/components/Wizard/WizardSteps/WizardSteps.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useContext } from \"react\";\nimport { WizardStateContext } from \"../WizardStateProvider\";\nimport { BaseWizardSteps } from \"../BaseWizardSteps/BaseWizardSteps\";\nimport { changeCurrentStepNo } from \"../wizardStateReducer\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n onStepClick: (currentStepNo: number, selectedStepNo: number) => boolean;\n}\n\nconst WizardStepsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n { onStepClick, ...rest }: Props,\n ref\n) => {\n const {\n state: { currentStepNo, mode, steps },\n dispatch\n } = useContext(WizardStateContext);\n\n const onClick = (selectedStepNo: number) => {\n onStepClick(currentStepNo, selectedStepNo) && dispatch(changeCurrentStepNo(selectedStepNo));\n };\n\n return (\n <BaseWizardSteps\n {...rest}\n ref={ref}\n onClick={onClick}\n steps={steps}\n currentStepNo={currentStepNo}\n futureStepsClickable={mode === \"edit\"}\n />\n );\n};\n\nexport const WizardSteps = React.forwardRef(WizardStepsComponent);\n"],"names":["WizardStepsComponent","onStepClick","rest","ref","state","currentStepNo","mode","steps","dispatch","useContext","WizardStateContext","onClick","selectedStepNo","changeCurrentStepNo","React","createElement","BaseWizardSteps","futureStepsClickable","WizardSteps","forwardRef"],"mappings":"wPAyBA,MAAMA,EAAwE,EAC1EC,iBAAgBC,GAClBC,KAEA,MACEC,OAAOC,cAAEA,EAAaC,KAAEA,EAAIC,MAAEA,GAAOC,SACrCA,GACEC,EAAWC,GAEf,MAAMC,EAAWC,IACfX,EAAYI,EAAeO,IAAmBJ,EAASK,EAAoBD,GAAgB,EAG7F,OACEE,EAAAC,cAACC,EAAe,IACVd,EACJC,IAAKA,EACLQ,QAASA,EACTJ,MAAOA,EACPF,cAAeA,EACfY,qBAAsBX,IAAS,QAEjC,
|
|
1
|
+
{"version":3,"file":"WizardSteps.esm.js","sources":["../../../../../../src/components/Wizard/WizardSteps/WizardSteps.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useContext } from \"react\";\nimport { WizardStateContext } from \"../WizardStateProvider\";\nimport { BaseWizardSteps } from \"../BaseWizardSteps/BaseWizardSteps\";\nimport { changeCurrentStepNo } from \"../wizardStateReducer\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n onStepClick: (currentStepNo: number, selectedStepNo: number) => boolean;\n}\n\nconst WizardStepsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n { onStepClick, ...rest }: Props,\n ref\n) => {\n const {\n state: { currentStepNo, mode, steps },\n dispatch\n } = useContext(WizardStateContext);\n\n const onClick = (selectedStepNo: number) => {\n onStepClick(currentStepNo, selectedStepNo) && dispatch(changeCurrentStepNo(selectedStepNo));\n };\n\n return (\n <BaseWizardSteps\n {...rest}\n ref={ref}\n onClick={onClick}\n steps={steps}\n currentStepNo={currentStepNo}\n futureStepsClickable={mode === \"edit\"}\n />\n );\n};\n\n/**\n * @deprecated\n */\nexport const WizardSteps = React.forwardRef(WizardStepsComponent);\n"],"names":["WizardStepsComponent","onStepClick","rest","ref","state","currentStepNo","mode","steps","dispatch","useContext","WizardStateContext","onClick","selectedStepNo","changeCurrentStepNo","React","createElement","BaseWizardSteps","futureStepsClickable","WizardSteps","forwardRef"],"mappings":"wPAyBA,MAAMA,EAAwE,EAC1EC,iBAAgBC,GAClBC,KAEA,MACEC,OAAOC,cAAEA,EAAaC,KAAEA,EAAIC,MAAEA,GAAOC,SACrCA,GACEC,EAAWC,GAEf,MAAMC,EAAWC,IACfX,EAAYI,EAAeO,IAAmBJ,EAASK,EAAoBD,GAAgB,EAG7F,OACEE,EAAAC,cAACC,EAAe,IACVd,EACJC,IAAKA,EACLQ,QAASA,EACTJ,MAAOA,EACPF,cAAeA,EACfY,qBAAsBX,IAAS,QAEjC,EAMS,MAAAY,EAAcJ,EAAMK,WAAWnB"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { RefObject } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* @description This is a hook that will make sure that when a modal is open and the user tabs through the it,
|
|
4
|
+
* the focus will be repeated and the user will not lose their entire focusable element to an element in the background
|
|
5
|
+
* that is being blocked by the modal.
|
|
6
|
+
*/
|
|
7
|
+
export declare const useRepeatFocus: (ref: RefObject<HTMLDivElement>) => void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ComponentPropsWithRef, ForwardRefRenderFunction } from "react";
|
|
2
2
|
export type StepStatus = "waiting" | "current" | "done" | "error";
|
|
3
|
-
export interface Props extends ComponentPropsWithRef<"
|
|
3
|
+
export interface Props extends Omit<ComponentPropsWithRef<"div">, "onClick"> {
|
|
4
4
|
status: StepStatus;
|
|
5
5
|
label: string;
|
|
6
6
|
caption?: string;
|
|
@@ -8,6 +8,8 @@ export interface Props extends ComponentPropsWithRef<"button"> {
|
|
|
8
8
|
lastStep?: boolean;
|
|
9
9
|
disabled?: boolean;
|
|
10
10
|
direction?: "horizontal" | "vertical";
|
|
11
|
+
textPosition?: "bottom" | "right";
|
|
12
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
|
|
11
13
|
}
|
|
12
|
-
export declare const StepComponent: ForwardRefRenderFunction<
|
|
13
|
-
export declare const Step: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<
|
|
14
|
+
export declare const StepComponent: ForwardRefRenderFunction<HTMLDivElement, Props>;
|
|
15
|
+
export declare const Step: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -3,5 +3,7 @@ import { Props as StepProps } from "./Step";
|
|
|
3
3
|
export interface Props extends ComponentPropsWithRef<"div"> {
|
|
4
4
|
steps: StepProps[];
|
|
5
5
|
direction: "horizontal" | "vertical";
|
|
6
|
+
textPosition?: "bottom" | "right";
|
|
6
7
|
}
|
|
7
|
-
export declare const
|
|
8
|
+
export declare const gapBetweenStepsInRem = 0.5;
|
|
9
|
+
export declare const Stepper: ({ steps, direction, textPosition, className, ...rest }: Props) => React.JSX.Element;
|
|
@@ -8,5 +8,8 @@ export interface Props {
|
|
|
8
8
|
initialState: WizardStateType;
|
|
9
9
|
children?: React.ReactNode;
|
|
10
10
|
}
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated
|
|
13
|
+
*/
|
|
11
14
|
declare const WizardStateProvider: ({ children, initialState }: Props) => React.JSX.Element;
|
|
12
15
|
export { WizardStateProvider, WizardStateContext };
|
|
@@ -2,4 +2,7 @@ import React, { ComponentPropsWithRef } from "react";
|
|
|
2
2
|
export interface Props extends ComponentPropsWithRef<"div"> {
|
|
3
3
|
onStepClick: (currentStepNo: number, selectedStepNo: number) => boolean;
|
|
4
4
|
}
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated
|
|
7
|
+
*/
|
|
5
8
|
export declare const WizardSteps: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
package/dist/esm/src/index.d.ts
CHANGED
|
@@ -37,6 +37,7 @@ export { StatusIndicator } from "./components/StatusIndicator/StatusIndicator";
|
|
|
37
37
|
export type { Props as StatusIndicatorProps } from "./components/StatusIndicator/StatusIndicator";
|
|
38
38
|
export { Stepper } from "./components/Stepper/Stepper";
|
|
39
39
|
export type { Props as StepperProps } from "./components/Stepper/Stepper";
|
|
40
|
+
export type { Props as StepProps } from "./components/Stepper/Step";
|
|
40
41
|
export { Pagination } from "./components/Pagination/Pagination";
|
|
41
42
|
export type { Props as PaginationProps, PageChangeLabels, PaginationTranslations, PageSize } from "./components/Pagination/Pagination";
|
|
42
43
|
export { useRepeater } from "./hooks/useRepeater";
|
package/package.json
CHANGED
|
@@ -76,7 +76,11 @@ const DataGridColumnsToggleComponent: ForwardRefRenderFunction<HTMLDivElement, P
|
|
|
76
76
|
>
|
|
77
77
|
{open &&
|
|
78
78
|
createPortal(
|
|
79
|
-
<div
|
|
79
|
+
<div
|
|
80
|
+
aria-hidden="true"
|
|
81
|
+
className={classes["backdrop"]}
|
|
82
|
+
onClick={handleBackdropClick}
|
|
83
|
+
></div>,
|
|
80
84
|
domRoot
|
|
81
85
|
)}
|
|
82
86
|
{open && (
|
|
@@ -61,7 +61,9 @@ const RadioComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (
|
|
|
61
61
|
parentHelperId
|
|
62
62
|
});
|
|
63
63
|
|
|
64
|
-
const onChangeHandler = (
|
|
64
|
+
const onChangeHandler = (
|
|
65
|
+
event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent | React.KeyboardEvent
|
|
66
|
+
) => {
|
|
65
67
|
if (disabled) {
|
|
66
68
|
return;
|
|
67
69
|
}
|
|
@@ -83,7 +83,7 @@ const OptionComponent: ForwardRefRenderFunction<HTMLLIElement, Props> = (
|
|
|
83
83
|
disabled ? classes.disabled : ""
|
|
84
84
|
} ${className ?? ""}`}
|
|
85
85
|
onClick={onSelectHandler}
|
|
86
|
-
|
|
86
|
+
onKeyDown={event => {
|
|
87
87
|
if (event.code === "Enter") {
|
|
88
88
|
event.stopPropagation();
|
|
89
89
|
event.preventDefault();
|