@onewelcome/react-lib-components 5.1.0 → 6.0.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.
Files changed (152) hide show
  1. package/dist/cjs/Button/BaseButton.cjs.js.map +1 -1
  2. package/dist/cjs/Button/BaseButton.module.cjs.js +1 -1
  3. package/dist/cjs/Button/Button.module.cjs.js +1 -1
  4. package/dist/cjs/Button/IconButton.module.cjs.js +1 -1
  5. package/dist/cjs/DataGrid/DataGridActions/DataGridColumnsToggle.cjs.js +1 -1
  6. package/dist/cjs/DataGrid/DataGridActions/DataGridColumnsToggle.cjs.js.map +1 -1
  7. package/dist/cjs/Form/Radio/Radio.cjs.js.map +1 -1
  8. package/dist/cjs/Form/Select/Option.cjs.js +1 -1
  9. package/dist/cjs/Form/Select/Option.cjs.js.map +1 -1
  10. package/dist/cjs/Icon/Icon.cjs.js +1 -1
  11. package/dist/cjs/Icon/Icon.cjs.js.map +1 -1
  12. package/dist/cjs/Icon/Icon.module.cjs.js +1 -1
  13. package/dist/cjs/Link/Link.cjs.js.map +1 -1
  14. package/dist/cjs/Link/Link.module.cjs.js +1 -1
  15. package/dist/cjs/Notifications/BaseModal/BaseModal.cjs.js +1 -1
  16. package/dist/cjs/Notifications/BaseModal/BaseModal.cjs.js.map +1 -1
  17. package/dist/cjs/Notifications/BaseModal/useRepeatFocus.cjs.js +2 -0
  18. package/dist/cjs/Notifications/BaseModal/useRepeatFocus.cjs.js.map +1 -0
  19. package/dist/cjs/Notifications/Snackbar/SnackbarItem/SnackbarItem.cjs.js +1 -1
  20. package/dist/cjs/Notifications/Snackbar/SnackbarItem/SnackbarItem.cjs.js.map +1 -1
  21. package/dist/cjs/Notifications/Snackbar/SnackbarItem/SnackbarItem.module.cjs.js +1 -1
  22. package/dist/cjs/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.cjs.js +1 -1
  23. package/dist/cjs/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.cjs.js.map +1 -1
  24. package/dist/cjs/Notifications/Snackbar/SnackbarProvider/SnackbarStateProvider.cjs.js.map +1 -1
  25. package/dist/cjs/Notifications/Snackbar/interfaces.cjs.js +2 -0
  26. package/dist/cjs/Notifications/Snackbar/interfaces.cjs.js.map +1 -0
  27. package/dist/cjs/Stepper/Step.cjs.js +1 -1
  28. package/dist/cjs/Stepper/Step.cjs.js.map +1 -1
  29. package/dist/cjs/Stepper/Step.module.cjs.js +1 -1
  30. package/dist/cjs/Stepper/Stepper.cjs.js +1 -1
  31. package/dist/cjs/Stepper/Stepper.cjs.js.map +1 -1
  32. package/dist/cjs/Stepper/Stepper.module.cjs.js +1 -1
  33. package/dist/cjs/Tooltip/Tooltip.cjs.js +1 -1
  34. package/dist/cjs/Tooltip/Tooltip.cjs.js.map +1 -1
  35. package/dist/cjs/Wizard/Wizard.cjs.js.map +1 -1
  36. package/dist/cjs/Wizard/WizardActions/WizardActions.cjs.js.map +1 -1
  37. package/dist/cjs/Wizard/WizardStateProvider.cjs.js.map +1 -1
  38. package/dist/cjs/Wizard/WizardSteps/WizardSteps.cjs.js.map +1 -1
  39. package/dist/cjs/_BaseStyling_/BaseStyling.cjs.js +1 -1
  40. package/dist/cjs/_BaseStyling_/BaseStyling.cjs.js.map +1 -1
  41. package/dist/cjs/src/components/Button/BaseButton.d.ts +1 -1
  42. package/dist/cjs/src/components/Icon/Icon.d.ts +4 -1
  43. package/dist/cjs/src/components/Link/Link.d.ts +1 -1
  44. package/dist/cjs/src/components/Notifications/BaseModal/useRepeatFocus.d.ts +7 -0
  45. package/dist/cjs/src/components/Notifications/Snackbar/SnackbarProvider/SnackbarStateProvider.d.ts +5 -5
  46. package/dist/cjs/src/components/Notifications/Snackbar/interfaces.d.ts +6 -0
  47. package/dist/cjs/src/components/Notifications/Snackbar/useSnackbar.d.ts +4 -4
  48. package/dist/cjs/src/components/Notifications/Snackbar/useSnackbar.test.d.ts +1 -0
  49. package/dist/cjs/src/components/Stepper/Step.d.ts +5 -3
  50. package/dist/cjs/src/components/Stepper/Stepper.d.ts +3 -1
  51. package/dist/cjs/src/components/Wizard/WizardActions/WizardActions.d.ts +3 -0
  52. package/dist/cjs/src/components/Wizard/WizardStateProvider.d.ts +3 -0
  53. package/dist/cjs/src/components/Wizard/WizardSteps/WizardSteps.d.ts +3 -0
  54. package/dist/cjs/src/components/_BaseStyling_/BaseStyling.d.ts +11 -10
  55. package/dist/cjs/src/index.d.ts +1 -0
  56. package/dist/esm/Button/BaseButton.esm.js.map +1 -1
  57. package/dist/esm/Button/BaseButton.module.esm.js +1 -1
  58. package/dist/esm/Button/Button.module.esm.js +1 -1
  59. package/dist/esm/Button/IconButton.module.esm.js +1 -1
  60. package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.esm.js +1 -1
  61. package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.esm.js.map +1 -1
  62. package/dist/esm/Form/Radio/Radio.esm.js.map +1 -1
  63. package/dist/esm/Form/Select/Option.esm.js +1 -1
  64. package/dist/esm/Form/Select/Option.esm.js.map +1 -1
  65. package/dist/esm/Icon/Icon.esm.js +1 -1
  66. package/dist/esm/Icon/Icon.esm.js.map +1 -1
  67. package/dist/esm/Icon/Icon.module.esm.js +1 -1
  68. package/dist/esm/Link/Link.esm.js.map +1 -1
  69. package/dist/esm/Link/Link.module.esm.js +1 -1
  70. package/dist/esm/Notifications/BaseModal/BaseModal.esm.js +1 -1
  71. package/dist/esm/Notifications/BaseModal/BaseModal.esm.js.map +1 -1
  72. package/dist/esm/Notifications/BaseModal/useRepeatFocus.esm.js +2 -0
  73. package/dist/esm/Notifications/BaseModal/useRepeatFocus.esm.js.map +1 -0
  74. package/dist/esm/Notifications/Snackbar/SnackbarItem/SnackbarItem.esm.js +1 -1
  75. package/dist/esm/Notifications/Snackbar/SnackbarItem/SnackbarItem.esm.js.map +1 -1
  76. package/dist/esm/Notifications/Snackbar/SnackbarItem/SnackbarItem.module.esm.js +1 -1
  77. package/dist/esm/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.esm.js +1 -1
  78. package/dist/esm/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.esm.js.map +1 -1
  79. package/dist/esm/Notifications/Snackbar/SnackbarProvider/SnackbarStateProvider.esm.js.map +1 -1
  80. package/dist/esm/Notifications/Snackbar/interfaces.esm.js +2 -0
  81. package/dist/esm/Notifications/Snackbar/interfaces.esm.js.map +1 -0
  82. package/dist/esm/Stepper/Step.esm.js +1 -1
  83. package/dist/esm/Stepper/Step.esm.js.map +1 -1
  84. package/dist/esm/Stepper/Step.module.esm.js +1 -1
  85. package/dist/esm/Stepper/Stepper.esm.js +1 -1
  86. package/dist/esm/Stepper/Stepper.esm.js.map +1 -1
  87. package/dist/esm/Stepper/Stepper.module.esm.js +1 -1
  88. package/dist/esm/Tooltip/Tooltip.esm.js +1 -1
  89. package/dist/esm/Tooltip/Tooltip.esm.js.map +1 -1
  90. package/dist/esm/Wizard/Wizard.esm.js.map +1 -1
  91. package/dist/esm/Wizard/WizardActions/WizardActions.esm.js.map +1 -1
  92. package/dist/esm/Wizard/WizardStateProvider.esm.js.map +1 -1
  93. package/dist/esm/Wizard/WizardSteps/WizardSteps.esm.js.map +1 -1
  94. package/dist/esm/_BaseStyling_/BaseStyling.esm.js +1 -1
  95. package/dist/esm/_BaseStyling_/BaseStyling.esm.js.map +1 -1
  96. package/dist/esm/src/components/Button/BaseButton.d.ts +1 -1
  97. package/dist/esm/src/components/Icon/Icon.d.ts +4 -1
  98. package/dist/esm/src/components/Link/Link.d.ts +1 -1
  99. package/dist/esm/src/components/Notifications/BaseModal/useRepeatFocus.d.ts +7 -0
  100. package/dist/esm/src/components/Notifications/Snackbar/SnackbarProvider/SnackbarStateProvider.d.ts +5 -5
  101. package/dist/esm/src/components/Notifications/Snackbar/interfaces.d.ts +6 -0
  102. package/dist/esm/src/components/Notifications/Snackbar/useSnackbar.d.ts +4 -4
  103. package/dist/esm/src/components/Notifications/Snackbar/useSnackbar.test.d.ts +1 -0
  104. package/dist/esm/src/components/Stepper/Step.d.ts +5 -3
  105. package/dist/esm/src/components/Stepper/Stepper.d.ts +3 -1
  106. package/dist/esm/src/components/Wizard/WizardActions/WizardActions.d.ts +3 -0
  107. package/dist/esm/src/components/Wizard/WizardStateProvider.d.ts +3 -0
  108. package/dist/esm/src/components/Wizard/WizardSteps/WizardSteps.d.ts +3 -0
  109. package/dist/esm/src/components/_BaseStyling_/BaseStyling.d.ts +11 -10
  110. package/dist/esm/src/index.d.ts +1 -0
  111. package/package.json +1 -1
  112. package/src/components/Button/BaseButton.tsx +1 -1
  113. package/src/components/Button/Button.module.scss +2 -10
  114. package/src/components/Button/Button.test.tsx +15 -3
  115. package/src/components/Button/IconButton.test.tsx +0 -16
  116. package/src/components/DataGrid/DataGridActions/DataGridColumnsToggle.tsx +5 -1
  117. package/src/components/Form/Radio/Radio.tsx +3 -1
  118. package/src/components/Form/Select/Option.tsx +1 -1
  119. package/src/components/Icon/Icon.module.scss +12 -0
  120. package/src/components/Icon/Icon.tsx +4 -1
  121. package/src/components/Link/Link.module.scss +12 -4
  122. package/src/components/Link/Link.test.tsx +11 -5
  123. package/src/components/Link/Link.tsx +1 -1
  124. package/src/components/Notifications/BaseModal/BaseModal.test.tsx +36 -1
  125. package/src/components/Notifications/BaseModal/BaseModal.tsx +10 -3
  126. package/src/components/Notifications/BaseModal/useRepeatFocus.tsx +73 -0
  127. package/src/components/Notifications/Snackbar/SnackbarItem/SnackbarItem.module.scss +14 -21
  128. package/src/components/Notifications/Snackbar/SnackbarItem/SnackbarItem.test.tsx +20 -6
  129. package/src/components/Notifications/Snackbar/SnackbarItem/SnackbarItem.tsx +17 -13
  130. package/src/components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.test.tsx +36 -32
  131. package/src/components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.tsx +43 -17
  132. package/src/components/Notifications/Snackbar/SnackbarProvider/SnackbarStateProvider.tsx +5 -13
  133. package/src/components/Notifications/Snackbar/interfaces.ts +15 -0
  134. package/src/components/Notifications/Snackbar/useSnackbar.test.tsx +136 -0
  135. package/src/components/Stepper/Step.module.scss +129 -59
  136. package/src/components/Stepper/Step.tsx +57 -54
  137. package/src/components/Stepper/Stepper.module.scss +12 -8
  138. package/src/components/Stepper/Stepper.test.tsx +3 -3
  139. package/src/components/Stepper/Stepper.tsx +17 -7
  140. package/src/components/Tooltip/Tooltip.tsx +2 -2
  141. package/src/components/Wizard/Wizard.tsx +3 -0
  142. package/src/components/Wizard/WizardActions/WizardActions.tsx +3 -0
  143. package/src/components/Wizard/WizardStateProvider.tsx +3 -0
  144. package/src/components/Wizard/WizardSteps/WizardSteps.tsx +3 -0
  145. package/src/components/_BaseStyling_/BaseStyling.tsx +24 -22
  146. package/src/font/icomoon.eot +0 -0
  147. package/src/font/icomoon.svg +5 -2
  148. package/src/font/icomoon.ttf +0 -0
  149. package/src/font/icomoon.woff +0 -0
  150. package/src/font/selection.json +1 -1
  151. package/src/index.ts +1 -0
  152. package/src/mixins.module.scss +59 -57
@@ -1 +1 @@
1
- {"version":3,"file":"SnackbarStateProvider.cjs.js","sources":["../../../../../../../src/components/Notifications/Snackbar/SnackbarProvider/SnackbarStateProvider.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 } from \"react\";\nimport { SnackbarOptionsProps } from \"../interfaces\";\nimport { Item } from \"./SnackbarProvider\";\n\ninterface SnackbarContextProps {\n enqueueSnackbar: (title?: string, content?: string, options?: SnackbarOptionsProps) => void;\n enqueueSuccessSnackbar: (\n title?: string,\n content?: string,\n options?: SnackbarOptionsProps\n ) => void;\n enqueueWarningSnackbar: (\n title?: string,\n content?: string,\n options?: SnackbarOptionsProps\n ) => void;\n enqueueErrorSnackbar: (title?: string, content?: string, options?: SnackbarOptionsProps) => void;\n setSnackbarHeight: (id: string, height: number) => void;\n snackbars: Item[];\n}\n\nconst SnackbarContext = createContext<SnackbarContextProps>({\n enqueueSnackbar: () => null,\n enqueueSuccessSnackbar: () => null,\n enqueueErrorSnackbar: () => null,\n enqueueWarningSnackbar: () => null,\n setSnackbarHeight: () => null,\n snackbars: []\n});\n\ninterface Props {\n initialState: SnackbarContextProps;\n children?: React.ReactNode;\n}\n\nconst SnackbarContextProvider = ({ children, initialState }: Props) => {\n return <SnackbarContext.Provider value={initialState}>{children}</SnackbarContext.Provider>;\n};\n\nexport { SnackbarContextProvider, SnackbarContext, SnackbarContextProps };\n"],"names":["SnackbarContext","createContext","enqueueSnackbar","enqueueSuccessSnackbar","enqueueErrorSnackbar","enqueueWarningSnackbar","setSnackbarHeight","snackbars","SnackbarContextProvider","children","initialState","React","createElement","Provider","value"],"mappings":"iLAqCM,MAAAA,EAAkBC,EAAAA,cAAoC,CAC1DC,gBAAiB,IAAM,KACvBC,uBAAwB,IAAM,KAC9BC,qBAAsB,IAAM,KAC5BC,uBAAwB,IAAM,KAC9BC,kBAAmB,IAAM,KACzBC,UAAW,KAQP,MAAAC,EAA0B,EAAGC,WAAUC,kBACpCC,EAAA,WAAAC,cAACZ,EAAgBa,SAAQ,CAACC,MAAOJ,GAAeD"}
1
+ {"version":3,"file":"SnackbarStateProvider.cjs.js","sources":["../../../../../../../src/components/Notifications/Snackbar/SnackbarProvider/SnackbarStateProvider.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 } from \"react\";\nimport { DeprecatedEnqueueSnackbarType } from \"../interfaces\";\nimport { Item } from \"./SnackbarProvider\";\n\ninterface SnackbarContextProps {\n enqueueSnackbar: DeprecatedEnqueueSnackbarType;\n enqueueSuccessSnackbar: DeprecatedEnqueueSnackbarType;\n enqueueWarningSnackbar: DeprecatedEnqueueSnackbarType;\n enqueueErrorSnackbar: DeprecatedEnqueueSnackbarType;\n setSnackbarHeight: (id: string, height: number) => void;\n snackbars: Item[];\n}\n\nconst SnackbarContext = createContext<SnackbarContextProps>({\n enqueueSnackbar: () => null,\n enqueueSuccessSnackbar: () => null,\n enqueueErrorSnackbar: () => null,\n enqueueWarningSnackbar: () => null,\n setSnackbarHeight: () => null,\n snackbars: []\n});\n\ninterface Props {\n initialState: SnackbarContextProps;\n children?: React.ReactNode;\n}\n\nconst SnackbarContextProvider = ({ children, initialState }: Props) => {\n return <SnackbarContext.Provider value={initialState}>{children}</SnackbarContext.Provider>;\n};\n\nexport { SnackbarContextProvider, SnackbarContext, SnackbarContextProps };\n"],"names":["SnackbarContext","createContext","enqueueSnackbar","enqueueSuccessSnackbar","enqueueErrorSnackbar","enqueueWarningSnackbar","setSnackbarHeight","snackbars","SnackbarContextProvider","children","initialState","React","createElement","Provider","value"],"mappings":"iLA6BM,MAAAA,EAAkBC,EAAAA,cAAoC,CAC1DC,gBAAiB,IAAM,KACvBC,uBAAwB,IAAM,KAC9BC,qBAAsB,IAAM,KAC5BC,uBAAwB,IAAM,KAC9BC,kBAAmB,IAAM,KACzBC,UAAW,KAQP,MAAAC,EAA0B,EAAGC,WAAUC,kBACpCC,EAAA,WAAAC,cAACZ,EAAgBa,SAAQ,CAACC,MAAOJ,GAAeD"}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});function e(e){return e!==null&&typeof e==="object"&&("title"in e||"content"in e)}exports.isNewEnqueueSnackbarInterface=e;
2
+ //# sourceMappingURL=interfaces.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"interfaces.cjs.js","sources":["../../../../../../src/components/Notifications/Snackbar/interfaces.ts"],"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 { ButtonHTMLAttributes } from \"react\";\n\nexport type Variant = \"info\" | \"success\" | \"error\" | \"warning\";\n\nexport type Actions = (ButtonHTMLAttributes<HTMLButtonElement> & { label: string })[];\n\nexport interface SnackbarOptionsProps {\n actions?: Actions;\n className?: string;\n variant?: Variant;\n duration?: number;\n onClose?: () => void;\n}\n\nexport interface EnqueueSnackbarProps extends SnackbarOptionsProps {\n title?: string;\n content?: string;\n}\n\nexport type DeprecatedEnqueueSnackbarType = (\n propsOrTitle: EnqueueSnackbarProps | string | undefined,\n content?: string,\n options?: SnackbarOptionsProps\n) => void;\n\nexport function isNewEnqueueSnackbarInterface(args: unknown): args is EnqueueSnackbarProps {\n return args !== null && typeof args === \"object\" && (\"title\" in args || \"content\" in args);\n}\n"],"names":["isNewEnqueueSnackbarInterface","args"],"mappings":"sEAyCM,SAAUA,EAA8BC,GAC5C,OAAOA,IAAS,aAAeA,IAAS,WAAa,UAAWA,GAAQ,YAAaA,EACvF"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../Icon/Icon.cjs.js");var n=require("./Step.module.cjs.js");function r(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var a=r(e);const c=(e,n)=>{switch(n){case"waiting":return String(e+1);case"current":return String(e+1);case"done":return a["default"].createElement(t.Icon,{icon:t.Icons.Checkmark});case"error":return"!"}};const u=({label:t,caption:r,status:u,index:s,direction:l,disabled:i,lastStep:o,...d},f)=>{const p=s!==null&&s!==void 0?s:0;const h=[n["default"][u]];const[m,g]=e.useState(28);const[v,E]=e.useState(28);l==="vertical"&&h.push(n["default"]["vertical"]);const R=e.useRef(null);const S=e.useRef(null);const b=e.useRef(null);e.useLayoutEffect((()=>{if(R.current&&b.current&&S.current&&o){if(l=="vertical"){const e=R.current.getBoundingClientRect().height;const t=b.current.getBoundingClientRect().height;g(e+t)}if(l=="horizontal"){const e=R.current.getBoundingClientRect().width;const t=S.current.getBoundingClientRect().width;E(e>t?e+36:t+36)}}}),[]);return a["default"].createElement("button",{...d,ref:f,disabled:i,"aria-current":u==="current"?"step":void 0,className:`${n["default"]["step-wrapper"]} ${h.join(" ")}`},a["default"].createElement("div",{style:{height:o&&l=="vertical"?`${m}px`:"auto",width:o&&l=="horizontal"?`${v}px`:"auto"}},a["default"].createElement("div",{ref:b,className:n["default"]["step-content"]},a["default"].createElement("div",{"aria-hidden":true,className:n["default"]["step"]},c(p,u)),a["default"].createElement("span",{ref:S,className:n["default"]["label"]},t,a["default"].createElement("span",{ref:R,className:n["default"]["caption"]},r)))))};const s=a["default"].forwardRef(u);exports.Step=s;exports.StepComponent=u;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../Icon/Icon.cjs.js");var a=require("./Step.module.cjs.js");var r=require("./Stepper.cjs.js");function n(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var s=n(e);const l=(e,a)=>{switch(a){case"waiting":return String(e+1);case"current":return String(e+1);case"done":return s["default"].createElement(t.Icon,{icon:t.Icons.Checkmark});case"error":return"!"}};const c=(e,t,a)=>{if(e&&t){const e=100/(a+1);const t=a*r.gapBetweenStepsInRem;return`calc(${e}% - ${t}rem)`}};const u=({label:e,caption:t,status:r,index:n,direction:u,disabled:o,lastStep:d,onClick:i,textPosition:p,...f},m)=>{const v=n!==null&&n!==void 0?n:0;const h=[a["default"][r]];const b={};const j=u==="horizontal";const x=p==="bottom";const E=!!t;h.push(j?a["default"]["horizontal"]:a["default"]["vertical"]);o&&h.push(a["default"]["disabled"]);x&&h.push(a["default"]["text-bottom"]);d&&h.push(a["default"]["last-step"]);E&&h.push(a["default"]["has-caption"]);b["maxWidth"]=c(j,!!d,n);return s["default"].createElement("div",{style:b,className:`${a["default"]["step-wrapper"]} ${h.join(" ")}`,...f},s["default"].createElement("div",{"aria-hidden":true,className:a["default"]["step"],onClick:i},l(v,r)),s["default"].createElement("button",{"aria-current":r==="current"?"step":void 0,className:a["default"]["label"],disabled:o,onClick:i},s["default"].createElement("span",{className:a["default"]["label-inner-wrapper"]},e," ",!d&&j&&!x&&s["default"].createElement("div",{className:`${a["default"]["stepper-line"]} ${a["default"]["stepper-line-extender"]}`})),s["default"].createElement("span",{className:a["default"]["caption"]},t)),!d&&s["default"].createElement("div",{className:a["default"]["stepper-line"]}))};const o=s["default"].forwardRef(u);exports.Step=o;exports.StepComponent=u;
2
2
  //# sourceMappingURL=Step.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Step.cjs.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, {\n ComponentPropsWithRef,\n ForwardRefRenderFunction,\n useLayoutEffect,\n useRef,\n useState\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Step.module.scss\";\n\nexport type StepStatus = \"waiting\" | \"current\" | \"done\" | \"error\";\n\nexport interface Props extends ComponentPropsWithRef<\"button\"> {\n status: StepStatus;\n label: string;\n caption?: string;\n index?: number;\n lastStep?: boolean;\n disabled?: boolean;\n direction?: \"horizontal\" | \"vertical\";\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\nexport const StepComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n { label, caption, status, index, direction, disabled, lastStep, ...rest }: Props,\n ref\n) => {\n const stepIndex = index ?? 0;\n const additionalClasses = [classes[status]];\n const [stepContentHeight, setStepContentHeight] = useState<number>(28);\n const [stepContentWidth, setStepContentWidth] = useState<number>(28);\n direction === \"vertical\" && additionalClasses.push(classes[\"vertical\"]);\n\n const captionRef = useRef<HTMLSpanElement>(null);\n const labelRef = useRef<HTMLSpanElement>(null);\n const stepContentRef = useRef<HTMLDivElement>(null);\n\n useLayoutEffect(() => {\n if (captionRef.current && stepContentRef.current && labelRef.current && lastStep) {\n if (direction == \"vertical\") {\n const capionHeight = captionRef.current.getBoundingClientRect().height;\n const stepContentHeight = stepContentRef.current.getBoundingClientRect().height;\n setStepContentHeight(capionHeight + stepContentHeight);\n }\n\n if (direction == \"horizontal\") {\n const captionWidth = captionRef.current.getBoundingClientRect().width;\n const labelWidth = labelRef.current.getBoundingClientRect().width;\n setStepContentWidth(captionWidth > labelWidth ? captionWidth + 36 : labelWidth + 36);\n }\n }\n }, []);\n\n return (\n <button\n {...rest}\n ref={ref}\n disabled={disabled}\n aria-current={status === \"current\" ? \"step\" : undefined}\n className={`${classes[\"step-wrapper\"]} ${additionalClasses.join(\" \")}`}\n >\n <div\n style={{\n height: lastStep && direction == \"vertical\" ? `${stepContentHeight}px` : \"auto\",\n width: lastStep && direction == \"horizontal\" ? `${stepContentWidth}px` : \"auto\"\n }}\n >\n <div ref={stepContentRef} className={classes[\"step-content\"]}>\n <div aria-hidden className={classes[\"step\"]}>\n {getStepContent(stepIndex, status)}\n </div>\n <span ref={labelRef} className={classes[\"label\"]}>\n {label}\n <span ref={captionRef} className={classes[\"caption\"]}>\n {caption}\n </span>\n </span>\n </div>\n </div>\n </button>\n );\n};\n\nexport const Step = React.forwardRef(StepComponent);\n"],"names":["getStepContent","index","status","String","React","createElement","Icon","icon","Icons","Checkmark","StepComponent","label","caption","direction","disabled","lastStep","rest","ref","stepIndex","additionalClasses","classes","stepContentHeight","setStepContentHeight","useState","stepContentWidth","setStepContentWidth","push","captionRef","useRef","labelRef","stepContentRef","useLayoutEffect","current","capionHeight","getBoundingClientRect","height","captionWidth","width","labelWidth","undefined","className","join","style","Step","forwardRef"],"mappings":"4PAsCA,MAAMA,EAAiB,CAACC,EAAeC,KACrC,OAAQA,GACN,IAAK,UACH,OAAOC,OAAOF,EAAQ,GACxB,IAAK,UACH,OAAOE,OAAOF,EAAQ,GACxB,IAAK,OACH,OAAOG,EAAAA,WAAAC,cAACC,EAAIA,KAAC,CAAAC,KAAMC,EAAKA,MAACC,YAC3B,IAAK,QACH,MAAO,IACV,EAGU,MAAAC,EAAoE,EAC7EC,QAAOC,UAASV,SAAQD,QAAOY,YAAWC,WAAUC,cAAaC,GACnEC,KAEA,MAAMC,EAAYjB,IAAK,MAALA,SAAA,EAAAA,EAAS,EAC3B,MAAMkB,EAAoB,CAACC,aAAQlB,IACnC,MAAOmB,EAAmBC,GAAwBC,EAAQA,SAAS,IACnE,MAAOC,EAAkBC,GAAuBF,EAAQA,SAAS,IACjEV,IAAc,YAAcM,EAAkBO,KAAKN,EAAO,WAAC,aAE3D,MAAMO,EAAaC,SAAwB,MAC3C,MAAMC,EAAWD,SAAwB,MACzC,MAAME,EAAiBF,SAAuB,MAE9CG,EAAAA,iBAAgB,KACd,GAAIJ,EAAWK,SAAWF,EAAeE,SAAWH,EAASG,SAAWjB,EAAU,CAChF,GAAIF,GAAa,WAAY,CAC3B,MAAMoB,EAAeN,EAAWK,QAAQE,wBAAwBC,OAChE,MAAMd,EAAoBS,EAAeE,QAAQE,wBAAwBC,OACzEb,EAAqBW,EAAeZ,EACrC,CAED,GAAIR,GAAa,aAAc,CAC7B,MAAMuB,EAAeT,EAAWK,QAAQE,wBAAwBG,MAChE,MAAMC,EAAaT,EAASG,QAAQE,wBAAwBG,MAC5DZ,EAAoBW,EAAeE,EAAaF,EAAe,GAAKE,EAAa,GAClF,CACF,IACA,IAEH,OACElC,aACMC,cAAA,SAAA,IAAAW,EACJC,IAAKA,EACLH,SAAUA,EACI,eAAAZ,IAAW,UAAY,YAASqC,EAC9CC,UAAW,GAAGpB,EAAO,WAAC,mBAAmBD,EAAkBsB,KAAK,QAEhErC,EAAAA,WAAAC,cAAA,MAAA,CACEqC,MAAO,CACLP,OAAQpB,GAAYF,GAAa,WAAa,GAAGQ,MAAwB,OACzEgB,MAAOtB,GAAYF,GAAa,aAAe,GAAGW,MAAuB,SAG3EpB,aAAKC,cAAA,MAAA,CAAAY,IAAKa,EAAgBU,UAAWpB,aAAQ,iBAC3ChB,EAAAA,WAAAC,cAAA,MAAA,CAAA,cAAA,KAAiBmC,UAAWpB,EAAO,WAAC,SACjCpB,EAAekB,EAAWhB,IAE7BE,aAAMC,cAAA,OAAA,CAAAY,IAAKY,EAAUW,UAAWpB,aAAQ,UACrCT,EACDP,EAAAA,WAAAC,cAAA,OAAA,CAAMY,IAAKU,EAAYa,UAAWpB,EAAO,WAAC,YACvCR,MAMX,EAGS,MAAA+B,EAAOvC,EAAAA,WAAMwC,WAAWlC"}
1
+ {"version":3,"file":"Step.cjs.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":"8RAmCA,MAAMA,EAAiB,CAACC,EAAeC,KACrC,OAAQA,GACN,IAAK,UACH,OAAOC,OAAOF,EAAQ,GACxB,IAAK,UACH,OAAOE,OAAOF,EAAQ,GACxB,IAAK,OACH,OAAOG,EAAAA,WAAAC,cAACC,EAAIA,KAAC,CAAAC,KAAMC,EAAKA,MAACC,YAC3B,IAAK,QACH,MAAO,IACV,EAGH,MAAMC,EAAkB,CAACC,EAAuBC,EAAmBX,KACjE,GAAIU,GAAgBC,EAAU,CAC5B,MAAMC,EAAa,KAAOZ,EAAQ,GAClC,MAAMa,EAAUb,EAAQc,uBACxB,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,aAAQzB,IACnC,MAAM0B,EAAkC,CAAA,EACxC,MAAMjB,EAAeQ,IAAc,aACnC,MAAMU,EAAeP,IAAiB,SACtC,MAAMQ,IAAeZ,EAErBQ,EAAkBK,KAAKpB,EAAegB,EAAO,WAAC,cAAgBA,EAAO,WAAC,aACtEP,GAAYM,EAAkBK,KAAKJ,EAAAA,WAAQ,aAC3CE,GAAgBH,EAAkBK,KAAKJ,EAAAA,WAAQ,gBAC/Cf,GAAYc,EAAkBK,KAAKJ,EAAAA,WAAQ,cAC3CG,GAAcJ,EAAkBK,KAAKJ,EAAAA,WAAQ,gBAE7CC,EAAiB,YAAclB,EAAgBC,IAAgBC,EAAUX,GAEzE,OACEG,EAAAA,gCACE4B,MAAOJ,EACPK,UAAW,GAAGN,EAAAA,WAAQ,mBAAmBD,EAAkBQ,KAAK,UAC5DX,GAEJnB,EAAA,WAAAC,cAAA,MAAA,CAAA,cAAA,KAAiB4B,UAAWN,EAAAA,WAAQ,QAASN,QAASA,GACnDrB,EAAeyB,EAAWvB,IAE7BE,EACgB,WAAAC,cAAA,SAAA,CAAA,eAAAH,IAAW,UAAY,YAASiC,EAC9CF,UAAWN,EAAO,WAAC,SACnBP,SAAUA,EACVC,QAASA,GAETjB,EAAA,WAAAC,cAAA,OAAA,CAAM4B,UAAWN,EAAAA,WAAQ,wBACtBV,EAAO,KACNL,GAAYD,IAAiBkB,GAC7BzB,EAAAA,WAAKC,cAAA,MAAA,CAAA4B,UAAW,GAAGN,aAAQ,mBAAmBA,EAAAA,WAAQ,8BAG1DvB,aAAMC,cAAA,OAAA,CAAA4B,UAAWN,EAAAA,WAAQ,YAAaT,KAEtCN,GAAYR,aAAKC,cAAA,MAAA,CAAA4B,UAAWN,aAAQ,kBAExC,EAGS,MAAAS,EAAOhC,EAAAA,WAAMiC,WAAWrB"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../../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["default"](l);exports["default"]=t;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../../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["default"](l);exports["default"]=t;
2
2
  //# sourceMappingURL=Step.module.cjs.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./Step.cjs.js");var r=require("./Stepper.module.cjs.js");function a(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var l=a(e);const o=({steps:e,direction:a="horizontal",...o})=>l["default"].createElement("div",{...o,className:`${r["default"]["stepper"]} ${a==="horizontal"?r["default"]["horizontal"]:r["default"]["vertical"]}`},e.map(((r,o)=>l["default"].createElement(t.Step,{...r,key:r.label.toLowerCase().replace(/\s/,"-"),index:o,direction:a,lastStep:o+1===e.length}))));exports.Stepper=o;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./Step.cjs.js");var r=require("./Stepper.module.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var s=o(e);const a=.5;const n=({steps:e,direction:o="horizontal",textPosition:a,className:n,...l})=>{const p=[];o==="horizontal"&&p.push(r["default"]["horizontal"]);a==="bottom"&&p.push(r["default"]["text-bottom"]);n&&p.push(n);return s["default"].createElement("div",{...l,className:`${r["default"]["stepper"]} ${p.join(" ")}`},e.map(((r,n)=>s["default"].createElement(t.Step,{...r,key:r.label.toLowerCase().replace(/\s/,"-"),index:n,direction:o,lastStep:n+1===e.length,textPosition:a}))))};exports.Stepper=n;exports.gapBetweenStepsInRem=a;
2
2
  //# sourceMappingURL=Stepper.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.cjs.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 = ({ steps, direction = \"horizontal\", ...rest }: Props) => {\n return (\n <div\n {...rest}\n className={`${classes[\"stepper\"]} ${\n direction === \"horizontal\" ? classes[\"horizontal\"] : classes[\"vertical\"]\n }`}\n >\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 />\n ))}\n </div>\n );\n};\n"],"names":["Stepper","steps","direction","rest","React","createElement","className","classes","map","step","index","Step","key","label","toLowerCase","replace","lastStep","length"],"mappings":"yPAyBa,MAAAA,EAAU,EAAGC,QAAOC,YAAY,gBAAiBC,KAE1DC,aACMC,cAAA,MAAA,IAAAF,EACJG,UAAW,GAAGC,EAAAA,WAAQ,cACpBL,IAAc,aAAeK,aAAQ,cAAgBA,EAAAA,WAAQ,eAG9DN,EAAMO,KAAI,CAACC,EAAMC,IAChBN,aAACC,cAAAM,EAAIA,SACCF,EACJG,IAAKH,EAAKI,MAAMC,cAAcC,QAAQ,KAAM,KAC5CL,MAAOA,EACPR,UAAWA,EACXc,SAAUN,EAAQ,IAAMT,EAAMgB"}
1
+ {"version":3,"file":"Stepper.cjs.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":"yPA0BO,MAAMA,EAAuB,SAEvBC,EAAU,EACrBC,QACAC,YAAY,aACZC,eACAC,eACGC,MAEH,MAAMC,EAAoB,GAC1BJ,IAAc,cAAgBI,EAAkBC,KAAKC,EAAO,WAAC,eAC7DL,IAAiB,UAAYG,EAAkBC,KAAKC,EAAO,WAAC,gBAC5DJ,GAAaE,EAAkBC,KAAKH,GAEpC,OACEK,aAASC,cAAA,MAAA,IAAAL,EAAMD,UAAW,GAAGI,EAAAA,WAAQ,cAAcF,EAAkBK,KAAK,QACvEV,EAAMW,KAAI,CAACC,EAAMC,IAChBL,EAAA,WAAAC,cAACK,EAAAA,KACK,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
- "use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../../lib/style-inject.js");var t=".Stepper-module_stepper__kZdrJ{align-items:center;display:flex;justify-content:center;width:100%}.Stepper-module_stepper__kZdrJ.Stepper-module_vertical__dx-Hk{flex-direction:column;height:100%;justify-content:flex-start;width:auto}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0ZXBwZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsK0JBSUUsa0JBQW1CLENBRm5CLFlBQWEsQ0FDYixzQkFBdUIsQ0FGdkIsVUFJRixDQUNBLDhEQUNFLHFCQUFzQixDQUV0QixXQUFZLENBRFosMEJBQTJCLENBRTNCLFVBQ0YiLCJmaWxlIjoiU3RlcHBlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zdGVwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnN0ZXBwZXIudmVydGljYWwge1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IGF1dG87XG59Il19 */";var d={stepper:"Stepper-module_stepper__kZdrJ",vertical:"Stepper-module_vertical__dx-Hk"};e["default"](t);exports["default"]=d;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../../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 d={stepper:"Stepper-module_stepper__kZdrJ",horizontal:"Stepper-module_horizontal__RdwSU","text-bottom":"Stepper-module_text-bottom__b6yF7"};e["default"](t);exports["default"]=d;
2
2
  //# sourceMappingURL=Stepper.module.cjs.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:true});var t=require("react");var e=require("../Icon/Icon.cjs.js");var o=require("./Tooltip.module.cjs.js");var r=require("../src/util/helper.cjs.js");var a=require("../src/hooks/usePosition.cjs.js");var l=require("react-dom");var i=require("../src/hooks/useGetDomRoot.cjs.js");function n(t){return t&&typeof t==="object"&&"default"in t?t:{default:t}}var c=n(t);const s={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 f=({title:n,children:f,className:m,domRoot:u,label:p,location:h="right",position:d="center",color:g="black",...v},b)=>{const[z]=t.useState(r.generateID());const[E,O]=t.useState(false);const j=b||t.createRef();const{root:$}=i.useGetDomRoot(u,j);const y=t.useRef(null);const I=t.useRef(null);const N=t.useMemo((()=>{if(d==="center")return h;return`${h}${d.charAt(0).toUpperCase()+d.slice(1)}`}),[h,d]);const{top:q,bottom:R,right:k,left:P,calculatePosition:S}=a.usePosition({relativeElement:y,elementToBePositioned:I,placement:s[N].placement,offset:s[N].offset,transformOrigin:s[N].transformOrigin});t.useEffect((()=>{if(!E)return;function t(t){if(t.key==="Escape")O(false)}document.addEventListener("keyup",t);return()=>{document.removeEventListener("keyup",t)}}),[E]);t.useLayoutEffect((()=>{S()}),[E]);const L=()=>{if(c["default"].isValidElement(p))return c["default"].cloneElement(p,{onFocus:()=>O(true),onBlur:()=>O(false),"aria-describedby":z,tabIndex:0,className:o["default"]["label"]});return c["default"].createElement("span",{className:o["default"]["label"],tabIndex:0,onFocus:()=>O(true),onBlur:()=>O(false),"aria-describedby":z},p)};const w=`${o["default"]["tooltip"]} ${o["default"][g]} ${E?o["default"]["visible"]:""} ${o["default"][N.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()]}`;return c["default"].createElement("div",{...v,ref:j,className:`${o["default"].wrapper} ${m!==null&&m!==void 0?m:""}`},L(),c["default"].createElement("div",{className:`${o["default"]["tooltip-wrapper"]}`},c["default"].createElement(e.Icon,{ref:y,tag:"div",onMouseEnter:()=>O(true),onMouseLeave:()=>O(false),icon:e.Icons.InfoCircle,className:o["default"].icon}),l.createPortal(c["default"].createElement("div",{ref:I,style:{...v.style,top:q,left:P,right:k,bottom:R},"aria-hidden":!E,id:z,className:w},n&&c["default"].createElement("span",{className:o["default"]["tooltip-title"]},n),f),$)))};const m=c["default"].forwardRef(f);exports.Tooltip=m;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});var t=require("react");var e=require("../Icon/Icon.cjs.js");var o=require("./Tooltip.module.cjs.js");var r=require("../src/util/helper.cjs.js");var a=require("../src/hooks/usePosition.cjs.js");var l=require("react-dom");var i=require("../src/hooks/useGetDomRoot.cjs.js");function n(t){return t&&typeof t==="object"&&"default"in t?t:{default:t}}var c=n(t);const s={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 f=({title:n,children:f,className:m,domRoot:u,label:p,location:h="right",position:d="center",color:g="black",...v},b)=>{const[z]=t.useState(r.generateID());const[E,O]=t.useState(false);const j=b||t.createRef();const{root:$}=i.useGetDomRoot(u,j);const y=t.useRef(null);const I=t.useRef(null);const N=t.useMemo((()=>{if(d==="center")return h;return`${h}${d.charAt(0).toUpperCase()+d.slice(1)}`}),[h,d]);const{top:q,bottom:R,right:k,left:P,calculatePosition:S}=a.usePosition({relativeElement:y,elementToBePositioned:I,placement:s[N].placement,offset:s[N].offset,transformOrigin:s[N].transformOrigin});t.useEffect((()=>{if(!E)return;const t=t=>{if(t.key==="Escape")O(false)};document.addEventListener("keyup",t);return()=>{document.removeEventListener("keyup",t)}}),[E]);t.useLayoutEffect((()=>{S()}),[E]);const L=()=>{if(c["default"].isValidElement(p))return c["default"].cloneElement(p,{onFocus:()=>O(true),onBlur:()=>O(false),"aria-describedby":z,tabIndex:0,className:o["default"]["label"]});return c["default"].createElement("span",{className:o["default"]["label"],tabIndex:0,onFocus:()=>O(true),onBlur:()=>O(false),"aria-describedby":z},p)};const w=`${o["default"]["tooltip"]} ${o["default"][g]} ${E?o["default"]["visible"]:""} ${o["default"][N.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()]}`;return c["default"].createElement("div",{...v,ref:j,className:`${o["default"].wrapper} ${m!==null&&m!==void 0?m:""}`},L(),c["default"].createElement("div",{className:`${o["default"]["tooltip-wrapper"]}`},c["default"].createElement(e.Icon,{ref:y,tag:"div",onMouseEnter:()=>O(true),onMouseLeave:()=>O(false),icon:e.Icons.InfoCircle,className:o["default"].icon}),l.createPortal(c["default"].createElement("div",{ref:I,style:{...v.style,top:q,left:P,right:k,bottom:R},"aria-hidden":!E,id:z,className:w},n&&c["default"].createElement("span",{className:o["default"]["tooltip-title"]},n),f),$)))};const m=c["default"].forwardRef(f);exports.Tooltip=m;
2
2
  //# sourceMappingURL=Tooltip.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.cjs.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":"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"}
1
+ {"version":3,"file":"Tooltip.cjs.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.cjs.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":"4QA+BA,MAAMA,EAAoB,CAACC,EAAeC,KACxC,MAAMC,SAAEA,GAAaC,EAAUA,WAACC,EAAkBA,oBAElDC,EAAAA,WAAU,KACRH,EAASI,EAAcA,eAACN,EAAOC,GAAM,GACpC,CAACD,EAAOC,GAAM,EAGnB,MAAMM,EAAmBC,IACvB,MACEC,OAAOC,cAAEA,IACPP,EAAAA,WAAWC,EAAAA,oBAEfC,EAAAA,WAAU,KACRG,EAAaE,EAAc,GAC1B,CAACA,GAAe,EAGrB,MAAMC,EAAgB,EAAGX,QAAOC,OAAMO,eAAcI,eAClDb,EAAkBC,EAAOC,GACzBM,EAAgBC,GAEhB,OAAOK,EAAC,WAAAC,cAAAC,EAAQA,SAAE,KAAAH,EAAoB,EAG3B,MAAAI,EAAUC,IACrB,MAAMjB,MAAEA,EAAOkB,cAAeR,EAAgB,EAACT,KAAEA,GAASgB,EAC1D,OACEJ,EAAA,WAAAC,cAACK,sBAAmB,CAACC,aAAc,CAAEpB,QAAOU,gBAAeT,SACzDY,EAAA,WAAAC,cAACH,EAAkB,IAAAM,IAErB"}
1
+ {"version":3,"file":"Wizard.cjs.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":"4QA+BA,MAAMA,EAAoB,CAACC,EAAeC,KACxC,MAAMC,SAAEA,GAAaC,EAAUA,WAACC,EAAkBA,oBAElDC,EAAAA,WAAU,KACRH,EAASI,EAAcA,eAACN,EAAOC,GAAM,GACpC,CAACD,EAAOC,GAAM,EAGnB,MAAMM,EAAmBC,IACvB,MACEC,OAAOC,cAAEA,IACPP,EAAAA,WAAWC,EAAAA,oBAEfC,EAAAA,WAAU,KACRG,EAAaE,EAAc,GAC1B,CAACA,GAAe,EAMrB,MAAMC,EAAgB,EAAGX,QAAOC,OAAMO,eAAcI,eAClDb,EAAkBC,EAAOC,GACzBM,EAAgBC,GAEhB,OAAOK,EAAC,WAAAC,cAAAC,EAAQA,SAAE,KAAAH,EAAoB,EAG3B,MAAAI,EAAUC,IACrB,MAAMjB,MAAEA,EAAOkB,cAAeR,EAAgB,EAACT,KAAEA,GAASgB,EAC1D,OACEJ,EAAA,WAAAC,cAACK,sBAAmB,CAACC,aAAc,CAAEpB,QAAOU,gBAAeT,SACzDY,EAAA,WAAAC,cAACH,EAAkB,IAAAM,IAErB"}
@@ -1 +1 @@
1
- {"version":3,"file":"WizardActions.cjs.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":"0TA2CA,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,EAAOA,QAACd,EAAoBC,EAAOC,GAAgB,CAACW,EAAMX,EAAeD,IAE3E,MAAMc,EAAoB,CAACF,EAAkBX,EAAuBD,IAClEa,EAAOA,QAACP,EAAoBN,EAAOC,GAAgB,CAACW,EAAMX,EAAeD,UAE9De,EAAgB,EAAGC,cAC9B,MACEC,OAAOL,KAAEA,EAAIZ,MAAEA,EAAKC,cAAEA,GAAeiB,SACrCA,GACEC,aAAWC,EAAAA,oBACf,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,sBAAoBP,SAE5CG,GAAmBN,EAASU,sBAAoBL,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,2BAACC,EAAAA,SAAQ,KACNd,GACCa,EAAAA,WAAAE,cAACC,EAAMA,OAAC,CAAAC,QAAQ,UAAUV,QAASC,GAChChB,EAAQkB,SAASQ,OAGrBpB,GACCe,EAAC,WAAAE,cAAAC,EAAMA,OAAC,CAAAC,QAAS7B,IAAS,OAAS,UAAY,OAAQmB,QAASF,GAC7Db,EAAQc,KAAKY,OAGjBjB,GACCY,EAAA,WAAAE,cAACC,EAAAA,OAAO,CAAAT,QAASI,GAAwBnB,EAAQoB,aAAaM,OAGlE"}
1
+ {"version":3,"file":"WizardActions.cjs.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":"0TA2CA,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,EAAOA,QAACd,EAAoBC,EAAOC,GAAgB,CAACW,EAAMX,EAAeD,IAE3E,MAAMc,EAAoB,CAACF,EAAkBX,EAAuBD,IAClEa,EAAOA,QAACP,EAAoBN,EAAOC,GAAgB,CAACW,EAAMX,EAAeD,UAK9De,EAAgB,EAAGC,cAC9B,MACEC,OAAOL,KAAEA,EAAIZ,MAAEA,EAAKC,cAAEA,GAAeiB,SACrCA,GACEC,aAAWC,EAAAA,oBACf,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,sBAAoBP,SAE5CG,GAAmBN,EAASU,sBAAoBL,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,2BAACC,EAAAA,SAAQ,KACNd,GACCa,EAAAA,WAAAE,cAACC,EAAMA,OAAC,CAAAC,QAAQ,UAAUV,QAASC,GAChChB,EAAQkB,SAASQ,OAGrBpB,GACCe,EAAC,WAAAE,cAAAC,EAAMA,OAAC,CAAAC,QAAS7B,IAAS,OAAS,UAAY,OAAQmB,QAASF,GAC7Db,EAAQc,KAAKY,OAGjBjB,GACCY,EAAA,WAAAE,cAACC,EAAAA,OAAO,CAAAT,QAASI,GAAwBnB,EAAQoB,aAAaM,OAGlE"}
@@ -1 +1 @@
1
- {"version":3,"file":"WizardStateProvider.cjs.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":"8NAmBM,MAAAA,EAAqBC,EAAAA,cAGxB,CACDC,MAAO,CAAqB,EAC5BC,SAAU,IAAM,OAQZ,MAAAC,EAAsB,EAAGC,WAAUC,mBACvC,MAAOJ,EAAOC,GAAYI,EAAAA,WAAWC,EAAAA,QAASF,GAC9C,OACEG,aAACC,cAAAV,EAAmBW,UAASC,MAAO,CAAEV,QAAOC,aAC1CE,EAEH"}
1
+ {"version":3,"file":"WizardStateProvider.cjs.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":"8NAmBM,MAAAA,EAAqBC,EAAAA,cAGxB,CACDC,MAAO,CAAqB,EAC5BC,SAAU,IAAM,OAWZ,MAAAC,EAAsB,EAAGC,WAAUC,mBACvC,MAAOJ,EAAOC,GAAYI,EAAAA,WAAWC,EAAAA,QAASF,GAC9C,OACEG,aAACC,cAAAV,EAAmBW,UAASC,MAAO,CAAEV,QAAOC,aAC1CE,EAEH"}
@@ -1 +1 @@
1
- {"version":3,"file":"WizardSteps.cjs.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":"yUAyBA,MAAMA,EAAwE,EAC1EC,iBAAgBC,GAClBC,KAEA,MACEC,OAAOC,cAAEA,EAAaC,KAAEA,EAAIC,MAAEA,GAAOC,SACrCA,GACEC,aAAWC,EAAAA,oBAEf,MAAMC,EAAWC,IACfX,EAAYI,EAAeO,IAAmBJ,EAASK,EAAmBA,oBAACD,GAAgB,EAG7F,OACEE,EAAAA,WAAAC,cAACC,EAAeA,gBAAA,IACVd,EACJC,IAAKA,EACLQ,QAASA,EACTJ,MAAOA,EACPF,cAAeA,EACfY,qBAAsBX,IAAS,QAEjC,EAGS,MAAAY,EAAcJ,EAAAA,WAAMK,WAAWnB"}
1
+ {"version":3,"file":"WizardSteps.cjs.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":"yUAyBA,MAAMA,EAAwE,EAC1EC,iBAAgBC,GAClBC,KAEA,MACEC,OAAOC,cAAEA,EAAaC,KAAEA,EAAIC,MAAEA,GAAOC,SACrCA,GACEC,aAAWC,EAAAA,oBAEf,MAAMC,EAAWC,IACfX,EAAYI,EAAeO,IAAmBJ,EAASK,EAAmBA,oBAACD,GAAgB,EAG7F,OACEE,EAAAA,WAAAC,cAACC,EAAeA,gBAAA,IACVd,EACJC,IAAKA,EACLQ,QAASA,EACTJ,MAAOA,EACPF,cAAeA,EACfY,qBAAsBX,IAAS,QAEjC,EAMS,MAAAY,EAAcJ,EAAAA,WAAMK,WAAWnB"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:true});var r=require("react");function o(r){return r&&typeof r==="object"&&"default"in r?r:{default:r}}var e=o(r);const l=({children:o,properties:l={}})=>{const a={colorPrimary100:"#CDD0EA",colorPrimary300:"#6871BF",colorPrimary500:"#041295",colorPrimary600:"#030F77",colorPrimary700:"#020B59",colorPrimary900:"#01041E",colorBlueGrey25:"#F7F7F9",colorBlueGrey25Transparent:"rgba(247, 247, 249, .8)",colorBlueGrey50:"#EEEFF3",colorBlueGrey100:"#DEDEE6",colorBlueGrey200:"#BCBECE",colorBlueGrey300:"#9A9DB5",colorBlueGrey400:"#797D9C",colorBlueGrey500:"#5D607E",colorBlueGrey700:"#383A4B",colorBlueGrey800:"#252733",colorBlueGrey900:"#131319",colorGreen100:"#D1E6DA",colorGreen200:"#A2CDB4",colorGreen500:"#178244",colorGreen600:"#126836",colorGreen700:"#0E4E29",colorLightBlue500:"#00BCDD",colorLightBlue600:"#0096B1",colorOrange500:"#E07900",colorOrange600:"#B36100",colorOrange700:"#864900",colorRed200:"#F3A599",colorRed500:"#E01E00",colorRed600:"#B31800",colorRed700:"#861200",colorBlack100:"#000000",colorBlack20:"rgba(0, 0, 0, 0.2)",colorBlack10:"rgba(0, 0, 0, 0.1)",colorShadowBlue:"#7078C3",colorWhite:"#FFFFFF",colorFocus:"var(--color-primary300)",colorPrimary:"var(--color-primary500)",colorSecondary:"var(--color-green500)",colorTertiary:"var(--color-light-blue600)",defaultPressedColor:"var(--color-blue-grey100)",defaultHoverColor:"var(--color-blue-grey25)",defaultLineHeight:"1.5",defaultBorderRadius:"0.25rem",focusBorderRadius:"0.125rem",buttonBorderRadius:"var(--default-border-radius)",buttonBorderWidth:"2px",buttonFontSize:"1rem",buttonBorderStyle:"solid",buttonFillTextColor:"var(--light)",buttonPrimaryDefaultColor:"var(--color-primary500)",buttonPrimaryHoverColor:"var(--color-primary600)",buttonPrimaryFocusedColor:"var(--color-primary500)",buttonPrimaryPressedColor:"var(--color-primary700)",buttonSecondaryDefaultColor:"var(--color-green500)",buttonSecondaryHoverColor:"var(--color-green600)",buttonSecondaryFocusedColor:"var(--color-green500)",buttonSecondaryPressedColor:"var(--color-green700)",buttonWarningDefaultColor:"var(--color-orange500)",buttonWarningHoverColor:"var(--color-orange600)",buttonWarningFocusedColor:"var(--color-orange500)",buttonWarningPressedColor:"var(--color-orange700)",buttonDangerDefaultColor:"var(--color-red500)",buttonDangerHoverColor:"var(--color-red600)",buttonDangerFocusedColor:"var(--color-red500)",buttonDangerPressedColor:"var(--color-red700)",buttonDefaultColor:"var(--color-blue-grey700)",buttonDefaultHoverColor:"var(--color-blue-grey800)",buttonDefaultFocusedColor:"var(--color-blue-grey700)",buttonDefaultPressedColor:"var(--color-blue-grey800)",buttonOutlineHoverTextColor:"var(--color-primary600)",checkboxUncheckedHoverColor:"var(--color-blue-grey50)",checkboxUncheckedPressedColor:"var(--default-pressed-color)",checkboxCheckedHoverColor:"var(--color-primary600)",checkboxCheckedPressedColor:"var(--color-primary700)",radioHoverBackgroundColor:"var(--color-blue-grey50)",radioPressedBackgroundColor:"var(--default-pressed-color)",radioHoverColor:"var(--color-primary600)",radioPressedColor:"var(--color-primary700)",inputBorderRadius:"2px",inputBorderWidth:"1px",inputBorderWidthFocus:"1px",inputBorderStyle:"solid",inputBorderColor:"var(--color-blue-grey500)",inputBackgroundColor:"var(--light)",inputHelperTextColor:"var(--color-blue-grey500)",inputHoverBackgroundColor:"var(--default-hover-color)",inputDisabledBackgroundColor:"var(--input-hover-background-color)",dragBackgroundColor:"var(--color-blue-grey25-transparent)",dragBorderStyle:"solid",modalShadowColor:"rgba(0, 0, 0, 0.16)",modalBackgroundColor:"var(--light)",modalBackdropColor:"var(--default)",skeletonBackgroundColor:"var(--disabled)",skeletonAnimationColorRgb:"255, 255, 255",snackbarTextColor:"var(--light)",snackbarInfoBackgroundColor:"var(--color-primary500)",snackbarSuccessBackgroundColor:"var(--color-green500)",snackbarErrorBackgroundColor:"var(--color-red500)",snackbarWarningBackgroundColor:"var(--color-orange500)",snackbarBorderRadius:"2px",stepperWaitingColor:"var(--color-blue-grey200)",stepperWaitingHoverColor:"var(--color-blue-grey300)",stepperWaitingActiveColor:"var(--color-blue-grey400)",stepperWaitingDisabledColor:"var(--color-blue-grey100)",stepperCurrentColor:"var(--color-primary500)",stepperCurrentHoverColor:"var(--color-primary600)",stepperCurrentActiveColor:"var(--color-primary700)",stepperCurrentDisabledColor:"var(--color-primary100)",stepperDoneColor:"var(--color-green500)",stepperDoneHoverColor:"var(--color-green600)",stepperDoneActiveColor:"var(--color-green700)",stepperDoneDisabledColor:"var(--color-green200)",stepperErrorColor:"var(--color-red500)",stepperErrorHoverColor:"var(--color-red600)",stepperErrorActiveColor:"var(--color-red700)",stepperErrorDisabledColor:"var(--color-red200)",stepperDefaultTextColor:"var(--color-white)",stepperLineColor:"var(--color-blue-grey300)",stepperLineBoldColor:"var(--color-blue-grey700)",stepperLineDisabledColor:"var(--color-blue-grey100)",stepperLineBoldDisabledColor:"var(--color-blue-grey300)",stepperLabelColor:"var(--color-blue-grey900)",stepperCaptionColor:"var(--color-blue-grey500)",stepperCaptionErrorColor:"var(--color-red500)",stepperLabelDisabledColor:"var(--color-blue-grey400)",stepperCaptionDisabledColor:"var(--color-blue-grey400)",stepperCaptionErrorDisabledColor:"var(--color-red200)",bannerBorderRadius:"2px",bannerBorderWidth:"0 0 0 4px",dataGridRowBackgroundColor:"transparent",dataGridRowHoverBackgroundColor:"var(--default-hover-color)",progressBarBackgroundColor:"var(--disabled)",tabsBackgroundColor:"var(--light)",tabActiveBorderHeight:"0.25rem",tabActiveBorderColor:"var(--color-primary)",tabActiveTextColor:"var(--color-primary)",tablistBorderWidth:"0.0625rem",tablistBorderStyle:"solid",tablistBorderColor:"var(--color-blue-grey100)",tabTextColor:"var(--color-blue-grey900)",tabHoverColor:"var(--default-hover-color)",tabPressedColor:"var(--default-pressed-color)",toggleBackgroundColor:"var(--color-blue-grey100)",tooltipBackgroundColor:"var(--default)",wizardStepIndicatorFutureColor:"var(--color-blue-grey200)",contextMenuHoverColor:"var(--default-hover-color)",contextMenuPressedColor:"var(--default-pressed-color)",default:"var(--color-blue-grey900)",success:"var(--color-green500)",error:"var(--color-red500)",info:"var(--color-primary500)",disabled:"var(--color-blue-grey100)",greyedOut:"var(--color-blue-grey400)",lightGreyBorder:"var(--color-blue-grey100)",warning:"var(--color-orange500)",light:"var(--color-white)",fontFamily:"Roboto, sans-serif",fontFamilyCode:"'Roboto Mono', monospace",fontSizeFormLabel:"0.875rem",fontSize:"1rem",fontSizeH1:"2.5rem",fontSizeH2:"1.625rem",fontSizeH3:"1.5rem",fontSizeH4:"1.25rem",fontSizeSub:".75rem",fontSizeCode:"1rem",formControlFontSize:"0.875rem"};const[t,c]=r.useState(true);const n=r.useRef(null);const u=r=>{for(const[o,e]of Object.entries(r)){const r=o.replace(/([A-Z])/g,(r=>`-${r.toLowerCase()}`));n.current.style.setProperty(`--${r}`,e)}};r.useEffect((()=>{if(Object.keys(l).length!==0&&n.current){const r={...a,...l};u(r)}else if(n.current)u(a);c(false)}),[l,n.current]);return e["default"].createElement("div",{className:"basestyling-wrapper",ref:n},!t?o:null)};exports.BaseStyling=l;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});var r=require("react");function o(r){return r&&typeof r==="object"&&"default"in r?r:{default:r}}var e=o(r);const l=({children:o,properties:l={}})=>{const a={colorPrimary100:"#CDD0EA",colorPrimary300:"#6871BF",colorPrimary500:"#041295",colorPrimary600:"#030F77",colorPrimary700:"#020B59",colorPrimary900:"#01041E",colorBlueGrey25:"#F7F7F9",colorBlueGrey25Transparent:"rgba(247, 247, 249, .8)",colorBlueGrey50:"#EEEFF3",colorBlueGrey100:"#DEDEE6",colorBlueGrey200:"#BCBECE",colorBlueGrey300:"#9A9DB5",colorBlueGrey400:"#797D9C",colorBlueGrey500:"#5D607E",colorBlueGrey700:"#383A4B",colorBlueGrey800:"#252733",colorBlueGrey900:"#131319",colorGreen100:"#D1E6DA",colorGreen200:"#A2CDB4",colorGreen500:"#178244",colorGreen600:"#126836",colorGreen700:"#0E4E29",colorLightBlue500:"#00BCDD",colorLightBlue600:"#0096B1",colorOrange500:"#E07900",colorOrange600:"#B36100",colorOrange700:"#864900",colorRed200:"#F3A599",colorRed500:"#E01E00",colorRed600:"#B31800",colorRed700:"#861200",colorBlack100:"#000000",colorBlack20:"rgba(0, 0, 0, 0.2)",colorBlack10:"rgba(0, 0, 0, 0.1)",colorShadowBlue:"#7078C3",colorWhite:"#FFFFFF",colorFocus:"var(--color-primary300)",colorPrimary:"var(--color-primary500)",colorSuccess:"var(--color-green500)",colorWarning:"var(--color-orange500)",colorDanger:"var(--color-red500)",defaultPressedColor:"var(--color-blue-grey100)",defaultHoverColor:"var(--color-blue-grey25)",defaultLineHeight:"1.5",defaultBorderRadius:"0.25rem",focusBorderRadius:"0.125rem",buttonBorderRadius:"0.125rem",buttonBorderWidth:"2px",buttonFontSize:"0.875rem",buttonBorderStyle:"solid",buttonFillTextColor:"var(--light)",buttonPrimaryDefaultColor:"var(--color-primary500)",buttonPrimaryHoverColor:"var(--color-primary600)",buttonPrimaryFocusedColor:"var(--color-primary500)",buttonPrimaryPressedColor:"var(--color-primary700)",buttonSuccessDefaultColor:"var(--color-green500)",buttonSuccessHoverColor:"var(--color-green600)",buttonSuccessFocusedColor:"var(--color-green500)",buttonSuccessPressedColor:"var(--color-green700)",buttonDangerDefaultColor:"var(--color-red500)",buttonDangerHoverColor:"var(--color-red600)",buttonDangerFocusedColor:"var(--color-red500)",buttonDangerPressedColor:"var(--color-red700)",buttonWarningDefaultColor:"var(--color-orange500)",buttonWarningHoverColor:"var(--color-orange600)",buttonWarningFocusedColor:"var(--color-orange500)",buttonWarningPressedColor:"var(--color-orange700)",buttonDefaultColor:"var(--color-blue-grey700)",buttonDefaultHoverColor:"var(--color-blue-grey800)",buttonDefaultFocusedColor:"var(--color-blue-grey700)",buttonDefaultPressedColor:"var(--color-blue-grey800)",buttonOutlineHoverTextColor:"var(--color-primary600)",checkboxUncheckedHoverColor:"var(--color-blue-grey50)",checkboxUncheckedPressedColor:"var(--default-pressed-color)",checkboxCheckedHoverColor:"var(--color-primary600)",checkboxCheckedPressedColor:"var(--color-primary700)",radioHoverBackgroundColor:"var(--color-blue-grey50)",radioPressedBackgroundColor:"var(--default-pressed-color)",radioHoverColor:"var(--color-primary600)",radioPressedColor:"var(--color-primary700)",inputBorderRadius:"2px",inputBorderWidth:"1px",inputBorderWidthFocus:"1px",inputBorderStyle:"solid",inputBorderColor:"var(--color-blue-grey500)",inputBackgroundColor:"var(--light)",inputHelperTextColor:"var(--color-blue-grey500)",inputHoverBackgroundColor:"var(--default-hover-color)",inputDisabledBackgroundColor:"var(--input-hover-background-color)",dragBackgroundColor:"var(--color-blue-grey25-transparent)",dragBorderStyle:"solid",modalShadowColor:"rgba(0, 0, 0, 0.16)",modalBackgroundColor:"var(--light)",modalBackdropColor:"var(--default)",skeletonBackgroundColor:"var(--disabled)",skeletonAnimationColorRgb:"255, 255, 255",snackbarTextColor:"var(--light)",snackbarInfoBackgroundColor:"var(--color-primary500)",snackbarSuccessBackgroundColor:"var(--color-green500)",snackbarErrorBackgroundColor:"var(--color-red500)",snackbarWarningBackgroundColor:"var(--color-orange500)",snackbarBorderRadius:"2px",stepperWaitingColor:"var(--color-blue-grey200)",stepperWaitingHoverColor:"var(--color-blue-grey300)",stepperWaitingActiveColor:"var(--color-blue-grey400)",stepperWaitingDisabledColor:"var(--color-blue-grey100)",stepperCurrentColor:"var(--color-primary500)",stepperCurrentHoverColor:"var(--color-primary600)",stepperCurrentActiveColor:"var(--color-primary700)",stepperCurrentDisabledColor:"var(--color-primary100)",stepperDoneColor:"var(--color-green500)",stepperDoneHoverColor:"var(--color-green600)",stepperDoneActiveColor:"var(--color-green700)",stepperDoneDisabledColor:"var(--color-green200)",stepperErrorColor:"var(--color-red500)",stepperErrorHoverColor:"var(--color-red600)",stepperErrorActiveColor:"var(--color-red700)",stepperErrorDisabledColor:"var(--color-red200)",stepperDefaultTextColor:"var(--color-white)",stepperLineColor:"var(--color-blue-grey300)",stepperLineBoldColor:"var(--color-blue-grey700)",stepperLineDisabledColor:"var(--color-blue-grey100)",stepperLineBoldDisabledColor:"var(--color-blue-grey300)",stepperLabelColor:"var(--color-blue-grey900)",stepperCaptionColor:"var(--color-blue-grey500)",stepperCaptionErrorColor:"var(--color-red500)",stepperLabelDisabledColor:"var(--color-blue-grey400)",stepperCaptionDisabledColor:"var(--color-blue-grey400)",stepperCaptionErrorDisabledColor:"var(--color-red200)",bannerBorderRadius:"2px",bannerBorderWidth:"0 0 0 4px",dataGridRowBackgroundColor:"transparent",dataGridRowHoverBackgroundColor:"var(--default-hover-color)",progressBarBackgroundColor:"var(--disabled)",tabsBackgroundColor:"var(--light)",tabActiveBorderHeight:"0.25rem",tabActiveBorderColor:"var(--color-primary)",tabActiveTextColor:"var(--color-primary)",tablistBorderWidth:"0.0625rem",tablistBorderStyle:"solid",tablistBorderColor:"var(--color-blue-grey100)",tabTextColor:"var(--color-blue-grey900)",tabHoverColor:"var(--default-hover-color)",tabPressedColor:"var(--default-pressed-color)",toggleBackgroundColor:"var(--color-blue-grey100)",tooltipBackgroundColor:"var(--default)",wizardStepIndicatorFutureColor:"var(--color-blue-grey200)",contextMenuHoverColor:"var(--default-hover-color)",contextMenuPressedColor:"var(--default-pressed-color)",default:"var(--color-blue-grey900)",success:"var(--color-green500)",error:"var(--color-red500)",info:"var(--color-primary500)",disabled:"var(--color-blue-grey100)",greyedOut:"var(--color-blue-grey400)",lightGreyBorder:"var(--color-blue-grey100)",warning:"var(--color-orange500)",light:"var(--color-white)",fontFamily:"Roboto, sans-serif",fontFamilyCode:"'Roboto Mono', monospace",fontSizeFormLabel:"0.875rem",fontSize:"1rem",fontSizeH1:"2.5rem",fontSizeH2:"1.625rem",fontSizeH3:"1.5rem",fontSizeH4:"1.25rem",fontSizeSub:".75rem",fontSizeCode:"1rem",formControlFontSize:"0.875rem"};const[t,c]=r.useState(true);const n=r.useRef(null);const u=r=>{for(const[o,e]of Object.entries(r)){const r=o.replace(/([A-Z])/g,(r=>`-${r.toLowerCase()}`));n.current.style.setProperty(`--${r}`,e)}};r.useEffect((()=>{if(Object.keys(l).length!==0&&n.current){const r={...a,...l};u(r)}else if(n.current)u(a);c(false)}),[l,n.current]);return e["default"].createElement("div",{className:"basestyling-wrapper",ref:n},!t?o:null)};exports.BaseStyling=l;
2
2
  //# sourceMappingURL=BaseStyling.cjs.js.map