@crystaldesign/quick-config 26.6.0-beta.8 → 26.6.0-rc.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 (28) hide show
  1. package/build/cjs/index.js +22 -14
  2. package/build/esm/index.js +22 -14
  3. package/build/types/quick-config/src/Components/QuickConfig/components/OptionRenderer/Layouts/ButtonGroupLayout.d.ts.map +1 -1
  4. package/build/types/quick-config/src/Components/QuickConfig/components/OptionRenderer/Layouts/RangeLayout.d.ts.map +1 -1
  5. package/build/types/quick-config/src/stories/QuickConfig.stories.d.ts +1 -0
  6. package/build/types/quick-config/src/stories/QuickConfig.stories.d.ts.map +1 -1
  7. package/build/types/quick-config/src/types.d.ts +1 -0
  8. package/build/types/quick-config/src/types.d.ts.map +1 -1
  9. package/build/umd/402.quick-config.umd.min.js +2 -0
  10. package/build/umd/402.quick-config.umd.min.js.LICENSE.txt +1 -0
  11. package/build/umd/472.quick-config.umd.min.js +2 -0
  12. package/build/umd/472.quick-config.umd.min.js.LICENSE.txt +1 -0
  13. package/build/umd/{643.quick-config.umd.min.js → 536.quick-config.umd.min.js} +2 -2
  14. package/build/umd/536.quick-config.umd.min.js.LICENSE.txt +1 -0
  15. package/build/umd/{858.quick-config.umd.min.js → 565.quick-config.umd.min.js} +2 -2
  16. package/build/umd/565.quick-config.umd.min.js.LICENSE.txt +1 -0
  17. package/build/umd/{935.quick-config.umd.min.js → 588.quick-config.umd.min.js} +2 -2
  18. package/build/umd/588.quick-config.umd.min.js.LICENSE.txt +1 -0
  19. package/build/umd/quick-config.umd.min.js +1 -1
  20. package/build/umd/report.html +1 -1
  21. package/package.json +3 -2
  22. package/build/umd/541.quick-config.umd.min.js +0 -2
  23. package/build/umd/541.quick-config.umd.min.js.LICENSE.txt +0 -1
  24. package/build/umd/643.quick-config.umd.min.js.LICENSE.txt +0 -1
  25. package/build/umd/858.quick-config.umd.min.js.LICENSE.txt +0 -1
  26. package/build/umd/911.quick-config.umd.min.js +0 -2
  27. package/build/umd/911.quick-config.umd.min.js.LICENSE.txt +0 -1
  28. package/build/umd/935.quick-config.umd.min.js.LICENSE.txt +0 -1
package/build/cjs/index.js CHANGED
@@ -8,8 +8,8 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
8
8
  var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
9
9
  var _createClass = require('@babel/runtime/helpers/createClass');
10
10
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
11
- var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
12
11
  var jsxRuntime = require('react/jsx-runtime');
12
+ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
13
13
  var _typeof = require('@babel/runtime/helpers/typeof');
14
14
  var classNames = require('classnames');
15
15
 
@@ -349,6 +349,7 @@ var optionButtonSelected = "optionButtonSelected-pjY9O";
349
349
  var radioOptionSelected = "radioOptionSelected-vm6bN";
350
350
  var checkboxOptionSelected = "checkboxOptionSelected-DuZGL";
351
351
  var optionLabel = "optionLabel-oz4Zj";
352
+ var optionImage = "optionImage-LZqek";
352
353
  var optionCaption = "optionCaption-3d-V1";
353
354
  var optionContent = "optionContent-DS9Wc";
354
355
  var progressBar = "progressBar-RKPZp";
@@ -390,11 +391,11 @@ var speedometerGroupGrid = "speedometerGroupGrid-SNMAM";
390
391
  var speedometerGroupItem = "speedometerGroupItem-a4T-A";
391
392
  var speedometerGroupItemTitle = "speedometerGroupItemTitle-N35gZ";
392
393
  var contentSection = "contentSection-dJgsX";
393
- var css_248z = ".container-nN2kI {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n height: 100%;\n\n max-height: calc(100vh - 40px);\n padding: 12px;\n box-sizing: border-box;\n overflow: auto;\n}\n\n@supports (height: 100dvh) {\n .container-nN2kI {\n max-height: calc(100dvh - 40px);\n }\n}\n\n.subContainer-x97eX {\n flex: 1;\n padding: 12px 0;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.mobile .subContainer-x97eX {\n padding: 12px 0;\n gap: 4px;\n}\n\n.stickyHeader-V5orv {\n position: sticky;\n top: -12px;\n z-index: 10;\n background: #fff;\n margin: -12px -12px 0 -12px;\n padding: 12px 12px 0 12px;\n}\n\n.stickyHeaderSticky-5qqWo {\n position: sticky;\n top: -12px;\n z-index: 10;\n background: #fff;\n margin: -12px -12px 0 -12px;\n padding: 12px 12px 0 12px;\n}\n\n.darkmode .stickyHeader-V5orv {\n background: #1a1a1a;\n}\n\n.featureContainer-cTJH8 {\n min-width: 0;\n max-width: 100%;\n}\n\n.featureLabel-q4sHn {\n font-size: 18px;\n font-weight: 600;\n margin-bottom: 10px;\n word-wrap: break-word;\n}\n\n.featureRequired-tby4F {\n color: red;\n}\n\n.featureDescription-k4v-p,\n.optionDescription-omLcU,\n.progressText-LXaM7 {\n color: #666;\n}\n\n.darkmode .featureDescription-k4v-p,\n.darkmode .optionDescription-omLcU,\n.darkmode .progressText-LXaM7 {\n color: #aaa;\n}\n\n.featureDescription-k4v-p {\n font-size: 14px;\n margin-bottom: 15px;\n word-wrap: break-word;\n}\n\n.configDescription--0UjU,\n.resultDescription-7jW2U {\n font-size: 15px;\n color: #666;\n margin: 12px 0 0 0;\n word-wrap: break-word;\n}\n\n.mobile .configDescription--0UjU,\n.mobile .resultDescription-7jW2U {\n font-size: 14px;\n margin: 8px 0 0 0;\n}\n\n.darkmode .configDescription--0UjU,\n.darkmode .resultDescription-7jW2U {\n color: #aaa;\n}\n\n.optionsContainer-oIEc3 {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.optionsBox-TBnRq {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));\n grid-gap: 10px;\n gap: 10px;\n min-width: 0;\n max-width: 100%;\n}\n\n.optionsGallery-72aVW {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n grid-gap: 15px;\n gap: 15px;\n min-width: 0;\n max-width: 100%;\n}\n\n/* Shared selectable option base (optionButton, radioOption, checkboxOption) */\n.optionButton-tRXEs,\n.radioOption-sv3m6,\n.checkboxOption-UY3nL {\n padding: 12px;\n border: 2px solid #ddd;\n border-radius: 8px;\n background: #fff;\n cursor: pointer;\n transition: all 0.2s;\n min-width: 0;\n}\n\n.optionButton-tRXEs {\n padding: 15px;\n text-align: left;\n}\n\n.radioOption-sv3m6,\n.checkboxOption-UY3nL {\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.darkmode .optionButton-tRXEs,\n.darkmode .radioOption-sv3m6,\n.darkmode .checkboxOption-UY3nL {\n border-color: #444;\n background: #2a2a2a;\n}\n\n.optionButton-tRXEs:hover,\n.radioOption-sv3m6:hover,\n.checkboxOption-UY3nL:hover {\n border-color: #999;\n background: #f9f9f9;\n}\n\n.darkmode .optionButton-tRXEs:hover,\n.darkmode .radioOption-sv3m6:hover,\n.darkmode .checkboxOption-UY3nL:hover {\n border-color: #666;\n background: #333;\n}\n\n.optionButtonSelected-pjY9O,\n.radioOptionSelected-vm6bN,\n.checkboxOptionSelected-DuZGL {\n border-color: var(--diva-theme-palette-primary-main);\n background: var(--diva-theme-palette-primary-light);\n}\n\n.darkmode .optionButtonSelected-pjY9O,\n.darkmode .radioOptionSelected-vm6bN,\n.darkmode .checkboxOptionSelected-DuZGL {\n border-color: var(--diva-theme-palette-primary-main);\n background: var(--diva-theme-palette-primary-dark);\n}\n\n.optionButtonSelected-pjY9O:hover,\n.radioOptionSelected-vm6bN:hover,\n.checkboxOptionSelected-DuZGL:hover {\n border-color: var(--diva-theme-palette-primary-dark);\n background: var(--diva-theme-palette-primary-light);\n}\n\n.darkmode .optionButtonSelected-pjY9O:hover,\n.darkmode .radioOptionSelected-vm6bN:hover,\n.darkmode .checkboxOptionSelected-DuZGL:hover {\n border-color: var(--diva-theme-palette-primary-main);\n background: var(--diva-theme-palette-primary-dark);\n}\n\n.optionLabel-oz4Zj {\n font-weight: 500;\n display: flex;\n align-items: center;\n justify-self: start;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n min-width: 0;\n word-wrap: break-word;\n}\n\n.optionCaption-3d-V1 {\n font-size: 0.75rem;\n opacity: 0.6;\n font-weight: normal;\n text-align: center;\n}\n\n.optionContent-DS9Wc {\n min-width: 0;\n flex: 1;\n}\n\n.optionDescription-omLcU {\n font-size: 12px;\n min-width: 0;\n word-wrap: break-word;\n}\n\n.progressBar-RKPZp {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 1px solid #ddd;\n}\n\n.darkmode .progressBar-RKPZp {\n border-bottom-color: #444;\n}\n\n.progressBarFill--Shc9 {\n flex: 1;\n height: 6px;\n background: #e0e0e0;\n border-radius: 3px;\n overflow: hidden;\n}\n\n.darkmode .progressBarFill--Shc9 {\n background: #444;\n}\n\n.progressBarInner-agBx- {\n height: 100%;\n background: var(--diva-theme-palette-primary-main);\n transition: width 0.3s ease;\n}\n\n.progressText-LXaM7 {\n font-size: 14px;\n white-space: nowrap;\n}\n\n.backButton-qRYLD {\n padding: 8px 12px;\n border: 1px solid #ddd;\n background: #fff;\n border-radius: 4px;\n cursor: pointer;\n font-size: 14px;\n}\n\n.darkmode .backButton-qRYLD {\n border-color: #444;\n background: #2a2a2a;\n color: white;\n}\n\n.backButton-qRYLD:hover {\n background: #f5f5f5;\n}\n\n.darkmode .backButton-qRYLD:hover {\n background: #333;\n}\n\n.slider-ev57L {\n width: 100%;\n margin: 20px 0;\n}\n\n.sliderInput-xAXVM {\n width: 100%;\n height: 6px;\n border-radius: 3px;\n background: #e0e0e0;\n outline: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n.darkmode .sliderInput-xAXVM {\n background: #444;\n}\n\n.sliderInput-xAXVM::-webkit-slider-thumb,\n.sliderInput-xAXVM::-moz-range-thumb {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: var(--diva-theme-palette-primary-main);\n cursor: pointer;\n border: none;\n}\n\n.sliderInput-xAXVM::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n}\n\n.sliderValue-vwwNn {\n text-align: center;\n font-size: 16px;\n font-weight: 600;\n margin-top: 10px;\n}\n\n.dropdown-fst7q {\n width: 100%;\n padding: 12px;\n border: 2px solid #ddd;\n border-radius: 8px;\n font-size: 16px;\n background: #fff;\n cursor: pointer;\n}\n\n.darkmode .dropdown-fst7q {\n border-color: #444;\n background: #2a2a2a;\n color: white;\n}\n\n.radio-GesCu {\n display: flex;\n flex-direction: column;\n gap: 10px;\n min-width: 0;\n max-width: 100%;\n}\n\n.checkbox-xI7lT {\n display: flex;\n flex-direction: column;\n gap: 10px;\n min-width: 0;\n max-width: 100%;\n}\n\n.toggle-fi2uF {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.toggleButton-4myWl {\n flex: 1;\n min-width: 120px;\n padding: 15px;\n border: 2px solid #ddd;\n border-radius: 8px;\n background: #fff;\n cursor: pointer;\n transition: all 0.2s;\n text-align: center;\n font-weight: 500;\n}\n\n.darkmode .toggleButton-4myWl {\n border-color: #444;\n background: #2a2a2a;\n color: white;\n}\n\n.toggleButton-4myWl:hover {\n border-color: #999;\n background: #f9f9f9;\n}\n\n.darkmode .toggleButton-4myWl:hover {\n border-color: #666;\n background: #333;\n}\n\n.toggleButtonSelected-4SMtn {\n border-color: var(--diva-theme-palette-primary-main);\n background: var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.toggleButtonSelected-4SMtn:hover {\n border-color: var(--diva-theme-palette-primary-dark);\n background: var(--diva-theme-palette-primary-dark);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.resultContainer-sc6De {\n}\n\n.mobile .resultContainer-sc6De {\n padding: 4px;\n}\n\n.resultItem-84scA {\n display: flex;\n justify-content: space-between;\n padding: 15px;\n margin-bottom: 10px;\n background: #f5f5f5;\n border-radius: 8px;\n}\n\n.darkmode .resultItem-84scA {\n background: #2a2a2a;\n}\n\n.resultKey-qD5DS {\n font-weight: 600;\n}\n\n.resultValue-42tes {\n color: var(--diva-theme-palette-primary-main);\n font-weight: 500;\n}\n\n.buttonContainer-UZKoO {\n display: flex;\n gap: 10px;\n justify-content: flex-end;\n padding: 20px 0;\n border-top: 1px solid #ddd;\n}\n\n.navLeftGroup-JOQ3N {\n display: flex;\n gap: 10px;\n flex: 1;\n}\n\n.navRightGroup-mWCAz {\n display: flex;\n gap: 10px;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-end;\n flex-grow: 1;\n}\n\n.navButtonPadding-aX9-f {\n padding: 10px 20px;\n}\n\n.darkmode .buttonContainer-UZKoO {\n border-top-color: #444;\n}\n\n.button-CT3BR {\n padding: 10px 20px;\n border: 1px solid #ddd;\n border-radius: 4px;\n background: #fff;\n color: #000;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n transition: all 0.2s;\n}\n\n.darkmode .button-CT3BR {\n border-color: #444;\n background: #2a2a2a;\n color: white;\n}\n\n.button-CT3BR:hover:not(:disabled) {\n background: #f5f5f5;\n border-color: #999;\n}\n\n.darkmode .button-CT3BR:hover:not(:disabled) {\n background: #333;\n border-color: #666;\n}\n\n.button-CT3BR:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.buttonPrimary-b3Tur {\n background: var(--diva-theme-palette-primary-main);\n border-color: var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.buttonPrimary-b3Tur:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n}\n\n.buttonPrimaryApplied-90Q5- {\n background: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n}\n\n.buttonCancel-HA74N {\n background: transparent;\n border-color: #ddd;\n color: #666;\n}\n\n.darkmode .buttonCancel-HA74N {\n border-color: #444;\n color: #aaa;\n}\n\n.buttonCancel-HA74N:hover:not(:disabled) {\n background: #f5f5f5;\n border-color: #999;\n color: #333;\n}\n\n.darkmode .buttonCancel-HA74N:hover:not(:disabled) {\n background: #333;\n border-color: #666;\n color: white;\n}\n\n.headerContainer-fhFhh {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 40px;\n margin-bottom: 4px;\n position: relative;\n}\n\n.darkmode .headerContainer-fhFhh {\n border-bottom-color: #333;\n}\n\n/* Segmented control style tabs */\n.tabWrapper-ZqpAa {\n --tab-count: 2;\n display: flex;\n position: relative;\n flex-grow: 1;\n max-width: min(360px, 80%);\n min-width: 0;\n background: #f0f0f0;\n border-radius: 10px;\n padding: 3px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.darkmode .tabWrapper-ZqpAa {\n background: #333;\n}\n\n.tabSlider-d133A {\n position: absolute;\n top: 3px;\n left: 3px;\n width: calc((100% - 6px) / var(--tab-count));\n height: calc(100% - 6px);\n background: #fff;\n border-radius: 7px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n transition: transform 0.25s ease;\n pointer-events: none;\n}\n\n.darkmode .tabSlider-d133A {\n background: #404040;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n\n.tab-Cf5O4 {\n flex: 1;\n min-width: 0;\n padding: 8px 16px;\n border: none;\n outline: none;\n background: transparent;\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n color: #666;\n transition: color 0.25s ease;\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tab-Cf5O4:focus,\n.tab-Cf5O4.focus-visible-kxYL6,\n.tab-Cf5O4:hover,\n.tab-Cf5O4:active {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.tab-Cf5O4:focus,\n.tab-Cf5O4:focus-visible,\n.tab-Cf5O4:hover,\n.tab-Cf5O4:active {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.darkmode .tab-Cf5O4 {\n color: #999;\n}\n\n.tabActive-B4W84 {\n color: var(--diva-theme-palette-primary-main);\n}\n\n.tab-Cf5O4:hover:not(.tabActive-B4W84) {\n color: #333;\n}\n\n.darkmode .tab-Cf5O4:hover:not(.tabActive-B4W84) {\n color: #ccc;\n}\n\n.instanceNavContainer-0U7gZ {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-top: 32px;\n padding: 0;\n background: transparent;\n border-radius: 0;\n border: none;\n}\n\n.darkmode .instanceNavContainer-0U7gZ {\n background: transparent;\n border-color: transparent;\n}\n\n.instanceNavButtons-HMFdy {\n display: flex;\n flex-direction: row;\n gap: 16px;\n flex-wrap: wrap;\n}\n\n.buttonSecondary-Fs2ci {\n background: #fff;\n border: 1px solid var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-main);\n font-size: 14px;\n}\n\n.darkmode .buttonSecondary-Fs2ci {\n background: transparent;\n border-color: var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-main);\n}\n\n.buttonSecondary-Fs2ci:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-light);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.darkmode .buttonSecondary-Fs2ci:hover:not(:disabled) {\n background: color-mix(in srgb, var(--diva-theme-palette-primary-main) 10%, transparent);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.buttonWithArrow-PQQFS {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 24px;\n font-size: 16px;\n border-radius: 8px;\n height: auto;\n text-align: left;\n flex: 1;\n min-width: 250px;\n}\n\n.closeButton-Regwf {\n position: absolute;\n right: -8px;\n top: 50%;\n transform: translateY(-50%);\n background-color: rgba(255,255,255,0.8);\n border-radius: 50%;\n border: none;\n outline: none;\n cursor: pointer;\n padding: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #949daf;\n transition: color 0.2s;\n}\n\n.closeButton-Regwf:focus,\n.closeButton-Regwf.focus-visible-kxYL6,\n.closeButton-Regwf:hover,\n.closeButton-Regwf:active {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.closeButton-Regwf:focus,\n.closeButton-Regwf:focus-visible,\n.closeButton-Regwf:hover,\n.closeButton-Regwf:active {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.closeButton-Regwf:hover {\n color: #333;\n}\n\n.darkmode .closeButton-Regwf:hover {\n color: #fff;\n}\n\n/* Mobile Smaller Version */\n.mobile .container-nN2kI {\n padding: 12px;\n}\n\n.mobile .subContainer-x97eX {\n padding: 12px 0;\n}\n\n.mobile .featureLabel-q4sHn {\n font-size: 16px;\n margin-bottom: 8px;\n}\n\n.mobile .featureDescription-k4v-p {\n font-size: 13px;\n margin-bottom: 10px;\n}\n\n.mobile .optionButton-tRXEs {\n padding: 10px;\n}\n\n.mobile .optionLabel-oz4Zj {\n gap: 3px;\n}\n\n.mobile .optionDescription-omLcU {\n font-size: 11px;\n}\n\n.mobile .progressBar-RKPZp {\n gap: 8px;\n margin-bottom: 15px;\n padding-bottom: 10px;\n}\n\n.mobile .progressText-LXaM7 {\n font-size: 12px;\n}\n\n.mobile .backButton-qRYLD {\n padding: 6px 10px;\n font-size: 13px;\n}\n\n.mobile .sliderValue-vwwNn {\n font-size: 14px;\n}\n\n.mobile .dropdown-fst7q {\n padding: 10px;\n font-size: 14px;\n}\n\n.mobile .radioOption-sv3m6,\n.mobile .checkboxOption-UY3nL {\n padding: 10px;\n}\n\n.mobile .toggleButton-4myWl {\n padding: 10px;\n min-width: 90px;\n}\n\n.mobile .resultContainer-sc6De {\n padding: 0px;\n}\n\n.mobile .resultTitle-WVM2- {\n font-size: 20px;\n margin-bottom: 15px;\n}\n\n.mobile .resultItem-84scA {\n padding: 10px;\n}\n\n.mobile .buttonContainer-UZKoO {\n padding: 8px 0;\n margin-top: 6px;\n}\n\n.mobile .button-CT3BR {\n padding: 8px 16px;\n font-size: 13px;\n}\n\n.mobile .tab-Cf5O4 {\n padding: 6px 12px;\n font-size: 14px;\n}\n\n.mobile .instanceNavContainer-0U7gZ {\n padding: 10px;\n}\n\n.resultsGrid-s3UTE {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 30px;\n}\n\n.speedometer-kKRJQ {\n width: 100%;\n max-width: 250px;\n margin: 0 auto;\n aspect-ratio: 240 / 170;\n}\n\n.speedometerGroup-SS-GT {\n width: 100%;\n}\n\n.speedometerGroupTitle-4s2YI {\n text-align: center;\n margin-bottom: 4px;\n margin-top: 4px;\n}\n\n.speedometerGroupGrid-SNMAM {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 16px;\n}\n\n.speedometerGroupItem-a4T-A {\n text-align: center;\n flex: 1 1 40%;\n max-width: 45%;\n}\n\n.speedometerGroupItemTitle-N35gZ {\n margin-bottom: 4px;\n margin-top: 4px;\n}\n\n.speedometerValue-pbLcR {\n color: var(--diva-theme-palette-primary-main);\n stroke: var(--diva-theme-palette-primary-main);\n}\n\n.contentSection-dJgsX {\n padding-top: 8px;\n}\n\n.darkmode .contentSection-dJgsX {\n border-top-color: #333;\n}\n";
394
+ var css_248z = ".container-nN2kI {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n height: 100%;\n\n max-height: calc(100vh - 40px);\n padding: 12px;\n box-sizing: border-box;\n overflow: auto;\n}\n\n@supports (height: 100dvh) {\n .container-nN2kI {\n max-height: calc(100dvh - 40px);\n }\n}\n\n.subContainer-x97eX {\n flex: 1;\n padding: 12px 0;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.mobile .subContainer-x97eX {\n padding: 12px 0;\n gap: 4px;\n}\n\n.stickyHeader-V5orv {\n position: sticky;\n top: -12px;\n z-index: 10;\n background: #fff;\n margin: -12px -12px 0 -12px;\n padding: 12px 12px 0 12px;\n}\n\n.stickyHeaderSticky-5qqWo {\n position: sticky;\n top: -12px;\n z-index: 10;\n background: #fff;\n margin: -12px -12px 0 -12px;\n padding: 12px 12px 0 12px;\n}\n\n.darkmode .stickyHeader-V5orv {\n background: #1a1a1a;\n}\n\n.featureContainer-cTJH8 {\n min-width: 0;\n max-width: 100%;\n}\n\n.featureLabel-q4sHn {\n font-size: 18px;\n font-weight: 600;\n margin-bottom: 10px;\n word-wrap: break-word;\n}\n\n.featureRequired-tby4F {\n color: red;\n}\n\n.featureDescription-k4v-p,\n.optionDescription-omLcU,\n.progressText-LXaM7 {\n color: #666;\n}\n\n.darkmode .featureDescription-k4v-p,\n.darkmode .optionDescription-omLcU,\n.darkmode .progressText-LXaM7 {\n color: #aaa;\n}\n\n.featureDescription-k4v-p {\n font-size: 14px;\n margin-bottom: 15px;\n word-wrap: break-word;\n}\n\n.configDescription--0UjU,\n.resultDescription-7jW2U {\n font-size: 15px;\n color: #666;\n margin: 12px 0 0 0;\n word-wrap: break-word;\n}\n\n.mobile .configDescription--0UjU,\n.mobile .resultDescription-7jW2U {\n font-size: 14px;\n margin: 8px 0 0 0;\n}\n\n.darkmode .configDescription--0UjU,\n.darkmode .resultDescription-7jW2U {\n color: #aaa;\n}\n\n.optionsContainer-oIEc3 {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.optionsBox-TBnRq {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));\n grid-gap: 10px;\n gap: 10px;\n min-width: 0;\n max-width: 100%;\n}\n\n.optionsGallery-72aVW {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n grid-gap: 15px;\n gap: 15px;\n min-width: 0;\n max-width: 100%;\n}\n\n/* Shared selectable option base (optionButton, radioOption, checkboxOption) */\n.optionButton-tRXEs,\n.radioOption-sv3m6,\n.checkboxOption-UY3nL {\n padding: 12px;\n border: 2px solid #ddd;\n border-radius: 8px;\n background: #fff;\n cursor: pointer;\n transition: all 0.2s;\n min-width: 0;\n}\n\n.optionButton-tRXEs {\n padding: 15px;\n text-align: left;\n}\n\n.radioOption-sv3m6,\n.checkboxOption-UY3nL {\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.darkmode .optionButton-tRXEs,\n.darkmode .radioOption-sv3m6,\n.darkmode .checkboxOption-UY3nL {\n border-color: #444;\n background: #2a2a2a;\n}\n\n.optionButton-tRXEs:hover,\n.radioOption-sv3m6:hover,\n.checkboxOption-UY3nL:hover {\n border-color: #999;\n background: #f9f9f9;\n}\n\n.darkmode .optionButton-tRXEs:hover,\n.darkmode .radioOption-sv3m6:hover,\n.darkmode .checkboxOption-UY3nL:hover {\n border-color: #666;\n background: #333;\n}\n\n.optionButtonSelected-pjY9O,\n.radioOptionSelected-vm6bN,\n.checkboxOptionSelected-DuZGL {\n border-color: var(--diva-theme-palette-primary-main);\n background: var(--diva-theme-palette-primary-light);\n}\n\n.darkmode .optionButtonSelected-pjY9O,\n.darkmode .radioOptionSelected-vm6bN,\n.darkmode .checkboxOptionSelected-DuZGL {\n border-color: var(--diva-theme-palette-primary-main);\n background: var(--diva-theme-palette-primary-dark);\n}\n\n.optionButtonSelected-pjY9O:hover,\n.radioOptionSelected-vm6bN:hover,\n.checkboxOptionSelected-DuZGL:hover {\n border-color: var(--diva-theme-palette-primary-dark);\n background: var(--diva-theme-palette-primary-light);\n}\n\n.darkmode .optionButtonSelected-pjY9O:hover,\n.darkmode .radioOptionSelected-vm6bN:hover,\n.darkmode .checkboxOptionSelected-DuZGL:hover {\n border-color: var(--diva-theme-palette-primary-main);\n background: var(--diva-theme-palette-primary-dark);\n}\n\n.optionLabel-oz4Zj {\n font-weight: 500;\n display: flex;\n align-items: center;\n justify-self: start;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n min-width: 0;\n word-wrap: break-word;\n}\n\n.optionImage-LZqek {\n display: block;\n width: 100%;\n max-height: 120px;\n -o-object-fit: contain;\n object-fit: contain;\n margin-bottom: 8px;\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.mobile .optionImage-LZqek {\n max-height: 90px;\n margin-bottom: 6px;\n}\n\n.optionCaption-3d-V1 {\n font-size: 0.75rem;\n opacity: 0.6;\n font-weight: normal;\n text-align: center;\n}\n\n.optionContent-DS9Wc {\n min-width: 0;\n flex: 1;\n}\n\n.optionDescription-omLcU {\n font-size: 12px;\n min-width: 0;\n word-wrap: break-word;\n}\n\n.progressBar-RKPZp {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 1px solid #ddd;\n}\n\n.darkmode .progressBar-RKPZp {\n border-bottom-color: #444;\n}\n\n.progressBarFill--Shc9 {\n flex: 1;\n height: 6px;\n background: #e0e0e0;\n border-radius: 3px;\n overflow: hidden;\n}\n\n.darkmode .progressBarFill--Shc9 {\n background: #444;\n}\n\n.progressBarInner-agBx- {\n height: 100%;\n background: var(--diva-theme-palette-primary-main);\n transition: width 0.3s ease;\n}\n\n.progressText-LXaM7 {\n font-size: 14px;\n white-space: nowrap;\n}\n\n.backButton-qRYLD {\n padding: 8px 12px;\n border: 1px solid #ddd;\n background: #fff;\n border-radius: 4px;\n cursor: pointer;\n font-size: 14px;\n}\n\n.darkmode .backButton-qRYLD {\n border-color: #444;\n background: #2a2a2a;\n color: white;\n}\n\n.backButton-qRYLD:hover {\n background: #f5f5f5;\n}\n\n.darkmode .backButton-qRYLD:hover {\n background: #333;\n}\n\n.slider-ev57L {\n width: 100%;\n margin: 20px 0;\n}\n\n.sliderInput-xAXVM {\n width: 100%;\n height: 6px;\n border-radius: 3px;\n background: #e0e0e0;\n outline: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n.darkmode .sliderInput-xAXVM {\n background: #444;\n}\n\n.sliderInput-xAXVM::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: var(--diva-theme-palette-primary-main);\n cursor: pointer;\n border: none;\n}\n\n.sliderInput-xAXVM::-moz-range-thumb {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: var(--diva-theme-palette-primary-main);\n cursor: pointer;\n border: none;\n}\n\n.sliderValue-vwwNn {\n text-align: center;\n font-size: 16px;\n font-weight: 600;\n margin-top: 10px;\n}\n\n.dropdown-fst7q {\n width: 100%;\n padding: 12px;\n border: 2px solid #ddd;\n border-radius: 8px;\n font-size: 16px;\n background: #fff;\n cursor: pointer;\n}\n\n.darkmode .dropdown-fst7q {\n border-color: #444;\n background: #2a2a2a;\n color: white;\n}\n\n.radio-GesCu {\n display: flex;\n flex-direction: column;\n gap: 10px;\n min-width: 0;\n max-width: 100%;\n}\n\n.checkbox-xI7lT {\n display: flex;\n flex-direction: column;\n gap: 10px;\n min-width: 0;\n max-width: 100%;\n}\n\n.toggle-fi2uF {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.toggleButton-4myWl {\n flex: 1;\n min-width: 120px;\n padding: 15px;\n border: 2px solid #ddd;\n border-radius: 8px;\n background: #fff;\n cursor: pointer;\n transition: all 0.2s;\n text-align: center;\n font-weight: 500;\n}\n\n.darkmode .toggleButton-4myWl {\n border-color: #444;\n background: #2a2a2a;\n color: white;\n}\n\n.toggleButton-4myWl:hover {\n border-color: #999;\n background: #f9f9f9;\n}\n\n.darkmode .toggleButton-4myWl:hover {\n border-color: #666;\n background: #333;\n}\n\n.toggleButtonSelected-4SMtn {\n border-color: var(--diva-theme-palette-primary-main);\n background: var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.toggleButtonSelected-4SMtn:hover {\n border-color: var(--diva-theme-palette-primary-dark);\n background: var(--diva-theme-palette-primary-dark);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.resultContainer-sc6De {\n}\n\n.mobile .resultContainer-sc6De {\n padding: 4px;\n}\n\n.resultItem-84scA {\n display: flex;\n justify-content: space-between;\n padding: 15px;\n margin-bottom: 10px;\n background: #f5f5f5;\n border-radius: 8px;\n}\n\n.darkmode .resultItem-84scA {\n background: #2a2a2a;\n}\n\n.resultKey-qD5DS {\n font-weight: 600;\n}\n\n.resultValue-42tes {\n color: var(--diva-theme-palette-primary-main);\n font-weight: 500;\n}\n\n.buttonContainer-UZKoO {\n display: flex;\n gap: 10px;\n justify-content: flex-end;\n padding: 20px 0;\n border-top: 1px solid #ddd;\n}\n\n.navLeftGroup-JOQ3N {\n display: flex;\n gap: 10px;\n flex: 1;\n}\n\n.navRightGroup-mWCAz {\n display: flex;\n gap: 10px;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-end;\n flex-grow: 1;\n}\n\n.navButtonPadding-aX9-f {\n padding: 10px 20px;\n}\n\n.darkmode .buttonContainer-UZKoO {\n border-top-color: #444;\n}\n\n.button-CT3BR {\n padding: 10px 20px;\n border: 1px solid #ddd;\n border-radius: 4px;\n background: #fff;\n color: #000;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n transition: all 0.2s;\n}\n\n.darkmode .button-CT3BR {\n border-color: #444;\n background: #2a2a2a;\n color: white;\n}\n\n.button-CT3BR:hover:not(:disabled) {\n background: #f5f5f5;\n border-color: #999;\n}\n\n.darkmode .button-CT3BR:hover:not(:disabled) {\n background: #333;\n border-color: #666;\n}\n\n.button-CT3BR:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.buttonPrimary-b3Tur {\n background: var(--diva-theme-palette-primary-main);\n border-color: var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.buttonPrimary-b3Tur:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n}\n\n.buttonPrimaryApplied-90Q5- {\n background: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n}\n\n.buttonCancel-HA74N {\n background: transparent;\n border-color: #ddd;\n color: #666;\n}\n\n.darkmode .buttonCancel-HA74N {\n border-color: #444;\n color: #aaa;\n}\n\n.buttonCancel-HA74N:hover:not(:disabled) {\n background: #f5f5f5;\n border-color: #999;\n color: #333;\n}\n\n.darkmode .buttonCancel-HA74N:hover:not(:disabled) {\n background: #333;\n border-color: #666;\n color: white;\n}\n\n.headerContainer-fhFhh {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 40px;\n margin-bottom: 4px;\n position: relative;\n}\n\n.darkmode .headerContainer-fhFhh {\n border-bottom-color: #333;\n}\n\n/* Segmented control style tabs */\n.tabWrapper-ZqpAa {\n --tab-count: 2;\n display: flex;\n position: relative;\n flex-grow: 1;\n max-width: min(360px, 80%);\n min-width: 0;\n background: #f0f0f0;\n border-radius: 10px;\n padding: 3px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.darkmode .tabWrapper-ZqpAa {\n background: #333;\n}\n\n.tabSlider-d133A {\n position: absolute;\n top: 3px;\n left: 3px;\n width: calc((100% - 6px) / var(--tab-count));\n height: calc(100% - 6px);\n background: #fff;\n border-radius: 7px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n transition: transform 0.25s ease;\n pointer-events: none;\n}\n\n.darkmode .tabSlider-d133A {\n background: #404040;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n\n.tab-Cf5O4 {\n flex: 1;\n min-width: 0;\n padding: 8px 16px;\n border: none;\n outline: none;\n background: transparent;\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n color: #666;\n transition: color 0.25s ease;\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tab-Cf5O4:focus,\n.tab-Cf5O4.focus-visible-kxYL6,\n.tab-Cf5O4:hover,\n.tab-Cf5O4:active {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.tab-Cf5O4:focus,\n.tab-Cf5O4:focus-visible,\n.tab-Cf5O4:hover,\n.tab-Cf5O4:active {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.darkmode .tab-Cf5O4 {\n color: #999;\n}\n\n.tabActive-B4W84 {\n color: var(--diva-theme-palette-primary-main);\n}\n\n.tab-Cf5O4:hover:not(.tabActive-B4W84) {\n color: #333;\n}\n\n.darkmode .tab-Cf5O4:hover:not(.tabActive-B4W84) {\n color: #ccc;\n}\n\n.instanceNavContainer-0U7gZ {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-top: 32px;\n padding: 0;\n background: transparent;\n border-radius: 0;\n border: none;\n}\n\n.darkmode .instanceNavContainer-0U7gZ {\n background: transparent;\n border-color: transparent;\n}\n\n.instanceNavButtons-HMFdy {\n display: flex;\n flex-direction: row;\n gap: 16px;\n flex-wrap: wrap;\n}\n\n.buttonSecondary-Fs2ci {\n background: #fff;\n border: 1px solid var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-main);\n font-size: 14px;\n}\n\n.darkmode .buttonSecondary-Fs2ci {\n background: transparent;\n border-color: var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-main);\n}\n\n.buttonSecondary-Fs2ci:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-light);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.darkmode .buttonSecondary-Fs2ci:hover:not(:disabled) {\n background: color-mix(in srgb, var(--diva-theme-palette-primary-main) 10%, transparent);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.buttonWithArrow-PQQFS {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 24px;\n font-size: 16px;\n border-radius: 8px;\n height: auto;\n text-align: left;\n flex: 1;\n min-width: 250px;\n}\n\n.closeButton-Regwf {\n position: absolute;\n right: -8px;\n top: 50%;\n transform: translateY(-50%);\n background-color: rgba(255,255,255,0.8);\n border-radius: 50%;\n border: none;\n outline: none;\n cursor: pointer;\n padding: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #949daf;\n transition: color 0.2s;\n}\n\n.closeButton-Regwf:focus,\n.closeButton-Regwf.focus-visible-kxYL6,\n.closeButton-Regwf:hover,\n.closeButton-Regwf:active {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.closeButton-Regwf:focus,\n.closeButton-Regwf:focus-visible,\n.closeButton-Regwf:hover,\n.closeButton-Regwf:active {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.closeButton-Regwf:hover {\n color: #333;\n}\n\n.darkmode .closeButton-Regwf:hover {\n color: #fff;\n}\n\n/* Mobile Smaller Version */\n.mobile .container-nN2kI {\n padding: 12px;\n}\n\n.mobile .subContainer-x97eX {\n padding: 12px 0;\n}\n\n.mobile .featureLabel-q4sHn {\n font-size: 16px;\n margin-bottom: 8px;\n}\n\n.mobile .featureDescription-k4v-p {\n font-size: 13px;\n margin-bottom: 10px;\n}\n\n.mobile .optionButton-tRXEs {\n padding: 10px;\n}\n\n.mobile .optionLabel-oz4Zj {\n gap: 3px;\n}\n\n.mobile .optionDescription-omLcU {\n font-size: 11px;\n}\n\n.mobile .progressBar-RKPZp {\n gap: 8px;\n margin-bottom: 15px;\n padding-bottom: 10px;\n}\n\n.mobile .progressText-LXaM7 {\n font-size: 12px;\n}\n\n.mobile .backButton-qRYLD {\n padding: 6px 10px;\n font-size: 13px;\n}\n\n.mobile .sliderValue-vwwNn {\n font-size: 14px;\n}\n\n.mobile .dropdown-fst7q {\n padding: 10px;\n font-size: 14px;\n}\n\n.mobile .radioOption-sv3m6,\n.mobile .checkboxOption-UY3nL {\n padding: 10px;\n}\n\n.mobile .toggleButton-4myWl {\n padding: 10px;\n min-width: 90px;\n}\n\n.mobile .resultContainer-sc6De {\n padding: 0px;\n}\n\n.mobile .resultTitle-WVM2- {\n font-size: 20px;\n margin-bottom: 15px;\n}\n\n.mobile .resultItem-84scA {\n padding: 10px;\n}\n\n.mobile .buttonContainer-UZKoO {\n padding: 8px 0;\n margin-top: 6px;\n}\n\n.mobile .button-CT3BR {\n padding: 8px 16px;\n font-size: 13px;\n}\n\n.mobile .tab-Cf5O4 {\n padding: 6px 12px;\n font-size: 14px;\n}\n\n.mobile .instanceNavContainer-0U7gZ {\n padding: 10px;\n}\n\n.resultsGrid-s3UTE {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 30px;\n}\n\n.speedometer-kKRJQ {\n width: 100%;\n max-width: 250px;\n margin: 0 auto;\n aspect-ratio: 240 / 170;\n}\n\n.speedometerGroup-SS-GT {\n width: 100%;\n}\n\n.speedometerGroupTitle-4s2YI {\n text-align: center;\n margin-bottom: 4px;\n margin-top: 4px;\n}\n\n.speedometerGroupGrid-SNMAM {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 16px;\n}\n\n.speedometerGroupItem-a4T-A {\n text-align: center;\n flex: 1 1 40%;\n max-width: 45%;\n}\n\n.speedometerGroupItemTitle-N35gZ {\n margin-bottom: 4px;\n margin-top: 4px;\n}\n\n.speedometerValue-pbLcR {\n color: var(--diva-theme-palette-primary-main);\n stroke: var(--diva-theme-palette-primary-main);\n}\n\n.contentSection-dJgsX {\n padding-top: 8px;\n}\n\n.darkmode .contentSection-dJgsX {\n border-top-color: #333;\n}\n";
394
395
  styleInject(css_248z);
395
396
 
396
397
  var RangeLayout = function RangeLayout(_ref) {
397
- var _range$unit, _range$unit2, _range$unit3;
398
+ var _range$defaultValue, _range$unit, _range$unit2, _range$unit3;
398
399
  var option = _ref.option,
399
400
  selectedOptions = _ref.selectedOptions,
400
401
  onSelect = _ref.onSelect,
@@ -404,15 +405,14 @@ var RangeLayout = function RangeLayout(_ref) {
404
405
  var language = i18n.language;
405
406
  var range = option.range;
406
407
  if (!range) return null;
407
- var _useState = react.useState(selectedOptions[0] ? Number(selectedOptions[0]) : range.defaultValue || range.min),
408
- _useState2 = _slicedToArray__default["default"](_useState, 2),
409
- value = _useState2[0],
410
- setValue = _useState2[1];
408
+
409
+ // Controlled component: value derived from props, not local state. This way,
410
+ // switching instances (e.g. Du → PartnerIn) immediately reflects the new instance's
411
+ // stored selection or falls back to the default.
412
+ var value = selectedOptions[0] !== undefined && selectedOptions[0] !== '' ? Number(selectedOptions[0]) : (_range$defaultValue = range.defaultValue) !== null && _range$defaultValue !== void 0 ? _range$defaultValue : range.min;
411
413
  var caption = getOptionCaption(option);
412
414
  var handleChange = function handleChange(e) {
413
- var newValue = Number(e.target.value);
414
- setValue(newValue);
415
- onSelect([String(newValue)]);
415
+ onSelect([String(Number(e.target.value))]);
416
416
  };
417
417
  var unit = ((_range$unit = range.unit) === null || _range$unit === void 0 ? void 0 : _range$unit[language]) || ((_range$unit2 = range.unit) === null || _range$unit2 === void 0 ? void 0 : _range$unit2.en) || ((_range$unit3 = range.unit) === null || _range$unit3 === void 0 ? void 0 : _range$unit3.de) || '';
418
418
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -560,12 +560,16 @@ var ButtonGroupLayout = function ButtonGroupLayout(_ref) {
560
560
  var description = getOptionDescription(option);
561
561
  var caption = getOptionCaption(option);
562
562
  if (isToggle) {
563
- return /*#__PURE__*/jsxRuntime.jsx("button", {
563
+ return /*#__PURE__*/jsxRuntime.jsxs("button", {
564
564
  className: isSelected ? "".concat(itemClass, " ").concat(selectedItemClass) : itemClass,
565
565
  onClick: function onClick() {
566
566
  return onSelect(option.codex);
567
567
  },
568
- children: /*#__PURE__*/jsxRuntime.jsxs("div", {
568
+ children: [option.image && /*#__PURE__*/jsxRuntime.jsx("img", {
569
+ src: option.image,
570
+ alt: "",
571
+ className: optionImage
572
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
569
573
  className: optionLabel,
570
574
  style: layoutConfig !== null && layoutConfig !== void 0 && layoutConfig.optionLabelFontSize ? {
571
575
  fontSize: layoutConfig === null || layoutConfig === void 0 ? void 0 : layoutConfig.optionLabelFontSize
@@ -580,7 +584,7 @@ var ButtonGroupLayout = function ButtonGroupLayout(_ref) {
580
584
  __html: " ".concat(caption)
581
585
  }
582
586
  })]
583
- })
587
+ })]
584
588
  }, option.codex);
585
589
  }
586
590
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -588,7 +592,11 @@ var ButtonGroupLayout = function ButtonGroupLayout(_ref) {
588
592
  onClick: function onClick() {
589
593
  return onSelect(option.codex);
590
594
  },
591
- children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
595
+ children: [option.image && /*#__PURE__*/jsxRuntime.jsx("img", {
596
+ src: option.image,
597
+ alt: "",
598
+ className: optionImage
599
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
592
600
  className: optionLabel,
593
601
  style: layoutConfig !== null && layoutConfig !== void 0 && layoutConfig.optionLabelFontSize ? {
594
602
  fontSize: layoutConfig === null || layoutConfig === void 0 ? void 0 : layoutConfig.optionLabelFontSize
package/build/esm/index.js CHANGED
@@ -4,8 +4,8 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
4
4
  import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
5
5
  import _createClass from '@babel/runtime/helpers/createClass';
6
6
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
7
- import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
8
7
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
8
+ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
9
9
  import _typeof from '@babel/runtime/helpers/typeof';
10
10
  import classNames from 'classnames';
11
11
 
@@ -335,6 +335,7 @@ var optionButtonSelected = "optionButtonSelected-pjY9O";
335
335
  var radioOptionSelected = "radioOptionSelected-vm6bN";
336
336
  var checkboxOptionSelected = "checkboxOptionSelected-DuZGL";
337
337
  var optionLabel = "optionLabel-oz4Zj";
338
+ var optionImage = "optionImage-LZqek";
338
339
  var optionCaption = "optionCaption-3d-V1";
339
340
  var optionContent = "optionContent-DS9Wc";
340
341
  var progressBar = "progressBar-RKPZp";
@@ -376,11 +377,11 @@ var speedometerGroupGrid = "speedometerGroupGrid-SNMAM";
376
377
  var speedometerGroupItem = "speedometerGroupItem-a4T-A";
377
378
  var speedometerGroupItemTitle = "speedometerGroupItemTitle-N35gZ";
378
379
  var contentSection = "contentSection-dJgsX";
379
- var css_248z = ".container-nN2kI {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n height: 100%;\n\n max-height: calc(100vh - 40px);\n padding: 12px;\n box-sizing: border-box;\n overflow: auto;\n}\n\n@supports (height: 100dvh) {\n .container-nN2kI {\n max-height: calc(100dvh - 40px);\n }\n}\n\n.subContainer-x97eX {\n flex: 1;\n padding: 12px 0;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.mobile .subContainer-x97eX {\n padding: 12px 0;\n gap: 4px;\n}\n\n.stickyHeader-V5orv {\n position: sticky;\n top: -12px;\n z-index: 10;\n background: #fff;\n margin: -12px -12px 0 -12px;\n padding: 12px 12px 0 12px;\n}\n\n.stickyHeaderSticky-5qqWo {\n position: sticky;\n top: -12px;\n z-index: 10;\n background: #fff;\n margin: -12px -12px 0 -12px;\n padding: 12px 12px 0 12px;\n}\n\n.darkmode .stickyHeader-V5orv {\n background: #1a1a1a;\n}\n\n.featureContainer-cTJH8 {\n min-width: 0;\n max-width: 100%;\n}\n\n.featureLabel-q4sHn {\n font-size: 18px;\n font-weight: 600;\n margin-bottom: 10px;\n word-wrap: break-word;\n}\n\n.featureRequired-tby4F {\n color: red;\n}\n\n.featureDescription-k4v-p,\n.optionDescription-omLcU,\n.progressText-LXaM7 {\n color: #666;\n}\n\n.darkmode .featureDescription-k4v-p,\n.darkmode .optionDescription-omLcU,\n.darkmode .progressText-LXaM7 {\n color: #aaa;\n}\n\n.featureDescription-k4v-p {\n font-size: 14px;\n margin-bottom: 15px;\n word-wrap: break-word;\n}\n\n.configDescription--0UjU,\n.resultDescription-7jW2U {\n font-size: 15px;\n color: #666;\n margin: 12px 0 0 0;\n word-wrap: break-word;\n}\n\n.mobile .configDescription--0UjU,\n.mobile .resultDescription-7jW2U {\n font-size: 14px;\n margin: 8px 0 0 0;\n}\n\n.darkmode .configDescription--0UjU,\n.darkmode .resultDescription-7jW2U {\n color: #aaa;\n}\n\n.optionsContainer-oIEc3 {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.optionsBox-TBnRq {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));\n grid-gap: 10px;\n gap: 10px;\n min-width: 0;\n max-width: 100%;\n}\n\n.optionsGallery-72aVW {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n grid-gap: 15px;\n gap: 15px;\n min-width: 0;\n max-width: 100%;\n}\n\n/* Shared selectable option base (optionButton, radioOption, checkboxOption) */\n.optionButton-tRXEs,\n.radioOption-sv3m6,\n.checkboxOption-UY3nL {\n padding: 12px;\n border: 2px solid #ddd;\n border-radius: 8px;\n background: #fff;\n cursor: pointer;\n transition: all 0.2s;\n min-width: 0;\n}\n\n.optionButton-tRXEs {\n padding: 15px;\n text-align: left;\n}\n\n.radioOption-sv3m6,\n.checkboxOption-UY3nL {\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.darkmode .optionButton-tRXEs,\n.darkmode .radioOption-sv3m6,\n.darkmode .checkboxOption-UY3nL {\n border-color: #444;\n background: #2a2a2a;\n}\n\n.optionButton-tRXEs:hover,\n.radioOption-sv3m6:hover,\n.checkboxOption-UY3nL:hover {\n border-color: #999;\n background: #f9f9f9;\n}\n\n.darkmode .optionButton-tRXEs:hover,\n.darkmode .radioOption-sv3m6:hover,\n.darkmode .checkboxOption-UY3nL:hover {\n border-color: #666;\n background: #333;\n}\n\n.optionButtonSelected-pjY9O,\n.radioOptionSelected-vm6bN,\n.checkboxOptionSelected-DuZGL {\n border-color: var(--diva-theme-palette-primary-main);\n background: var(--diva-theme-palette-primary-light);\n}\n\n.darkmode .optionButtonSelected-pjY9O,\n.darkmode .radioOptionSelected-vm6bN,\n.darkmode .checkboxOptionSelected-DuZGL {\n border-color: var(--diva-theme-palette-primary-main);\n background: var(--diva-theme-palette-primary-dark);\n}\n\n.optionButtonSelected-pjY9O:hover,\n.radioOptionSelected-vm6bN:hover,\n.checkboxOptionSelected-DuZGL:hover {\n border-color: var(--diva-theme-palette-primary-dark);\n background: var(--diva-theme-palette-primary-light);\n}\n\n.darkmode .optionButtonSelected-pjY9O:hover,\n.darkmode .radioOptionSelected-vm6bN:hover,\n.darkmode .checkboxOptionSelected-DuZGL:hover {\n border-color: var(--diva-theme-palette-primary-main);\n background: var(--diva-theme-palette-primary-dark);\n}\n\n.optionLabel-oz4Zj {\n font-weight: 500;\n display: flex;\n align-items: center;\n justify-self: start;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n min-width: 0;\n word-wrap: break-word;\n}\n\n.optionCaption-3d-V1 {\n font-size: 0.75rem;\n opacity: 0.6;\n font-weight: normal;\n text-align: center;\n}\n\n.optionContent-DS9Wc {\n min-width: 0;\n flex: 1;\n}\n\n.optionDescription-omLcU {\n font-size: 12px;\n min-width: 0;\n word-wrap: break-word;\n}\n\n.progressBar-RKPZp {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 1px solid #ddd;\n}\n\n.darkmode .progressBar-RKPZp {\n border-bottom-color: #444;\n}\n\n.progressBarFill--Shc9 {\n flex: 1;\n height: 6px;\n background: #e0e0e0;\n border-radius: 3px;\n overflow: hidden;\n}\n\n.darkmode .progressBarFill--Shc9 {\n background: #444;\n}\n\n.progressBarInner-agBx- {\n height: 100%;\n background: var(--diva-theme-palette-primary-main);\n transition: width 0.3s ease;\n}\n\n.progressText-LXaM7 {\n font-size: 14px;\n white-space: nowrap;\n}\n\n.backButton-qRYLD {\n padding: 8px 12px;\n border: 1px solid #ddd;\n background: #fff;\n border-radius: 4px;\n cursor: pointer;\n font-size: 14px;\n}\n\n.darkmode .backButton-qRYLD {\n border-color: #444;\n background: #2a2a2a;\n color: white;\n}\n\n.backButton-qRYLD:hover {\n background: #f5f5f5;\n}\n\n.darkmode .backButton-qRYLD:hover {\n background: #333;\n}\n\n.slider-ev57L {\n width: 100%;\n margin: 20px 0;\n}\n\n.sliderInput-xAXVM {\n width: 100%;\n height: 6px;\n border-radius: 3px;\n background: #e0e0e0;\n outline: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n.darkmode .sliderInput-xAXVM {\n background: #444;\n}\n\n.sliderInput-xAXVM::-webkit-slider-thumb,\n.sliderInput-xAXVM::-moz-range-thumb {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: var(--diva-theme-palette-primary-main);\n cursor: pointer;\n border: none;\n}\n\n.sliderInput-xAXVM::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n}\n\n.sliderValue-vwwNn {\n text-align: center;\n font-size: 16px;\n font-weight: 600;\n margin-top: 10px;\n}\n\n.dropdown-fst7q {\n width: 100%;\n padding: 12px;\n border: 2px solid #ddd;\n border-radius: 8px;\n font-size: 16px;\n background: #fff;\n cursor: pointer;\n}\n\n.darkmode .dropdown-fst7q {\n border-color: #444;\n background: #2a2a2a;\n color: white;\n}\n\n.radio-GesCu {\n display: flex;\n flex-direction: column;\n gap: 10px;\n min-width: 0;\n max-width: 100%;\n}\n\n.checkbox-xI7lT {\n display: flex;\n flex-direction: column;\n gap: 10px;\n min-width: 0;\n max-width: 100%;\n}\n\n.toggle-fi2uF {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.toggleButton-4myWl {\n flex: 1;\n min-width: 120px;\n padding: 15px;\n border: 2px solid #ddd;\n border-radius: 8px;\n background: #fff;\n cursor: pointer;\n transition: all 0.2s;\n text-align: center;\n font-weight: 500;\n}\n\n.darkmode .toggleButton-4myWl {\n border-color: #444;\n background: #2a2a2a;\n color: white;\n}\n\n.toggleButton-4myWl:hover {\n border-color: #999;\n background: #f9f9f9;\n}\n\n.darkmode .toggleButton-4myWl:hover {\n border-color: #666;\n background: #333;\n}\n\n.toggleButtonSelected-4SMtn {\n border-color: var(--diva-theme-palette-primary-main);\n background: var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.toggleButtonSelected-4SMtn:hover {\n border-color: var(--diva-theme-palette-primary-dark);\n background: var(--diva-theme-palette-primary-dark);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.resultContainer-sc6De {\n}\n\n.mobile .resultContainer-sc6De {\n padding: 4px;\n}\n\n.resultItem-84scA {\n display: flex;\n justify-content: space-between;\n padding: 15px;\n margin-bottom: 10px;\n background: #f5f5f5;\n border-radius: 8px;\n}\n\n.darkmode .resultItem-84scA {\n background: #2a2a2a;\n}\n\n.resultKey-qD5DS {\n font-weight: 600;\n}\n\n.resultValue-42tes {\n color: var(--diva-theme-palette-primary-main);\n font-weight: 500;\n}\n\n.buttonContainer-UZKoO {\n display: flex;\n gap: 10px;\n justify-content: flex-end;\n padding: 20px 0;\n border-top: 1px solid #ddd;\n}\n\n.navLeftGroup-JOQ3N {\n display: flex;\n gap: 10px;\n flex: 1;\n}\n\n.navRightGroup-mWCAz {\n display: flex;\n gap: 10px;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-end;\n flex-grow: 1;\n}\n\n.navButtonPadding-aX9-f {\n padding: 10px 20px;\n}\n\n.darkmode .buttonContainer-UZKoO {\n border-top-color: #444;\n}\n\n.button-CT3BR {\n padding: 10px 20px;\n border: 1px solid #ddd;\n border-radius: 4px;\n background: #fff;\n color: #000;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n transition: all 0.2s;\n}\n\n.darkmode .button-CT3BR {\n border-color: #444;\n background: #2a2a2a;\n color: white;\n}\n\n.button-CT3BR:hover:not(:disabled) {\n background: #f5f5f5;\n border-color: #999;\n}\n\n.darkmode .button-CT3BR:hover:not(:disabled) {\n background: #333;\n border-color: #666;\n}\n\n.button-CT3BR:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.buttonPrimary-b3Tur {\n background: var(--diva-theme-palette-primary-main);\n border-color: var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.buttonPrimary-b3Tur:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n}\n\n.buttonPrimaryApplied-90Q5- {\n background: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n}\n\n.buttonCancel-HA74N {\n background: transparent;\n border-color: #ddd;\n color: #666;\n}\n\n.darkmode .buttonCancel-HA74N {\n border-color: #444;\n color: #aaa;\n}\n\n.buttonCancel-HA74N:hover:not(:disabled) {\n background: #f5f5f5;\n border-color: #999;\n color: #333;\n}\n\n.darkmode .buttonCancel-HA74N:hover:not(:disabled) {\n background: #333;\n border-color: #666;\n color: white;\n}\n\n.headerContainer-fhFhh {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 40px;\n margin-bottom: 4px;\n position: relative;\n}\n\n.darkmode .headerContainer-fhFhh {\n border-bottom-color: #333;\n}\n\n/* Segmented control style tabs */\n.tabWrapper-ZqpAa {\n --tab-count: 2;\n display: flex;\n position: relative;\n flex-grow: 1;\n max-width: min(360px, 80%);\n min-width: 0;\n background: #f0f0f0;\n border-radius: 10px;\n padding: 3px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.darkmode .tabWrapper-ZqpAa {\n background: #333;\n}\n\n.tabSlider-d133A {\n position: absolute;\n top: 3px;\n left: 3px;\n width: calc((100% - 6px) / var(--tab-count));\n height: calc(100% - 6px);\n background: #fff;\n border-radius: 7px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n transition: transform 0.25s ease;\n pointer-events: none;\n}\n\n.darkmode .tabSlider-d133A {\n background: #404040;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n\n.tab-Cf5O4 {\n flex: 1;\n min-width: 0;\n padding: 8px 16px;\n border: none;\n outline: none;\n background: transparent;\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n color: #666;\n transition: color 0.25s ease;\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tab-Cf5O4:focus,\n.tab-Cf5O4.focus-visible-kxYL6,\n.tab-Cf5O4:hover,\n.tab-Cf5O4:active {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.tab-Cf5O4:focus,\n.tab-Cf5O4:focus-visible,\n.tab-Cf5O4:hover,\n.tab-Cf5O4:active {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.darkmode .tab-Cf5O4 {\n color: #999;\n}\n\n.tabActive-B4W84 {\n color: var(--diva-theme-palette-primary-main);\n}\n\n.tab-Cf5O4:hover:not(.tabActive-B4W84) {\n color: #333;\n}\n\n.darkmode .tab-Cf5O4:hover:not(.tabActive-B4W84) {\n color: #ccc;\n}\n\n.instanceNavContainer-0U7gZ {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-top: 32px;\n padding: 0;\n background: transparent;\n border-radius: 0;\n border: none;\n}\n\n.darkmode .instanceNavContainer-0U7gZ {\n background: transparent;\n border-color: transparent;\n}\n\n.instanceNavButtons-HMFdy {\n display: flex;\n flex-direction: row;\n gap: 16px;\n flex-wrap: wrap;\n}\n\n.buttonSecondary-Fs2ci {\n background: #fff;\n border: 1px solid var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-main);\n font-size: 14px;\n}\n\n.darkmode .buttonSecondary-Fs2ci {\n background: transparent;\n border-color: var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-main);\n}\n\n.buttonSecondary-Fs2ci:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-light);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.darkmode .buttonSecondary-Fs2ci:hover:not(:disabled) {\n background: color-mix(in srgb, var(--diva-theme-palette-primary-main) 10%, transparent);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.buttonWithArrow-PQQFS {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 24px;\n font-size: 16px;\n border-radius: 8px;\n height: auto;\n text-align: left;\n flex: 1;\n min-width: 250px;\n}\n\n.closeButton-Regwf {\n position: absolute;\n right: -8px;\n top: 50%;\n transform: translateY(-50%);\n background-color: rgba(255,255,255,0.8);\n border-radius: 50%;\n border: none;\n outline: none;\n cursor: pointer;\n padding: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #949daf;\n transition: color 0.2s;\n}\n\n.closeButton-Regwf:focus,\n.closeButton-Regwf.focus-visible-kxYL6,\n.closeButton-Regwf:hover,\n.closeButton-Regwf:active {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.closeButton-Regwf:focus,\n.closeButton-Regwf:focus-visible,\n.closeButton-Regwf:hover,\n.closeButton-Regwf:active {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.closeButton-Regwf:hover {\n color: #333;\n}\n\n.darkmode .closeButton-Regwf:hover {\n color: #fff;\n}\n\n/* Mobile Smaller Version */\n.mobile .container-nN2kI {\n padding: 12px;\n}\n\n.mobile .subContainer-x97eX {\n padding: 12px 0;\n}\n\n.mobile .featureLabel-q4sHn {\n font-size: 16px;\n margin-bottom: 8px;\n}\n\n.mobile .featureDescription-k4v-p {\n font-size: 13px;\n margin-bottom: 10px;\n}\n\n.mobile .optionButton-tRXEs {\n padding: 10px;\n}\n\n.mobile .optionLabel-oz4Zj {\n gap: 3px;\n}\n\n.mobile .optionDescription-omLcU {\n font-size: 11px;\n}\n\n.mobile .progressBar-RKPZp {\n gap: 8px;\n margin-bottom: 15px;\n padding-bottom: 10px;\n}\n\n.mobile .progressText-LXaM7 {\n font-size: 12px;\n}\n\n.mobile .backButton-qRYLD {\n padding: 6px 10px;\n font-size: 13px;\n}\n\n.mobile .sliderValue-vwwNn {\n font-size: 14px;\n}\n\n.mobile .dropdown-fst7q {\n padding: 10px;\n font-size: 14px;\n}\n\n.mobile .radioOption-sv3m6,\n.mobile .checkboxOption-UY3nL {\n padding: 10px;\n}\n\n.mobile .toggleButton-4myWl {\n padding: 10px;\n min-width: 90px;\n}\n\n.mobile .resultContainer-sc6De {\n padding: 0px;\n}\n\n.mobile .resultTitle-WVM2- {\n font-size: 20px;\n margin-bottom: 15px;\n}\n\n.mobile .resultItem-84scA {\n padding: 10px;\n}\n\n.mobile .buttonContainer-UZKoO {\n padding: 8px 0;\n margin-top: 6px;\n}\n\n.mobile .button-CT3BR {\n padding: 8px 16px;\n font-size: 13px;\n}\n\n.mobile .tab-Cf5O4 {\n padding: 6px 12px;\n font-size: 14px;\n}\n\n.mobile .instanceNavContainer-0U7gZ {\n padding: 10px;\n}\n\n.resultsGrid-s3UTE {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 30px;\n}\n\n.speedometer-kKRJQ {\n width: 100%;\n max-width: 250px;\n margin: 0 auto;\n aspect-ratio: 240 / 170;\n}\n\n.speedometerGroup-SS-GT {\n width: 100%;\n}\n\n.speedometerGroupTitle-4s2YI {\n text-align: center;\n margin-bottom: 4px;\n margin-top: 4px;\n}\n\n.speedometerGroupGrid-SNMAM {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 16px;\n}\n\n.speedometerGroupItem-a4T-A {\n text-align: center;\n flex: 1 1 40%;\n max-width: 45%;\n}\n\n.speedometerGroupItemTitle-N35gZ {\n margin-bottom: 4px;\n margin-top: 4px;\n}\n\n.speedometerValue-pbLcR {\n color: var(--diva-theme-palette-primary-main);\n stroke: var(--diva-theme-palette-primary-main);\n}\n\n.contentSection-dJgsX {\n padding-top: 8px;\n}\n\n.darkmode .contentSection-dJgsX {\n border-top-color: #333;\n}\n";
380
+ var css_248z = ".container-nN2kI {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n height: 100%;\n\n max-height: calc(100vh - 40px);\n padding: 12px;\n box-sizing: border-box;\n overflow: auto;\n}\n\n@supports (height: 100dvh) {\n .container-nN2kI {\n max-height: calc(100dvh - 40px);\n }\n}\n\n.subContainer-x97eX {\n flex: 1;\n padding: 12px 0;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.mobile .subContainer-x97eX {\n padding: 12px 0;\n gap: 4px;\n}\n\n.stickyHeader-V5orv {\n position: sticky;\n top: -12px;\n z-index: 10;\n background: #fff;\n margin: -12px -12px 0 -12px;\n padding: 12px 12px 0 12px;\n}\n\n.stickyHeaderSticky-5qqWo {\n position: sticky;\n top: -12px;\n z-index: 10;\n background: #fff;\n margin: -12px -12px 0 -12px;\n padding: 12px 12px 0 12px;\n}\n\n.darkmode .stickyHeader-V5orv {\n background: #1a1a1a;\n}\n\n.featureContainer-cTJH8 {\n min-width: 0;\n max-width: 100%;\n}\n\n.featureLabel-q4sHn {\n font-size: 18px;\n font-weight: 600;\n margin-bottom: 10px;\n word-wrap: break-word;\n}\n\n.featureRequired-tby4F {\n color: red;\n}\n\n.featureDescription-k4v-p,\n.optionDescription-omLcU,\n.progressText-LXaM7 {\n color: #666;\n}\n\n.darkmode .featureDescription-k4v-p,\n.darkmode .optionDescription-omLcU,\n.darkmode .progressText-LXaM7 {\n color: #aaa;\n}\n\n.featureDescription-k4v-p {\n font-size: 14px;\n margin-bottom: 15px;\n word-wrap: break-word;\n}\n\n.configDescription--0UjU,\n.resultDescription-7jW2U {\n font-size: 15px;\n color: #666;\n margin: 12px 0 0 0;\n word-wrap: break-word;\n}\n\n.mobile .configDescription--0UjU,\n.mobile .resultDescription-7jW2U {\n font-size: 14px;\n margin: 8px 0 0 0;\n}\n\n.darkmode .configDescription--0UjU,\n.darkmode .resultDescription-7jW2U {\n color: #aaa;\n}\n\n.optionsContainer-oIEc3 {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.optionsBox-TBnRq {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));\n grid-gap: 10px;\n gap: 10px;\n min-width: 0;\n max-width: 100%;\n}\n\n.optionsGallery-72aVW {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n grid-gap: 15px;\n gap: 15px;\n min-width: 0;\n max-width: 100%;\n}\n\n/* Shared selectable option base (optionButton, radioOption, checkboxOption) */\n.optionButton-tRXEs,\n.radioOption-sv3m6,\n.checkboxOption-UY3nL {\n padding: 12px;\n border: 2px solid #ddd;\n border-radius: 8px;\n background: #fff;\n cursor: pointer;\n transition: all 0.2s;\n min-width: 0;\n}\n\n.optionButton-tRXEs {\n padding: 15px;\n text-align: left;\n}\n\n.radioOption-sv3m6,\n.checkboxOption-UY3nL {\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.darkmode .optionButton-tRXEs,\n.darkmode .radioOption-sv3m6,\n.darkmode .checkboxOption-UY3nL {\n border-color: #444;\n background: #2a2a2a;\n}\n\n.optionButton-tRXEs:hover,\n.radioOption-sv3m6:hover,\n.checkboxOption-UY3nL:hover {\n border-color: #999;\n background: #f9f9f9;\n}\n\n.darkmode .optionButton-tRXEs:hover,\n.darkmode .radioOption-sv3m6:hover,\n.darkmode .checkboxOption-UY3nL:hover {\n border-color: #666;\n background: #333;\n}\n\n.optionButtonSelected-pjY9O,\n.radioOptionSelected-vm6bN,\n.checkboxOptionSelected-DuZGL {\n border-color: var(--diva-theme-palette-primary-main);\n background: var(--diva-theme-palette-primary-light);\n}\n\n.darkmode .optionButtonSelected-pjY9O,\n.darkmode .radioOptionSelected-vm6bN,\n.darkmode .checkboxOptionSelected-DuZGL {\n border-color: var(--diva-theme-palette-primary-main);\n background: var(--diva-theme-palette-primary-dark);\n}\n\n.optionButtonSelected-pjY9O:hover,\n.radioOptionSelected-vm6bN:hover,\n.checkboxOptionSelected-DuZGL:hover {\n border-color: var(--diva-theme-palette-primary-dark);\n background: var(--diva-theme-palette-primary-light);\n}\n\n.darkmode .optionButtonSelected-pjY9O:hover,\n.darkmode .radioOptionSelected-vm6bN:hover,\n.darkmode .checkboxOptionSelected-DuZGL:hover {\n border-color: var(--diva-theme-palette-primary-main);\n background: var(--diva-theme-palette-primary-dark);\n}\n\n.optionLabel-oz4Zj {\n font-weight: 500;\n display: flex;\n align-items: center;\n justify-self: start;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n min-width: 0;\n word-wrap: break-word;\n}\n\n.optionImage-LZqek {\n display: block;\n width: 100%;\n max-height: 120px;\n -o-object-fit: contain;\n object-fit: contain;\n margin-bottom: 8px;\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.mobile .optionImage-LZqek {\n max-height: 90px;\n margin-bottom: 6px;\n}\n\n.optionCaption-3d-V1 {\n font-size: 0.75rem;\n opacity: 0.6;\n font-weight: normal;\n text-align: center;\n}\n\n.optionContent-DS9Wc {\n min-width: 0;\n flex: 1;\n}\n\n.optionDescription-omLcU {\n font-size: 12px;\n min-width: 0;\n word-wrap: break-word;\n}\n\n.progressBar-RKPZp {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 1px solid #ddd;\n}\n\n.darkmode .progressBar-RKPZp {\n border-bottom-color: #444;\n}\n\n.progressBarFill--Shc9 {\n flex: 1;\n height: 6px;\n background: #e0e0e0;\n border-radius: 3px;\n overflow: hidden;\n}\n\n.darkmode .progressBarFill--Shc9 {\n background: #444;\n}\n\n.progressBarInner-agBx- {\n height: 100%;\n background: var(--diva-theme-palette-primary-main);\n transition: width 0.3s ease;\n}\n\n.progressText-LXaM7 {\n font-size: 14px;\n white-space: nowrap;\n}\n\n.backButton-qRYLD {\n padding: 8px 12px;\n border: 1px solid #ddd;\n background: #fff;\n border-radius: 4px;\n cursor: pointer;\n font-size: 14px;\n}\n\n.darkmode .backButton-qRYLD {\n border-color: #444;\n background: #2a2a2a;\n color: white;\n}\n\n.backButton-qRYLD:hover {\n background: #f5f5f5;\n}\n\n.darkmode .backButton-qRYLD:hover {\n background: #333;\n}\n\n.slider-ev57L {\n width: 100%;\n margin: 20px 0;\n}\n\n.sliderInput-xAXVM {\n width: 100%;\n height: 6px;\n border-radius: 3px;\n background: #e0e0e0;\n outline: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n.darkmode .sliderInput-xAXVM {\n background: #444;\n}\n\n.sliderInput-xAXVM::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: var(--diva-theme-palette-primary-main);\n cursor: pointer;\n border: none;\n}\n\n.sliderInput-xAXVM::-moz-range-thumb {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: var(--diva-theme-palette-primary-main);\n cursor: pointer;\n border: none;\n}\n\n.sliderValue-vwwNn {\n text-align: center;\n font-size: 16px;\n font-weight: 600;\n margin-top: 10px;\n}\n\n.dropdown-fst7q {\n width: 100%;\n padding: 12px;\n border: 2px solid #ddd;\n border-radius: 8px;\n font-size: 16px;\n background: #fff;\n cursor: pointer;\n}\n\n.darkmode .dropdown-fst7q {\n border-color: #444;\n background: #2a2a2a;\n color: white;\n}\n\n.radio-GesCu {\n display: flex;\n flex-direction: column;\n gap: 10px;\n min-width: 0;\n max-width: 100%;\n}\n\n.checkbox-xI7lT {\n display: flex;\n flex-direction: column;\n gap: 10px;\n min-width: 0;\n max-width: 100%;\n}\n\n.toggle-fi2uF {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.toggleButton-4myWl {\n flex: 1;\n min-width: 120px;\n padding: 15px;\n border: 2px solid #ddd;\n border-radius: 8px;\n background: #fff;\n cursor: pointer;\n transition: all 0.2s;\n text-align: center;\n font-weight: 500;\n}\n\n.darkmode .toggleButton-4myWl {\n border-color: #444;\n background: #2a2a2a;\n color: white;\n}\n\n.toggleButton-4myWl:hover {\n border-color: #999;\n background: #f9f9f9;\n}\n\n.darkmode .toggleButton-4myWl:hover {\n border-color: #666;\n background: #333;\n}\n\n.toggleButtonSelected-4SMtn {\n border-color: var(--diva-theme-palette-primary-main);\n background: var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.toggleButtonSelected-4SMtn:hover {\n border-color: var(--diva-theme-palette-primary-dark);\n background: var(--diva-theme-palette-primary-dark);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.resultContainer-sc6De {\n}\n\n.mobile .resultContainer-sc6De {\n padding: 4px;\n}\n\n.resultItem-84scA {\n display: flex;\n justify-content: space-between;\n padding: 15px;\n margin-bottom: 10px;\n background: #f5f5f5;\n border-radius: 8px;\n}\n\n.darkmode .resultItem-84scA {\n background: #2a2a2a;\n}\n\n.resultKey-qD5DS {\n font-weight: 600;\n}\n\n.resultValue-42tes {\n color: var(--diva-theme-palette-primary-main);\n font-weight: 500;\n}\n\n.buttonContainer-UZKoO {\n display: flex;\n gap: 10px;\n justify-content: flex-end;\n padding: 20px 0;\n border-top: 1px solid #ddd;\n}\n\n.navLeftGroup-JOQ3N {\n display: flex;\n gap: 10px;\n flex: 1;\n}\n\n.navRightGroup-mWCAz {\n display: flex;\n gap: 10px;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-end;\n flex-grow: 1;\n}\n\n.navButtonPadding-aX9-f {\n padding: 10px 20px;\n}\n\n.darkmode .buttonContainer-UZKoO {\n border-top-color: #444;\n}\n\n.button-CT3BR {\n padding: 10px 20px;\n border: 1px solid #ddd;\n border-radius: 4px;\n background: #fff;\n color: #000;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n transition: all 0.2s;\n}\n\n.darkmode .button-CT3BR {\n border-color: #444;\n background: #2a2a2a;\n color: white;\n}\n\n.button-CT3BR:hover:not(:disabled) {\n background: #f5f5f5;\n border-color: #999;\n}\n\n.darkmode .button-CT3BR:hover:not(:disabled) {\n background: #333;\n border-color: #666;\n}\n\n.button-CT3BR:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.buttonPrimary-b3Tur {\n background: var(--diva-theme-palette-primary-main);\n border-color: var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.buttonPrimary-b3Tur:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n}\n\n.buttonPrimaryApplied-90Q5- {\n background: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n}\n\n.buttonCancel-HA74N {\n background: transparent;\n border-color: #ddd;\n color: #666;\n}\n\n.darkmode .buttonCancel-HA74N {\n border-color: #444;\n color: #aaa;\n}\n\n.buttonCancel-HA74N:hover:not(:disabled) {\n background: #f5f5f5;\n border-color: #999;\n color: #333;\n}\n\n.darkmode .buttonCancel-HA74N:hover:not(:disabled) {\n background: #333;\n border-color: #666;\n color: white;\n}\n\n.headerContainer-fhFhh {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 40px;\n margin-bottom: 4px;\n position: relative;\n}\n\n.darkmode .headerContainer-fhFhh {\n border-bottom-color: #333;\n}\n\n/* Segmented control style tabs */\n.tabWrapper-ZqpAa {\n --tab-count: 2;\n display: flex;\n position: relative;\n flex-grow: 1;\n max-width: min(360px, 80%);\n min-width: 0;\n background: #f0f0f0;\n border-radius: 10px;\n padding: 3px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.darkmode .tabWrapper-ZqpAa {\n background: #333;\n}\n\n.tabSlider-d133A {\n position: absolute;\n top: 3px;\n left: 3px;\n width: calc((100% - 6px) / var(--tab-count));\n height: calc(100% - 6px);\n background: #fff;\n border-radius: 7px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n transition: transform 0.25s ease;\n pointer-events: none;\n}\n\n.darkmode .tabSlider-d133A {\n background: #404040;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n\n.tab-Cf5O4 {\n flex: 1;\n min-width: 0;\n padding: 8px 16px;\n border: none;\n outline: none;\n background: transparent;\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n color: #666;\n transition: color 0.25s ease;\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tab-Cf5O4:focus,\n.tab-Cf5O4.focus-visible-kxYL6,\n.tab-Cf5O4:hover,\n.tab-Cf5O4:active {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.tab-Cf5O4:focus,\n.tab-Cf5O4:focus-visible,\n.tab-Cf5O4:hover,\n.tab-Cf5O4:active {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.darkmode .tab-Cf5O4 {\n color: #999;\n}\n\n.tabActive-B4W84 {\n color: var(--diva-theme-palette-primary-main);\n}\n\n.tab-Cf5O4:hover:not(.tabActive-B4W84) {\n color: #333;\n}\n\n.darkmode .tab-Cf5O4:hover:not(.tabActive-B4W84) {\n color: #ccc;\n}\n\n.instanceNavContainer-0U7gZ {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-top: 32px;\n padding: 0;\n background: transparent;\n border-radius: 0;\n border: none;\n}\n\n.darkmode .instanceNavContainer-0U7gZ {\n background: transparent;\n border-color: transparent;\n}\n\n.instanceNavButtons-HMFdy {\n display: flex;\n flex-direction: row;\n gap: 16px;\n flex-wrap: wrap;\n}\n\n.buttonSecondary-Fs2ci {\n background: #fff;\n border: 1px solid var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-main);\n font-size: 14px;\n}\n\n.darkmode .buttonSecondary-Fs2ci {\n background: transparent;\n border-color: var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-main);\n}\n\n.buttonSecondary-Fs2ci:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-light);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.darkmode .buttonSecondary-Fs2ci:hover:not(:disabled) {\n background: color-mix(in srgb, var(--diva-theme-palette-primary-main) 10%, transparent);\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.buttonWithArrow-PQQFS {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 24px;\n font-size: 16px;\n border-radius: 8px;\n height: auto;\n text-align: left;\n flex: 1;\n min-width: 250px;\n}\n\n.closeButton-Regwf {\n position: absolute;\n right: -8px;\n top: 50%;\n transform: translateY(-50%);\n background-color: rgba(255,255,255,0.8);\n border-radius: 50%;\n border: none;\n outline: none;\n cursor: pointer;\n padding: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #949daf;\n transition: color 0.2s;\n}\n\n.closeButton-Regwf:focus,\n.closeButton-Regwf.focus-visible-kxYL6,\n.closeButton-Regwf:hover,\n.closeButton-Regwf:active {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.closeButton-Regwf:focus,\n.closeButton-Regwf:focus-visible,\n.closeButton-Regwf:hover,\n.closeButton-Regwf:active {\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.closeButton-Regwf:hover {\n color: #333;\n}\n\n.darkmode .closeButton-Regwf:hover {\n color: #fff;\n}\n\n/* Mobile Smaller Version */\n.mobile .container-nN2kI {\n padding: 12px;\n}\n\n.mobile .subContainer-x97eX {\n padding: 12px 0;\n}\n\n.mobile .featureLabel-q4sHn {\n font-size: 16px;\n margin-bottom: 8px;\n}\n\n.mobile .featureDescription-k4v-p {\n font-size: 13px;\n margin-bottom: 10px;\n}\n\n.mobile .optionButton-tRXEs {\n padding: 10px;\n}\n\n.mobile .optionLabel-oz4Zj {\n gap: 3px;\n}\n\n.mobile .optionDescription-omLcU {\n font-size: 11px;\n}\n\n.mobile .progressBar-RKPZp {\n gap: 8px;\n margin-bottom: 15px;\n padding-bottom: 10px;\n}\n\n.mobile .progressText-LXaM7 {\n font-size: 12px;\n}\n\n.mobile .backButton-qRYLD {\n padding: 6px 10px;\n font-size: 13px;\n}\n\n.mobile .sliderValue-vwwNn {\n font-size: 14px;\n}\n\n.mobile .dropdown-fst7q {\n padding: 10px;\n font-size: 14px;\n}\n\n.mobile .radioOption-sv3m6,\n.mobile .checkboxOption-UY3nL {\n padding: 10px;\n}\n\n.mobile .toggleButton-4myWl {\n padding: 10px;\n min-width: 90px;\n}\n\n.mobile .resultContainer-sc6De {\n padding: 0px;\n}\n\n.mobile .resultTitle-WVM2- {\n font-size: 20px;\n margin-bottom: 15px;\n}\n\n.mobile .resultItem-84scA {\n padding: 10px;\n}\n\n.mobile .buttonContainer-UZKoO {\n padding: 8px 0;\n margin-top: 6px;\n}\n\n.mobile .button-CT3BR {\n padding: 8px 16px;\n font-size: 13px;\n}\n\n.mobile .tab-Cf5O4 {\n padding: 6px 12px;\n font-size: 14px;\n}\n\n.mobile .instanceNavContainer-0U7gZ {\n padding: 10px;\n}\n\n.resultsGrid-s3UTE {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 30px;\n}\n\n.speedometer-kKRJQ {\n width: 100%;\n max-width: 250px;\n margin: 0 auto;\n aspect-ratio: 240 / 170;\n}\n\n.speedometerGroup-SS-GT {\n width: 100%;\n}\n\n.speedometerGroupTitle-4s2YI {\n text-align: center;\n margin-bottom: 4px;\n margin-top: 4px;\n}\n\n.speedometerGroupGrid-SNMAM {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 16px;\n}\n\n.speedometerGroupItem-a4T-A {\n text-align: center;\n flex: 1 1 40%;\n max-width: 45%;\n}\n\n.speedometerGroupItemTitle-N35gZ {\n margin-bottom: 4px;\n margin-top: 4px;\n}\n\n.speedometerValue-pbLcR {\n color: var(--diva-theme-palette-primary-main);\n stroke: var(--diva-theme-palette-primary-main);\n}\n\n.contentSection-dJgsX {\n padding-top: 8px;\n}\n\n.darkmode .contentSection-dJgsX {\n border-top-color: #333;\n}\n";
380
381
  styleInject(css_248z);
381
382
 
382
383
  var RangeLayout = function RangeLayout(_ref) {
383
- var _range$unit, _range$unit2, _range$unit3;
384
+ var _range$defaultValue, _range$unit, _range$unit2, _range$unit3;
384
385
  var option = _ref.option,
385
386
  selectedOptions = _ref.selectedOptions,
386
387
  onSelect = _ref.onSelect,
@@ -390,15 +391,14 @@ var RangeLayout = function RangeLayout(_ref) {
390
391
  var language = i18n.language;
391
392
  var range = option.range;
392
393
  if (!range) return null;
393
- var _useState = useState(selectedOptions[0] ? Number(selectedOptions[0]) : range.defaultValue || range.min),
394
- _useState2 = _slicedToArray(_useState, 2),
395
- value = _useState2[0],
396
- setValue = _useState2[1];
394
+
395
+ // Controlled component: value derived from props, not local state. This way,
396
+ // switching instances (e.g. Du → PartnerIn) immediately reflects the new instance's
397
+ // stored selection or falls back to the default.
398
+ var value = selectedOptions[0] !== undefined && selectedOptions[0] !== '' ? Number(selectedOptions[0]) : (_range$defaultValue = range.defaultValue) !== null && _range$defaultValue !== void 0 ? _range$defaultValue : range.min;
397
399
  var caption = getOptionCaption(option);
398
400
  var handleChange = function handleChange(e) {
399
- var newValue = Number(e.target.value);
400
- setValue(newValue);
401
- onSelect([String(newValue)]);
401
+ onSelect([String(Number(e.target.value))]);
402
402
  };
403
403
  var unit = ((_range$unit = range.unit) === null || _range$unit === void 0 ? void 0 : _range$unit[language]) || ((_range$unit2 = range.unit) === null || _range$unit2 === void 0 ? void 0 : _range$unit2.en) || ((_range$unit3 = range.unit) === null || _range$unit3 === void 0 ? void 0 : _range$unit3.de) || '';
404
404
  return /*#__PURE__*/jsxs("div", {
@@ -546,12 +546,16 @@ var ButtonGroupLayout = function ButtonGroupLayout(_ref) {
546
546
  var description = getOptionDescription(option);
547
547
  var caption = getOptionCaption(option);
548
548
  if (isToggle) {
549
- return /*#__PURE__*/jsx("button", {
549
+ return /*#__PURE__*/jsxs("button", {
550
550
  className: isSelected ? "".concat(itemClass, " ").concat(selectedItemClass) : itemClass,
551
551
  onClick: function onClick() {
552
552
  return onSelect(option.codex);
553
553
  },
554
- children: /*#__PURE__*/jsxs("div", {
554
+ children: [option.image && /*#__PURE__*/jsx("img", {
555
+ src: option.image,
556
+ alt: "",
557
+ className: optionImage
558
+ }), /*#__PURE__*/jsxs("div", {
555
559
  className: optionLabel,
556
560
  style: layoutConfig !== null && layoutConfig !== void 0 && layoutConfig.optionLabelFontSize ? {
557
561
  fontSize: layoutConfig === null || layoutConfig === void 0 ? void 0 : layoutConfig.optionLabelFontSize
@@ -566,7 +570,7 @@ var ButtonGroupLayout = function ButtonGroupLayout(_ref) {
566
570
  __html: " ".concat(caption)
567
571
  }
568
572
  })]
569
- })
573
+ })]
570
574
  }, option.codex);
571
575
  }
572
576
  return /*#__PURE__*/jsxs("div", {
@@ -574,7 +578,11 @@ var ButtonGroupLayout = function ButtonGroupLayout(_ref) {
574
578
  onClick: function onClick() {
575
579
  return onSelect(option.codex);
576
580
  },
577
- children: [/*#__PURE__*/jsxs("div", {
581
+ children: [option.image && /*#__PURE__*/jsx("img", {
582
+ src: option.image,
583
+ alt: "",
584
+ className: optionImage
585
+ }), /*#__PURE__*/jsxs("div", {
578
586
  className: optionLabel,
579
587
  style: layoutConfig !== null && layoutConfig !== void 0 && layoutConfig.optionLabelFontSize ? {
580
588
  fontSize: layoutConfig === null || layoutConfig === void 0 ? void 0 : layoutConfig.optionLabelFontSize
package/build/types/quick-config/src/Components/QuickConfig/components/OptionRenderer/Layouts/ButtonGroupLayout.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGroupLayout.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/Components/QuickConfig/components/OptionRenderer/Layouts/ButtonGroupLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAc9C,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC7D,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACzD,MAAM,EAAE,QAAQ,GAAG,aAAa,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;IAChE,YAAY,CAAC,EAAE;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0D9D,CAAC"}
1
+ {"version":3,"file":"ButtonGroupLayout.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/Components/QuickConfig/components/OptionRenderer/Layouts/ButtonGroupLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAe9C,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC7D,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACzD,MAAM,EAAE,QAAQ,GAAG,aAAa,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;IAChE,YAAY,CAAC,EAAE;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4D9D,CAAC"}
package/build/types/quick-config/src/Components/QuickConfig/components/OptionRenderer/Layouts/RangeLayout.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RangeLayout.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/Components/QuickConfig/components/OptionRenderer/Layouts/RangeLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,QAAQ,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CAC1D;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkClD,CAAC"}
1
+ {"version":3,"file":"RangeLayout.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/Components/QuickConfig/components/OptionRenderer/Layouts/RangeLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,QAAQ,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CAC1D;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmClD,CAAC"}
package/build/types/quick-config/src/stories/QuickConfig.stories.d.ts CHANGED
@@ -14,4 +14,5 @@ export declare const OfficeChair: Story;
14
14
  export declare const ConditionalVisibility: Story;
15
15
  export declare const LayoutShowcase: Story;
16
16
  export declare const FeatureGrouping: Story;
17
+ export declare const PfisterMattressMatching: Story;
17
18
  //# sourceMappingURL=QuickConfig.stories.d.ts.map
package/build/types/quick-config/src/stories/QuickConfig.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"QuickConfig.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/QuickConfig.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG1E,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAqB,MAAM,0BAA0B,CAAC;AAE3E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAQ9C,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC;AA+TtD,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAC;AA0BF,eAAO,MAAM,oBAAoB,EAAE,KAiClC,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,KAkCnC,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,KAkCnC,CAAC;AAwXF,eAAO,MAAM,oBAAoB,EAAE,KAElC,CAAC;AAmRF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAmCF,eAAO,MAAM,qBAAqB,EAAE,KAQnC,CAAC;AAiEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AA+DF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC"}
1
+ {"version":3,"file":"QuickConfig.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/QuickConfig.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG1E,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAqB,MAAM,0BAA0B,CAAC;AAE3E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAQ9C,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC;AA+TtD,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAC;AA0BF,eAAO,MAAM,oBAAoB,EAAE,KAiClC,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,KAkCnC,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,KAkCnC,CAAC;AAwXF,eAAO,MAAM,oBAAoB,EAAE,KAElC,CAAC;AAmRF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAmCF,eAAO,MAAM,qBAAqB,EAAE,KAQnC,CAAC;AAiEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AA+DF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAyOF,eAAO,MAAM,uBAAuB,EAAE,KAYrC,CAAC"}
package/build/types/quick-config/src/types.d.ts CHANGED
@@ -105,6 +105,7 @@ export interface Option {
105
105
  caption?: {
106
106
  [lang: string]: string;
107
107
  };
108
+ image?: string;
108
109
  group?: string;
109
110
  condition?: CombinedCondition;
110
111
  range?: RangeConfig;
package/build/types/quick-config/src/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types.ts"],"names":[],"mappings":"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"}
package/build/umd/402.quick-config.umd.min.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 402.quick-config.umd.min.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunkCrystaldesignQuickConfig=self.webpackChunkCrystaldesignQuickConfig||[]).push([[402],{402:(e,r,t)=>{t.r(r),t.d(r,{default:()=>A});var n=t(248),o=t(4658),a=t(4988),c=t(747),i=t.n(c),u=t(7363),s=t(9944),p=t(1533),d=function useDraggableInPortal(){var e=(0,u.useRef)(document.createElement("div")).current;return(0,u.useEffect)((function(){if(e)return e.style.pointerEvents="none",e.style.position="absolute",e.style.height="100%",e.style.width="100%",e.style.top="0",e.style.left="0",document.body.appendChild(e),function(){document.body.removeChild(e)}}),[e]),function(r){return function(t){var n=r(t);return"fixed"===t.draggableProps.style.position?(0,p.createPortal)(n,e):n}}},l=t(3379),y=t.n(l),D=t(7795),M=t.n(D),j=t(569),b=t.n(j),f=t(3565),g=t.n(f),N=t(9216),O=t.n(N),x=t(4589),T=t.n(x),h=t(4831),z={};z.styleTagTransform=T(),z.setAttributes=g(),z.insert=b().bind(null,"head"),z.domAPI=M(),z.insertStyleElement=O();y()(h.Z,z);h.Z&&h.Z.locals&&h.Z.locals;var I=t(3726),v=t(1338);function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function useApiInterface(){var e=(0,u.useMemo)((function(){return(0,I.jl)("ContentBox","UseApiInterface")}),[]),r=(0,u.useState)({}),t=(0,a.Z)(r,2),c=t[0],s=t[1],p=(0,I.Vr)().state,d=p.apiConfig,l=d.catalogService,y=d.basketService,D=p.jwt,M=function(){var e=(0,o.Z)(i().mark((function _callee(e,r){var t,o;return i().wrap((function _callee$(a){for(;;)switch(a.prev=a.next){case 0:if(t=(0,v.FB)(e.toLowerCase()).toUpperCase(),!c[t]){a.next=3;break}return a.abrupt("return",c[t]);case 3:return a.next=5,j(e,r);case 5:return o=a.sent,b((0,n.Z)({},t,o)),a.abrupt("return",o);case 8:case"end":return a.stop()}}),_callee)})));return function getDataCache(r,t){return e.apply(this,arguments)}}(),j=function(){var r=(0,o.Z)(i().mark((function _callee2(r,t){var n,o,a,c,u,s=arguments;return i().wrap((function _callee2$(i){for(;;)switch(i.prev=i.next){case 0:n=s.length>2&&void 0!==s[2]?s[2]:"GET",o=s.length>3?s[3]:void 0,i.t0=t,i.next="catalog"===i.t0?5:"basket"===i.t0?7:9;break;case 5:return a=l+r,i.abrupt("break",9);case 7:return a=y+r,i.abrupt("break",9);case 9:return i.next=11,fetch(a,_objectSpread({method:n,headers:{Authorization:"Bearer "+D,"content-type":"application/json"}},o?{body:JSON.stringify(o)}:{}));case 11:return c=i.sent,i.next=14,c.json();case 14:if(null!=(u=i.sent)&&u.Error&&e.error(new I.GE(u.Error,{code:"WC_0001",custom:{url:a}})),!(u.status>204)){i.next=18;break}throw new Error(JSON.parse(u.body).error);case 18:return i.abrupt("return",u);case 19:case"end":return i.stop()}}),_callee2)})));return function fetchData(e,t){return r.apply(this,arguments)}}(),b=function addJsonDataCache(e){for(var r in e)s(_objectSpread(_objectSpread({},c),{},(0,n.Z)({},r,e[r])))};return{getDataCache:M,fetchData:j,clearCache:function clearCache(){s({})}}}var k=t(7882),E=t(7514);function DragAndDropOptionValues_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function DragAndDropOptionValues_objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?DragAndDropOptionValues_ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):DragAndDropOptionValues_ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const L=function DragAndDropOptionValues(e){var r=e.variants,t=e.groups,n=e.currentProuduct,c=e.groupKey,p=e.setCurProduct,l=t[c],y=d(),D=(0,u.useState)(!1),M=(0,a.Z)(D,2),j=M[0],b=M[1],f=(0,I.Vr)().state.dimensions.isMobile,g=useApiInterface().fetchData,N=(0,k.Z)({variants:r,groups:t,currentProuduct:n,groupKey:c,setCurProduct:p,isMobile:f,selectedClassification:n[c]}),O=function(){var e=(0,o.Z)(i().mark((function _callee(e){var t,o,a,u,s,d,y,D,M,j,f,N,O,x,T,h,z;return i().wrap((function _callee$(i){for(;;)switch(i.prev=i.next){case 0:if(t=!1,e.destination){i.next=3;break}return i.abrupt("return");case 3:if(e.source.index!=e.destination.index){i.next=5;break}return i.abrupt("return");case 5:e.source.index>e.destination.index&&(t=!0,b(!0)),o=e.source.index,a=e.destination.index,u=l[o].codex,s=l[a].codex,d={},y=!1,D=0;case 13:if(!(D<l.length)){i.next=43;break}if(M=l[D],j=M.codex,!t){i.next=31;break}if(s!=j){i.next=21;break}y=!0,i.next=25;break;case 21:if(u!=j){i.next=25;break}return y=!1,d[j]=l[a].position,i.abrupt("continue",40);case 25:if(y){i.next=28;break}return d[j]=l[D].position,i.abrupt("continue",40);case 28:d[j]=l[D+1].position,i.next=40;break;case 31:if(u!=j){i.next=35;break}return y=!0,d[j]=l[a].position,i.abrupt("continue",40);case 35:if(y){i.next=38;break}return d[j]=l[D].position,i.abrupt("continue",40);case 38:s==j&&(y=!1),d[j]=l[D-1].position;case 40:D++,i.next=13;break;case 43:for(f=r.map((function(e){for(var r in d)e[c].opv===r&&(e[c].position=d[r]);return e})),p(void 0,f.find((function(e){return e._id==n._id})),f),N=[],O=0;O<r.length;O++){for(h in x=r[O],T=[],d)x[c].opv===h&&T.push({op:"replace",path:"/"+c+"/position",value:d[h]});N.push(g("/products/"+x._id,"catalog","PATCH",{patch:T}))}return i.next=49,Promise.all(N);case 49:z=i.sent,p(void 0,z.find((function(e){return e._id==n._id})),r.map((function(e){var r;return null!==(r=z.find((function(r){return r._id==e._id})))&&void 0!==r?r:e}))),b(!1);case 52:case"end":return i.stop()}}),_callee)})));return function onDragEnd(r){return e.apply(this,arguments)}}();return(0,E.jsx)(s.Z5,{onDragEnd:O,children:(0,E.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:j,direction:"vertical",children:function children(e,r){return(0,E.jsxs)("div",DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{height:"100%",display:"flex",flexDirection:"column"},children:[N.map((function(e,r){return(0,E.jsx)(s._l,{index:r,draggableId:l[r].codex,isDragDisabled:j,children:y((function(e){return(0,E.jsx)("div",DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({ref:e.innerRef},e.draggableProps),e.dragHandleProps),{},{style:DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({},e.draggableProps.style),{},{height:"fit-content"},j?{cursor:"wait"}:{}),children:N[r]}))}))},l[r].codex)})),e.placeholder]}))}})})};function DragAndDropOptions_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function DragAndDropOptions_objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?DragAndDropOptions_ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):DragAndDropOptions_ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const A=function DragAndDrop(e){var r=e.groups,t=e.variants,n=e.setCurProduct,c=e.currentProuduct,p=e.posOfOpt,l=d(),y=(0,u.useState)(!1),D=(0,a.Z)(y,2),M=D[0],j=D[1],b=useApiInterface().fetchData,f=function(){var e=(0,o.Z)(i().mark((function _callee(e){var o,u,s,d,l,y,D,M,f,g,N,O,x,T;return i().wrap((function _callee$(h){for(;;)switch(h.prev=h.next){case 0:if(o=!1,e.destination){h.next=3;break}return h.abrupt("return");case 3:if(e.source.index!=e.destination.index){h.next=5;break}return h.abrupt("return");case 5:if(e.source.index>e.destination.index&&(o=!0),j(!0),u=Object.keys(r),s=u[e.source.index],d=u[e.destination.index],l={},u.length>Object.keys(p).length)for(y=0;y<u.length;y++)p[u[y]]||(p[u[y]]=y);D=!1,h.t0=i().keys(r);case 14:if((h.t1=h.t0()).done){h.next=42;break}if(M=h.t1.value,!o){h.next=31;break}if(d!=M){h.next=21;break}D=!0,h.next=25;break;case 21:if(s!=M){h.next=25;break}return D=!1,l[M]=p[d],h.abrupt("continue",14);case 25:if(D){h.next=28;break}return l[M]=p[M],h.abrupt("continue",14);case 28:l[M]=p[u[u.indexOf(M)+1]],h.next=40;break;case 31:if(s!=M){h.next=35;break}return D=!0,l[M]=p[d],h.abrupt("continue",14);case 35:if(D){h.next=38;break}return l[M]=p[M],h.abrupt("continue",14);case 38:d==M&&(D=!1),l[M]=p[u[u.indexOf(M)-1]];case 40:h.next=14;break;case 42:for(f=t.map((function(e){for(var r in l)e[r].position=l[r];return e})),n(void 0,f.find((function(e){return e._id==c._id})),f),g={patch:Object.entries(l).map((function(e){var r=(0,a.Z)(e,2);return{op:"replace",path:"/"+r[0]+"/optionPosition",value:r[1]}}))},N=[],O=0;O<t.length;O++)x=t[O],N.push(b("/products/"+x._id,"catalog","PATCH",g));return h.next=49,Promise.all(N);case 49:T=h.sent,n(void 0,T.find((function(e){return e._id==c._id})),t.map((function(e){var r;return null!==(r=T.find((function(r){return r._id==e._id})))&&void 0!==r?r:e}))),j(!1);case 52:case"end":return h.stop()}}),_callee)})));return function onDragEnd(r){return e.apply(this,arguments)}}();return(0,E.jsx)("div",{style:{display:"flex",width:"100%",position:"relative"},children:(0,E.jsx)(s.Z5,{onDragEnd:f,children:(0,E.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:M,direction:"horizontal",children:function children(e,o){return(0,E.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"calc("+100/Object.keys(r).length+"%)",height:"100%",display:"flex"},children:[Object.keys(r).map((function(e,o){return(0,E.jsx)(s._l,{index:o,draggableId:e,isDragDisabled:M,children:l((function(o){return(0,E.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({ref:o.innerRef},o.draggableProps),{},{style:DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({paddingRight:5},o.draggableProps.style),M?{cursor:"wait"}:{}),children:[(0,E.jsx)("div",DragAndDropOptions_objectSpread({className:h.q},o.dragHandleProps)),(0,E.jsx)(L,{currentProuduct:c,groups:r,groupKey:e,posOfOpt:p,setCurProduct:n,variants:t})]}))}))},e)})),e.placeholder]}))}})})})}},4831:(e,r,t)=>{t.d(r,{Z:()=>y,q:()=>l});var n=t(8081),o=t.n(n),a=t(3645),c=t.n(a),i=t(1667),u=t.n(i),s=new URL(t(8133),t.b),p=c()(o()),d=u()(s);p.push([e.id,".index-module--dt7FX {\n width: 100%;\n height: 20px;\n background: center / 50% no-repeat url("+d+");\n}\n",""]);var l="index-module--dt7FX";const y=p},8133:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgY2xhc3M9InN2Zy1pY29uIiBzdHlsZT0id2lkdGg6IDFlbTsgaGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiBjdXJyZW50Q29sb3I7b3ZlcmZsb3c6IGhpZGRlbjsiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjE5LjQyODU3MSA1ODUuMTQyODU3Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4LTE0Ni4yODU3MTRjMzYuNTcxNDI5IDAgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3cy0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTggNzMuMTQyODU3IDM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU4IDczLjE0Mjg1N3pNMjE5LjQyODU3MSAyOTIuNTcxNDI5Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4IDI5Mi41NzE0MjhjLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU4IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1OCA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3pNNTEyIDI5Mi41NzE0MjljLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU3IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3ogbTAgMjkyLjU3MTQyOGMtMzYuNTcxNDI5IDAtNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTcgNzMuMTQyODU3czM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTctMzYuNTcxNDI5IDczLjE0Mjg1Ny03My4xNDI4NTctMzYuNTcxNDI5LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3eiIgIC8+PC9zdmc+"}}]);
package/build/umd/402.quick-config.umd.min.js.LICENSE.txt ADDED
@@ -0,0 +1 @@
1
+ /*! filename:402 */
package/build/umd/472.quick-config.umd.min.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see 472.quick-config.umd.min.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunkCrystaldesignQuickConfig=self.webpackChunkCrystaldesignQuickConfig||[]).push([[472],{3472:(e,n,t)=>{t.r(n),t.d(n,{default:()=>$});var r=t(7363),o=t(8814),i=t(4658),a=t(4988),s=t(747),u=t.n(s),l=t(3379),d=t.n(l),c=t(7795),g=t.n(c),x=t(569),p=t.n(x),M=t(3565),h=t.n(M),v=t(9216),j=t.n(v),w=t(4589),m=t.n(w),y=t(1479),I={};I.styleTagTransform=m(),I.setAttributes=h(),I.insert=p().bind(null,"head"),I.domAPI=g(),I.insertStyleElement=j();d()(y.ZP,I);y.ZP&&y.ZP.locals&&y.ZP.locals;var N=t(9420),L=t(1338),f=t(8623),b=t(248),z=t(2874),S=t(5515),D=t.n(S),T=t(6437),C=t(7514),k=["className","readOnly","resetInput"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,b.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const A=(0,r.forwardRef)((function(e,n){var t=e.className,r=e.readOnly,o=e.resetInput,i=(0,z.Z)(e,k);return(0,C.jsxs)("div",{style:{position:"relative"},children:[(0,C.jsx)("input",_objectSpread({ref:n,className:D()(y.qH,r?y.OT:void 0,t),readOnly:r,"data-test-id":"barrier-input-text",style:{paddingLeft:o?"40px":void 0}},i)),o&&(0,C.jsx)(T.Z,{onClick:function onClick(){return o()},style:{position:"absolute",left:"8px",top:"50%",transform:"translateY(-50%)",cursor:"pointer"}})]})}));var E=t(3335),Z=["className","disabled","children","onClick","style"];function Button_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function Button_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Button_ownKeys(Object(t),!0).forEach((function(n){(0,b.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Button_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function AuthButton(e){var n=e.className,t=e.disabled,r=e.children,o=e.onClick,i=e.style,a=(0,z.Z)(e,Z);return(0,C.jsx)(E.Z,Button_objectSpread(Button_objectSpread({id:"submit",variant:"contained",disabled:t,onClick:o,className:D()(y.dM,n,t?y.C3:void 0),style:i},a),{},{children:r}))}var P=t(789);function OpenId(e){var n,t,r,i=e.disabled,a=(0,o.KH)(),s=a.configurationStore,u=a.authorizationStore,l=(0,P.$G)().t,d=null===(n=u.state)||void 0===n?void 0:n.loginMethods;return(0,C.jsxs)(C.Fragment,{children:[(null==d?void 0:d.google)&&(0,C.jsxs)(AuthButton,{disabled:i,className:D()(y.FI,y.lk),onClick:function onClick(){var e;return u.openOAuthLogin("google",u.state.organizationId,null===(e=u.state)||void 0===e?void 0:e.invitationId)},children:[(0,C.jsx)("div",{}),l("auth.login.google")]}),(null==d?void 0:d.microsoft)&&(0,C.jsxs)(AuthButton,{disabled:i,className:D()(y.FI,y.Eg),onClick:function onClick(){var e;return u.openOAuthLogin("microsoft",u.state.organizationId,null===(e=u.state)||void 0===e?void 0:e.invitationId)},children:[(0,C.jsx)("div",{}),l("auth.login.microsoft")]}),(null==d?void 0:d.generic)&&(0,C.jsxs)(AuthButton,{disabled:i,className:y.FI,style:{backgroundColor:null!==(t=d.generic.backgroundColor)&&void 0!==t?t:s.theme.palette.secondary.main,color:null!==(r=d.generic.color)&&void 0!==r?r:s.theme.palette.secondary.contrastText},onClick:function onClick(){var e;return u.openOAuthLogin("genericOpenId",u.state.organizationId,null===(e=u.state)||void 0===e?void 0:e.invitationId)},children:[(0,C.jsx)("div",{style:d.generic.logo?{backgroundImage:"url(".concat(d.generic.logo,")"),filter:"brightness(0) invert(1)"}:{}}),l("auth.login.generic")]})]})}var O=t(4680),U=t(3830),B=t(6033),G=t(3726);function Header(e){var n=e.title,t=e.text,r=e.errorText,o=(0,G.$G)().t;return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("div",{className:y.C4,children:(0,C.jsx)("h2",{children:n})}),(0,C.jsx)("p",{children:t}),r&&(0,C.jsx)(B.Z,{severity:"error",className:y.vU,children:o(r)})]})}var R=(0,O.jl)("Framework","Login");const Y=(0,N.Pi)((function Login(){var e,n,t,s,l=(0,o.KH)(),d=l.authorizationStore,c=l.authorizationHandler,g=(0,r.useState)("enter"),x=(0,a.Z)(g,2),p=x[0],M=x[1],h=(0,r.useState)(!1),v=(0,a.Z)(h,2),j=v[0],w=v[1],m=(0,r.useState)(null!==(e=null===(n=d.state)||void 0===n?void 0:n.email)&&void 0!==e?e:""),I=(0,a.Z)(m,2),N=I[0],b=I[1],z=(0,r.useState)(""),S=(0,a.Z)(z,2),D=S[0],T=S[1],k=(0,r.useState)(""),E=(0,a.Z)(k,2),Z=E[0],O=E[1],B=(0,r.useState)(!1),G=(0,a.Z)(B,2),Y=G[0],W=G[1],H=(0,r.useState)(d.state.invitationId),F=(0,a.Z)(H,2),_=F[0],Q=F[1],V=(0,r.useState)("LOGIN"==(null===(t=d.state)||void 0===t?void 0:t.type)?d.state.error:void 0),K=(0,a.Z)(V,2),J=K[0],X=K[1],$=(0,P.$G)().t,q=function(){var e=(0,i.Z)(u().mark((function _callee(){var e,n;return u().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:if(w(!0),J&&X(void 0),t.prev=2,_){t.next=8;break}return t.next=6,c.getInvitationValue("id",N);case 6:(e=t.sent)&&(e.isNewUser&&(d.close(),d.showRegister(void 0,N,!!e.useotp)),Q(!0),e.useotp&&W(!0));case 8:return t.next=10,c.fetchLoginProvider({email:N});case 10:"standard"==(n=t.sent).provider?M("login"):d.openOAuthLogin(n.provider,d.state.organizationId,d.state.invitationId),t.next=18;break;case 14:t.prev=14,t.t0=t.catch(2),R.error(new L.GE("Error while fetching login provider",{cause:t.t0})),X("auth.error.password");case 18:return t.prev=18,w(!1),t.finish(18);case 21:case"end":return t.stop()}}),_callee,null,[[2,14,18,21]])})));return function onContinue(){return e.apply(this,arguments)}}(),ee=function(){var e=(0,i.Z)(u().mark((function _callee2(){return u().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:return w(!0),J&&X(void 0),e.prev=2,e.next=5,(0,f.fl)(d.login(N,D,!1,d.state.organizationId,d.state.invitationId,Z));case 5:b(""),T(""),X(void 0),e.next=14;break;case 10:e.prev=10,e.t0=e.catch(2),R.error(new L.GE("Error while logging in",{cause:e.t0})),X(_?"auth.error.passwordotp":"auth.error.password");case 14:return e.prev=14,w(!1),e.finish(14);case 17:case"end":return e.stop()}}),_callee2,null,[[2,10,14,17]])})));return function onLogin(){return e.apply(this,arguments)}}(),ne=function(){var e=(0,i.Z)(u().mark((function _callee3(){return u().wrap((function _callee3$(e){for(;;)switch(e.prev=e.next){case 0:d.showRequestNewPassword(N);case 1:case"end":return e.stop()}}),_callee3)})));return function resetPassword(){return e.apply(this,arguments)}}(),te="enter"==p&&0==N.length||"enter"!=p&&0==D.length;Y&&!te&&(te=0==Z.length);var re=null===(s=d.state)||void 0===s?void 0:s.loginMethods;return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(Header,{title:$("auth.title.login"),text:$("auth.text.login",""),errorText:null!=J?J:""}),(0,C.jsx)(OpenId,{}),((null==re?void 0:re.generic)||(null==re?void 0:re.google)||(null==re?void 0:re.microsoft))&&re.standard&&(0,C.jsx)("div",{className:y.kr,children:"or"}),(null==re?void 0:re.standard)&&(0,C.jsxs)(C.Fragment,{children:["enter"==p&&(0,C.jsxs)("form",{children:[(0,C.jsx)(A,{id:"username",value:N,autoComplete:"username",autoFocus:!0,type:"email",placeholder:$("auth.input.email"),onChange:function onChange(e){return b(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&q()}}),(0,C.jsx)(A,{value:D,id:"password",type:"password",autoComplete:"current-password",hidden:!0,autoFocus:!0,placeholder:$("auth.input.password"),onChange:function onChange(e){return T(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&ee()}})]}),"login"==p&&(0,C.jsxs)("form",{children:[Y&&(0,C.jsx)(A,{value:Z,type:"text",autoFocus:!0,placeholder:$("auth.input.otp"),onChange:function onChange(e){return O(e.target.value)}}),(0,C.jsx)(A,{value:N,type:"email",readOnly:!0,placeholder:$("auth.input.email"),resetInput:function reset(){M("enter"),b(""),T(""),X(void 0)}}),(0,C.jsx)(A,{value:D,type:"password",id:"password",autoFocus:!0,placeholder:$("auth.input.password"),onChange:function onChange(e){return T(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&ee()}})]}),(0,C.jsxs)(AuthButton,{id:"submit",disabled:te||j,onClick:"enter"==p?q:ee,children:[j?(0,C.jsx)(U.Z,{size:24,color:"inherit"}):void 0,j?void 0:$("enter"==p?"auth.button.continue":"auth.button.login")]}),"login"==p&&(0,C.jsx)("div",{style:{textAlign:"center"},children:(0,C.jsx)("div",{className:y.p4,onClick:ne,children:$("auth.button.forgotpassword")})})]})]})}));var W=(0,O.jl)("Framework","RequestNewPassword");function RequestNewPassword(e){var n=e.initEmail,t=(0,o.KH)(),s=t.authorizationStore,l=t.apiHandler,d=t.loadingAndErrorStore,c=(0,r.useState)(n),g=(0,a.Z)(c,2),x=g[0],p=g[1],M=(0,r.useState)(!1),h=(0,a.Z)(M,2),v=h[0],j=h[1],w=(0,r.useState)(),m=(0,a.Z)(w,2),I=m[0],N=m[1],f=(0,r.useState)(),b=(0,a.Z)(f,2),z=b[0],S=b[1],D=(0,P.$G)().t,T=function(){var e=(0,i.Z)(u().mark((function _callee(){return u().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,S(!0),d.toggleLoading("SendPassword"),e.next=5,l.sendPasswordRecoveryMail({email:x});case 5:S(!1),d.toggleLoading("SendPassword"),j(!0),N(void 0),e.next=17;break;case 11:e.prev=11,e.t0=e.catch(0),W.error(new L.GE("Error while sending password recovery mail",{cause:e.t0})),N("auth.error.resetpassword"),S(!1),d.toggleLoading("SendPassword");case 17:case"end":return e.stop()}}),_callee,null,[[0,11]])})));return function resetPassword(){return e.apply(this,arguments)}}(),k=function toLogin(){s.close(),s.showLogin()};return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(Header,{title:D("auth.title.resetpassword"),text:D("auth.info.resetdescription",""),errorText:null!=I?I:""}),v&&(0,C.jsxs)("div",{className:y.Vp,children:[(0,C.jsx)("span",{}),(0,C.jsx)("div",{children:D("auth.info.resetpassword")})]}),!v&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(A,{value:x,autoFocus:!0,placeholder:D("auth.input.email"),onChange:function onChange(e){return p(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&T()},resetInput:k}),(0,C.jsx)(AuthButton,{disabled:0==x.length,onClick:T,children:D("auth.button.resetpassword")})]}),v&&(0,C.jsx)(AuthButton,{disabled:z,onClick:k,children:D("auth.button.login")})]})}function Errormessage(e){var n=e.hasError,t=e.authErrorsg,r=(0,P.$G)().t;return(0,C.jsxs)("div",{className:y.vU,children:[(0,C.jsx)("span",{}),"INVALID"==n&&(0,C.jsx)("div",{children:r("auth.error.verifypassword")}),"SERVER"==n&&(0,C.jsx)("div",{children:t})]})}var H=(0,O.jl)("Framework","cfhange-password");function ChangePassword(e){var n,t=e.token,s=(0,o.KH)(),l=s.configurationStore,d=s.authorizationStore,c=s.apiHandler,g=(s.loadingAndErrorStore,(0,r.useState)("")),x=(0,a.Z)(g,2),p=x[0],M=x[1],h=(0,r.useState)(""),v=(0,a.Z)(h,2),j=v[0],w=v[1],m=(0,r.useState)(!1),I=(0,a.Z)(m,2),N=I[0],f=I[1],b=(0,r.useState)(),z=(0,a.Z)(b,2),S=z[0],D=z[1],T=(0,r.useState)(""),k=(0,a.Z)(T,2),E=k[0],Z=k[1],O=(0,r.useRef)(null),U=(0,P.$G)().t;(0,r.useEffect)((function(){p===j&&D(void 0)}),[p,j]);var B=function(){var e=(0,i.Z)(u().mark((function _callee(){return u().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(Z(U("auth.error.verifypasswordserver")),!(p.length<8||p!==j)){e.next=4;break}return D("INVALID"),e.abrupt("return");case 4:return e.prev=4,e.next=7,c.resetPassword({password:p,token:t});case 7:f(!0),e.next=13;break;case 10:e.prev=10,e.t0=e.catch(4),G(e.t0);case 13:case"end":return e.stop()}}),_callee,null,[[4,10]])})));return function resetPassword(){return e.apply(this,arguments)}}(),G=function handleError(e){if(e instanceof L.GE){if("AUTH_0003"===e.name)Z(U("auth.error.verifypasswordtokenerror",{errormsg:U("auth.error.tokenexpired")}));else Z(U("auth.error.verifypasswordserver",e.message));H.error(e)}H.error(new L.GE("Error while resetting password",{cause:e})),D("SERVER")};return"SERVER"===S?(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(Errormessage,{hasError:S,authErrorsg:E}),(0,C.jsx)(AuthButton,{onClick:function onClickRequestNewPassword(){d.showRequestNewPassword("")},children:U("auth.button.resetpassword")})]}):(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("h1",{children:U("auth.title.verifypassword")}),N&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{className:y.Vp,children:[(0,C.jsx)("span",{}),(0,C.jsx)("div",{children:U("auth.info.verifypassword")})]}),(null===(n=l.authentication.resetPassword)||void 0===n?void 0:n.returnToLogin)&&(0,C.jsx)(AuthButton,{onClick:function goToLogin(){d.close(),d.showLogin()},children:U("auth.button.login")})]}),!N&&(0,C.jsxs)(C.Fragment,{children:[S&&(0,C.jsx)(Errormessage,{hasError:S,authErrorsg:E}),(0,C.jsxs)("form",{children:[(0,C.jsx)(A,{value:p,autoFocus:!0,placeholder:U("auth.input.password"),type:"password",autoComplete:"new-password",onChange:function onChange(e){return M(e.target.value)},onKeyPress:function onKeyPress(e){var n;return"Enter"==e.key&&(null===(n=O.current)||void 0===n?void 0:n.focus())}}),(0,C.jsx)(A,{ref:O,value:j,placeholder:U("auth.input.verifypassword"),type:"password",autoComplete:"new-password",onChange:function onChange(e){return w(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&B()}})]}),(0,C.jsx)(AuthButton,{disabled:!p||!j,onClick:B,children:U("auth.button.save")})]})]})}var F=t(5287);function WelcomeScreen(e){var n=e.isNewUser,t=e.invitationId,s=e.invitationOrgId,l=(0,o.KH)(),d=l.authorizationStore,c=l.authorizationHandler,g=(0,r.useState)(""),x=(0,a.Z)(g,2),p=x[0],M=x[1],h=(0,P.$G)().t,v=function(){var e=(0,i.Z)(u().mark((function _callee(){var e;return u().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,checkInvitation();case 2:(e=n.sent)&&(d.close(),d.showLogin(void 0,void 0,s,t,e));case 4:case"end":return n.stop()}}),_callee)})));return function toLogin(){return e.apply(this,arguments)}}(),j=function(){var e=(0,i.Z)(u().mark((function _callee2(){var e;return u().wrap((function _callee2$(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,checkInvitation();case 2:(e=n.sent)&&(d.close(),d.showRegister(t,e));case 4:case"end":return n.stop()}}),_callee2)})));return function toRegister(){return e.apply(this,arguments)}}();function checkInvitation(){return _checkInvitation.apply(this,arguments)}function _checkInvitation(){return _checkInvitation=(0,i.Z)(u().mark((function _callee3(){var e,n,t;return u().wrap((function _callee3$(r){for(;;)switch(r.prev=r.next){case 0:return n=null===(e=d.state)||void 0===e?void 0:e.invitationId,r.next=3,c.getInvitationValue("email",n);case 3:if(!(t=r.sent)){r.next=8;break}return r.abrupt("return",t.email);case 8:return M("Invitation not found"),r.abrupt("return",void 0);case 10:case"end":return r.stop()}}),_callee3)}))),_checkInvitation.apply(this,arguments)}return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(Header,{title:h("auth.title.welcome"),text:h("auth.info.welcomedescription",""),errorText:null!=p?p:""}),n&&!p&&(0,C.jsx)(AuthButton,{onClick:j,children:h("auth.title.register")}),!n&&!p&&(0,C.jsx)(AuthButton,{onClick:v,children:h("auth.button.login")})]})}var _=t(2859),Q={};Q.styleTagTransform=m(),Q.setAttributes=h(),Q.insert=p().bind(null,"head"),Q.domAPI=g(),Q.insertStyleElement=j();d()(_.ZP,Q);_.ZP&&_.ZP.locals&&_.ZP.locals;var V=(0,O.jl)("Framework","Register");const K=(0,N.Pi)((function Register(){var e,n,t,s,l,d,c=(0,o.KH)(),g=c.authorizationStore,x=c.configurationStore,p=(0,P.$G)().t,M=(0,r.useState)(null!==(e=null===(n=g.state)||void 0===n?void 0:n.email)&&void 0!==e?e:""),h=(0,a.Z)(M,2),v=h[0],j=h[1],w=(0,r.useState)(""),m=(0,a.Z)(w,2),I=m[0],N=m[1],b=(0,r.useState)(""),z=(0,a.Z)(b,2),S=z[0],D=z[1],T=(0,r.useState)(""),k=(0,a.Z)(T,2),E=k[0],Z=k[1],O=(0,r.useState)(""),G=(0,a.Z)(O,2),R=G[0],Y=G[1],W=(0,r.useState)(""),H=(0,a.Z)(W,2),F=H[0],Q=H[1],K=(0,r.useState)(""),J=(0,a.Z)(K,2),X=J[0],$=J[1],q=(0,r.useState)(!1),ee=(0,a.Z)(q,2),ne=ee[0],te=ee[1],re=function(){var e=(0,i.Z)(u().mark((function _callee(){var e;return u().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.prev=0,te(!0),n.next=4,(0,f.fl)(g.register(v,I,R,E,null===(e=g.state)||void 0===e?void 0:e.invitationId,oe?X:void 0));case 4:j(""),N(""),D(""),Y(""),Z(""),n.next=15;break;case 11:n.prev=11,n.t0=n.catch(0),Q("auth.error.invitationotp"),V.error(new L.GE("Error while registering",{cause:n.t0}));case 15:return n.prev=15,te(!1),n.finish(15);case 18:case"end":return n.stop()}}),_callee,null,[[0,11,15,18]])})));return function onRegister(){return e.apply(this,arguments)}}(),oe=null===(t=g.state)||void 0===t?void 0:t.useOtp,ie=function validPassword(){return oe?null!=X&&""!==X&&I==S&&""!=I&&null!=I:I==S&&""!=I&&null!=I},ae=null===(s=g.state)||void 0===s?void 0:s.loginMethods;return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(Header,{title:p("auth.title.register"),text:p("auth.text.register",""),errorText:null!=F?F:""}),(0,C.jsx)(OpenId,{}),((null==ae?void 0:ae.generic)||(null==ae?void 0:ae.google)||(null==ae?void 0:ae.microsoft))&&ae.standard&&(0,C.jsx)("div",{className:y.kr,children:"or"}),(null==ae?void 0:ae.standard)&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("form",{children:[oe&&(0,C.jsx)(A,{type:"text",value:X,placeholder:p("auth.input.otp"),onChange:function onChange(e){return $(e.target.value)}}),(0,C.jsx)(A,{value:R,autoFocus:!0,placeholder:p("backoffice.form.userdetails.items.name"),onChange:function onChange(e){return Y(e.target.value)}}),(0,C.jsx)(A,{value:E,autoFocus:!0,placeholder:p("backoffice.form.userdetails.items.familyName"),onChange:function onChange(e){return Z(e.target.value)}}),(0,C.jsx)(A,{value:v,autoComplete:"email",autoFocus:!0,placeholder:p("auth.input.email"),disabled:!0}),(0,C.jsx)(A,{value:I,type:"password",autoFocus:!0,placeholder:p("auth.input.newpassword"),onChange:function onChange(e){return N(e.target.value)}}),(0,C.jsx)(A,{value:S,type:"password",autoFocus:!0,placeholder:p("auth.input.repeatpassword"),onChange:function onChange(e){return D(e.target.value)}}),(0,C.jsx)("div",{className:_.ZL,children:(0,C.jsxs)("div",{className:_.KL,children:[(0,C.jsx)("span",{children:p("auth.acceptprivacyandagb")}),(0,C.jsxs)("span",{children:[(0,C.jsx)("a",{target:"_blank",href:null!==(l=x.navigation.tosUrl)&&void 0!==l?l:"https://www.diva-portal.de/agb",children:p("auth.GeneralTerms")}),", ",(0,C.jsx)("a",{target:"_blank",href:null!==(d=x.navigation.privacyUrl)&&void 0!==d?d:"https://www.diva-portal.de/datenschutz",children:p("auth.privacypolicy")})]})]})}),(0,C.jsx)(B.Z,{severity:"warning",sx:{display:ie()?"none":"flex"},children:p("auth.input.passwordsnotmatch")})]}),(0,C.jsxs)(AuthButton,{disabled:!ie()||ne,onClick:ie()?re:void 0,children:[ne?(0,C.jsx)(U.Z,{size:24,color:"inherit"}):void 0,ne?void 0:p("auth.input.login")]})]})]})}));var J=t(4376);var X=(0,N.Pi)((function(){var e,n=(0,o.KH)().authorizationStore;switch(null===(e=n.state)||void 0===e?void 0:e.type){case"LOGIN":return(0,C.jsx)(Y,{});case"REQUEST_NEW_PASSWORD":return(0,C.jsx)(RequestNewPassword,{initEmail:n.state.email});case"CHANGE_PASSWORD":return(0,C.jsx)(ChangePassword,{token:n.state.token});case"WELCOME":return(0,C.jsx)(WelcomeScreen,{isNewUser:n.state.isNewUser,invitationId:n.state.invitationId,invitationOrgId:n.state.invitationOrgId});case"REGISTER":return(0,C.jsx)(K,{});case"INVITATION_EXPIRED":return(0,C.jsx)("h1",{children:"Abgelaufen"});default:return(0,C.jsx)(C.Fragment,{})}}));const $=(0,N.Pi)((function Auth(){var e,n,t,i,a=(0,o.KH)(),s=a.authorizationStore,u=a.configurationStore,l=a.dataStore,d=a.contentStore,c=(0,r.useMemo)((function(){var e,n,t,r="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMTAwMCAyOTMuNjUiPjxwYXRoIGQ9Ik0yNTAuODksMTQ3LjNjLTMuMTgtNzQtMzAuNC0xNDMuMTgtMTQxLjczLTE0My4xOEwwLDQuMjZBMzA3Ljg2LDMwNy44NiwwLDAsMSwyNi4xMiw2MC43aDc0LjJjNTIuODYsMCw3NiwyNS42OCw3OC42MSw4NS4yOSwyLjY2LDYxLjgxLTE4LjI5LDg3LjkyLTcxLjE1LDg3LjkySDc5LjJsLTQ2LjcxLjUyYTI4Ny4yOSwyODcuMjksMCwwLDEtMjAsNTMuODhoMTA5YzExMS4zMiwwLDEzMi42Ny02NywxMjkuNDgtMTQxTTMwNi44NCwyODloNzEuMjNWMGEzMDAuMDcsMzAwLjA3LDAsMCwxLTcxLjIzLDI1LjkyWm0zMTguOC42Mkw3MjYuNTkuODVhMzAwLDMwMCwwLDAsMS04My42NSwzMi4yNEw1NzcuMTEsMjI0LDUxMS4yOSwzMy4wOUEzMDAsMzAwLDAsMCwxLDQyNy42NC44NWwxMDEsMjg4Ljc2Wm0zNzQuMzYsNEw4OTkuMDUsNC45MUg4MDJMNzc1LjE0LDgxLjc0LDcwMS4wNSwyOTMuNjVBMzAwLjMyLDMwMC4zMiwwLDAsMSw3ODUsMjYxLjM1bDYuNzktMjEsMTkuMTQtNTcuNTRMODUwLjUyLDYybDQwLjA3LDEyMC44NSwxOC43LDU3LjU0LDcsMjFBMzAwLjIsMzAwLjIsMCwwLDEsMTAwMCwyOTMuNjUiIGZpbGw9IiNiM2IzYjMiLz48L3N2Zz4=";if(null!==(e=l.organization)&&void 0!==e&&e.logoUrl)r=null===(t=l.organization)||void 0===t?void 0:t.logoUrl;else if(null!==(n=u.navigation)&&void 0!==n&&n.logoUrl){var o;r=null===(o=u.navigation)||void 0===o?void 0:o.logoUrl}return r}),[null===(e=u.navigation)||void 0===e?void 0:e.logoUrl,null===(n=l.organization)||void 0===n?void 0:n.logoUrl]);return null==s.state?(0,C.jsx)(C.Fragment,{}):(0,C.jsxs)("div",{className:y.I8,children:[(null==u||null===(t=u.navigation)||void 0===t?void 0:t.showSnow)&&(0,C.jsx)(J.Z,{color:"#a7b6eb",speed:[0,2.5],wind:[-1,.5],snowflakeCount:300,radius:[.5,2],style:{zIndex:1e3}}),(0,C.jsxs)("div",{className:y.NB,children:[(!d.containerDimensions.isMobile||d.containerDimensions.isPortrait)&&(0,C.jsx)("div",{className:y.tn,style:{height:null!==(i=u.configuration.loginLogoHeight)&&void 0!==i?i:50,backgroundImage:"url(".concat(c,")")}}),(0,C.jsx)(X,{})]}),u.authentication.contentBox&&(!d.containerDimensions.isMobile||d.containerDimensions.isTablet&&!d.containerDimensions.isPortrait)&&(0,C.jsx)("div",{style:{width:"calc(100% - 400px)",height:"100%",position:"relative",overflow:"hidden"},children:(0,C.jsx)(F.p,{settings:{contentBoxProps:(0,f.ZN)(u.authentication.contentBox.props)}})})]})}))},2859:(e,n,t)=>{t.d(n,{KL:()=>u,ZL:()=>s,ZP:()=>l});var r=t(8081),o=t.n(r),i=t(3645),a=t.n(i)()(o());a.push([e.id,".index-module--dVHCc {\n display: flex;\n align-items: center;\n gap: 5px;\n padding: 10px;\n}\n\n.index-module--Wflkc {\n display: flex;\n flex-direction: column;\n font-size: 9px;\n}\n",""]);var s="index-module--dVHCc",u="index-module--Wflkc";const l=a},1479:(e,n,t)=>{t.d(n,{C3:()=>f,C4:()=>j,Eg:()=>S,FI:()=>b,I8:()=>w,NB:()=>m,OT:()=>C,Vp:()=>I,ZP:()=>A,dM:()=>L,kr:()=>D,lk:()=>z,p4:()=>k,qH:()=>T,tn:()=>y,vU:()=>N});var r=t(8081),o=t.n(r),i=t(3645),a=t.n(i),s=t(1667),u=t.n(s),l=new URL(t(6049),t.b),d=new URL(t(1894),t.b),c=new URL(t(4234),t.b),g=new URL(t(1),t.b),x=a()(o()),p=u()(l),M=u()(d),h=u()(c),v=u()(g);x.push([e.id,".index-module--BTAM2 {\n text-align: center;\n color: #474747;\n}\n\n.index-module--cBNhH {\n height: 100%;\n width: 100%;\n display: flex;\n background-color: rgba(255, 255, 255);\n z-index: 3;\n overflow: auto;\n justify-content: center;\n align-items: center;\n position: absolute;\n}\n\n.index-module--n9dQl {\n padding: 20px;\n width: 400px;\n margin: 50px auto auto auto;\n position: relative;\n}\n\n@media (max-height: 450px) {\n .index-module--n9dQl {\n margin: auto;\n }\n}\n\n.index-module--MrI6Y {\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n margin-bottom: 50px;\n}\n\n.index-module--eBp0a {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n margin: 15px 0;\n box-sizing: border-box;\n background-color: rgb(228, 244, 228);\n color: rgb(17, 97, 73);\n border: rgb(195, 231, 202) solid 1px;\n border-left: solid 4px;\n line-height: 20px;\n font-size: 16px;\n position: relative;\n}\n\n.index-module--eBp0a span {\n width: 30px;\n height: 100%;\n float: left;\n background-repeat: no-repeat;\n background-image: url("+p+');\n position: absolute;\n}\n\n.index-module--eBp0a div {\n text-align: justify;\n margin-left: 30px;\n}\n\n[dir="ltr"] .index-module--oPmWO {\n text-align: left;\n}\n\n[dir="rtl"] .index-module--oPmWO {\n text-align: right;\n}\n\n.index-module--oPmWO {\n border-left: 4px solid red !important;\n}\n\n.index-module--oPmWO {\n border-radius: 4px;\n padding: 10px;\n display: flex;\n align-items: center;\n}\n\n.index-module--yRap1 {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n margin: 15px 0;\n opacity: 0.85;\n font-size: 17px;\n line-height: 22px;\n cursor: pointer;\n box-sizing: border-box;\n background-color: var(--diva-theme-palette-primary-main);\n text-align: center;\n color: var(--diva-theme-palette-primary-contrast-text);\n text-transform: none;\n}\n\n.index-module--yRap1:hover {\n opacity: 1;\n}\n\n.index-module--__DUs {\n opacity: 0.3;\n cursor: auto;\n cursor: initial;\n}\n.index-module--__DUs:hover {\n opacity: 0.3;\n}\n\n.index-module--BUEWH {\n justify-content: space-around;\n text-transform: none;\n}\n\n.index-module--BUEWH div {\n width: 30px;\n height: 22px;\n float: left;\n background-repeat: no-repeat;\n background-size: contain;\n background-position: center;\n}\n\n.index-module--ruGim,\n.index-module--ahidG {\n font-size: medium;\n margin-top: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n background-color: white;\n color: #333;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-weight: 600;\n padding: 12px;\n transition: all 0.3s ease-in-out;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--ruGim:hover,\n.index-module--ahidG:hover {\n background-color: #f8f9fa;\n border-color: #bbb;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n}\n.index-module--ruGim div {\n background-image: url('+M+");\n}\n.index-module--ahidG div {\n background-image: url("+h+");\n}\n\n.index-module--fjoV4 {\n display: flex;\n align-items: center;\n text-align: center;\n color: rgb(184, 196, 194);\n}\n\n.index-module--fjoV4::before,\n.index-module--fjoV4::after {\n content: '';\n flex: 1;\n border-bottom: 1px solid rgb(184, 196, 194);\n}\n\n.index-module--fjoV4:not(:empty)::before {\n margin-right: 0.25em;\n}\n\n.index-module--fjoV4:not(:empty)::after {\n margin-left: 0.25em;\n}\n\n.index-module--UWcTu {\n width: 100%;\n padding: 1em;\n border: solid 1px rgba(0, 0, 0, 0.1);\n border-radius: 0.3em;\n outline: none;\n margin: 15px 0;\n box-sizing: border-box;\n}\n\n.index-module--UWcTu:hover,\n.index-module--UWcTu:focus,\n.index-module--UWcTu:active {\n border: solid 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--UWcTu::-moz-placeholder {\n color: rgba(0, 0, 0, 0.25);\n}\n\n.index-module--UWcTu::placeholder {\n color: rgba(0, 0, 0, 0.25);\n}\n\n.index-module--UWcTu.index-module--mvoXl {\n border: solid 1px rgba(0, 0, 0, 0.1);\n color: rgba(0, 0, 0, 0.25);\n}\n\n.index-module--gpZpF {\n position: relative;\n}\n\n.index-module--gpZpF:after {\n content: '';\n position: absolute;\n right: 10px;\n top: 0;\n bottom: 0;\n width: 20px;\n background: url("+v+") center / contain no-repeat;\n cursor: pointer;\n opacity: 0.7;\n}\n\n.index-module--PZ1eM {\n color: var(--diva-theme-palette-primary-main);\n cursor: pointer;\n display: inline-block;\n}\n",""]);var j="index-module--BTAM2",w="index-module--cBNhH",m="index-module--n9dQl",y="index-module--MrI6Y",I="index-module--eBp0a",N="index-module--oPmWO",L="index-module--yRap1",f="index-module--__DUs",b="index-module--BUEWH",z="index-module--ruGim",S="index-module--ahidG",D="index-module--fjoV4",T="index-module--UWcTu",C="index-module--mvoXl",k="index-module--PZ1eM";const A=x},1:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnICBpZD0iTGF5ZXJfMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSI1MTJweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGc+PHBhdGggZD0iTTI1NiwzM0MxMzIuMywzMywzMiwxMzMuMywzMiwyNTdjMCwxMjMuNywxMDAuMywyMjQsMjI0LDIyNGMxMjMuNywwLDIyNC0xMDAuMywyMjQtMjI0QzQ4MCwxMzMuMywzNzkuNywzMywyNTYsMzN6ICAgIE0zNjQuMywzMzIuNWMxLjUsMS41LDIuMywzLjUsMi4zLDUuNmMwLDIuMS0wLjgsNC4yLTIuMyw1LjZsLTIxLjYsMjEuN2MtMS42LDEuNi0zLjYsMi4zLTUuNiwyLjNjLTIsMC00LjEtMC44LTUuNi0yLjNMMjU2LDI4OS44ICAgbC03NS40LDc1LjdjLTEuNSwxLjYtMy42LDIuMy01LjYsMi4zYy0yLDAtNC4xLTAuOC01LjYtMi4zbC0yMS42LTIxLjdjLTEuNS0xLjUtMi4zLTMuNS0yLjMtNS42YzAtMi4xLDAuOC00LjIsMi4zLTUuNmw3NS43LTc2ICAgbC03NS45LTc1Yy0zLjEtMy4xLTMuMS04LjIsMC0xMS4zbDIxLjYtMjEuN2MxLjUtMS41LDMuNS0yLjMsNS42LTIuM2MyLjEsMCw0LjEsMC44LDUuNiwyLjNsNzUuNyw3NC43bDc1LjctNzQuNyAgIGMxLjUtMS41LDMuNS0yLjMsNS42LTIuM2MyLjEsMCw0LjEsMC44LDUuNiwyLjNsMjEuNiwyMS43YzMuMSwzLjEsMy4xLDguMiwwLDExLjNsLTc1LjksNzVMMzY0LjMsMzMyLjV6Ii8+PC9nPjwvc3ZnPg=="},1894:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iLTMgMCAyNjIgMjYyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48cGF0aCBkPSJNMjU1Ljg3OCAxMzMuNDUxYzAtMTAuNzM0LS44NzEtMTguNTY3LTIuNzU2LTI2LjY5SDEzMC41NXY0OC40NDhoNzEuOTQ3Yy0xLjQ1IDEyLjA0LTkuMjgzIDMwLjE3Mi0yNi42OSA0Mi4zNTZsLS4yNDQgMS42MjIgMzguNzU1IDMwLjAyMyAyLjY4NS4yNjhjMjQuNjU5LTIyLjc3NCAzOC44NzUtNTYuMjgyIDM4Ljg3NS05Ni4wMjciIGZpbGw9IiM0Mjg1RjQiLz48cGF0aCBkPSJNMTMwLjU1IDI2MS4xYzM1LjI0OCAwIDY0LjgzOS0xMS42MDUgODYuNDUzLTMxLjYyMmwtNDEuMTk2LTMxLjkxM2MtMTEuMDI0IDcuNjg4LTI1LjgyIDEzLjA1NS00NS4yNTcgMTMuMDU1LTM0LjUyMyAwLTYzLjgyNC0yMi43NzMtNzQuMjY5LTU0LjI1bC0xLjUzMS4xMy00MC4yOTggMzEuMTg3LS41MjcgMS40NjVDMzUuMzkzIDIzMS43OTggNzkuNDkgMjYxLjEgMTMwLjU1IDI2MS4xIiBmaWxsPSIjMzRBODUzIi8+PHBhdGggZD0iTTU2LjI4MSAxNTYuMzdjLTIuNzU2LTguMTIzLTQuMzUxLTE2LjgyNy00LjM1MS0yNS44MiAwLTguOTk0IDEuNTk1LTE3LjY5NyA0LjIwNi0yNS44MmwtLjA3My0xLjczTDE1LjI2IDcxLjMxMmwtMS4zMzUuNjM1QzUuMDc3IDg5LjY0NCAwIDEwOS41MTcgMCAxMzAuNTVzNS4wNzcgNDAuOTA1IDEzLjkyNSA1OC42MDJsNDIuMzU2LTMyLjc4MiIgZmlsbD0iI0ZCQkMwNSIvPjxwYXRoIGQ9Ik0xMzAuNTUgNTAuNDc5YzI0LjUxNCAwIDQxLjA1IDEwLjU4OSA1MC40NzkgMTkuNDM4bDM2Ljg0NC0zNS45NzRDMTk1LjI0NSAxMi45MSAxNjUuNzk4IDAgMTMwLjU1IDAgNzkuNDkgMCAzNS4zOTMgMjkuMzAxIDEzLjkyNSA3MS45NDdsNDIuMjExIDMyLjc4M2MxMC41OS0zMS40NzcgMzkuODkxLTU0LjI1MSA3NC40MTQtNTQuMjUxIiBmaWxsPSIjRUI0MzM1Ii8+PC9zdmc+"},4234:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKYXJpYS1sYWJlbD0iTWljcm9zb2Z0IiByb2xlPSJpbWciCnZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cmVjdAp3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIKcng9IjE1JSIKZmlsbD0iI2ZmZmZmZiIvPjxwYXRoCmQ9Ik03NSA3NXYxNzFoMTcxdi0xNzF6IiBmaWxsPSIjZjI1MDIyIi8+PHBhdGgKZD0iTTI2NiA3NXYxNzFoMTcxdi0xNzF6IiBmaWxsPSIjN2ZiYTAwIi8+PHBhdGgKZD0iTTc1IDI2NnYxNzFoMTcxdi0xNzF6IiBmaWxsPSIjMDBhNGVmIi8+PHBhdGgKZD0iTTI2NiAyNjZ2MTcxaDE3MXYtMTcxeiIgZmlsbD0iI2ZmYjkwMCIvPjwvc3ZnPg=="},6049:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyBmaWxsPSJyZ2IoMTksIDE3MCwgODIpIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiICAgdmlld0JveD0iMCAwIDI0IDI0IiA+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDE1QTcgNyAwIDEwOCAxYTcgNyAwIDAwMCAxNHptMi40NDgtMTAuMTA0YS45OTcuOTk3IDAgMTExLjUwOCAxLjMwNmwtNC41NzIgNS4yOGExIDEgMCAwMS0xLjY0LS4wN2wtMS44Mi0yLjg2OGExIDEgMCAxMTEuNjktMS4wN2wxLjEgMS43MzQgMy43MzQtNC4zMTJ6IiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48L3N2Zz4="}}]);
package/build/umd/472.quick-config.umd.min.js.LICENSE.txt ADDED
@@ -0,0 +1 @@
1
+ /*! filename:472 */