@configura/web-ui 1.4.0-alpha.3 → 1.5.0-alpha.0

package/dist/css/web-ui.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/scss/_range-view.scss","../../src/scss/web-ui.scss","../../src/scss/_utilities.scss","../../src/scss/_button.scss","../../src/scss/_mixins.scss","../../src/scss/_themed.scss","../../src/scss/_configurator.scss","../../src/scss/_variables.scss","../../src/scss/_expandable.scss","../../src/scss/_hr.scss","../../src/scss/_feature-item.scss","../../src/scss/_option-tree.scss","../../src/scss/_product-information.scss","../../src/scss/_loading.scss","../../src/scss/_slider.scss","../../src/scss/icons/_checkmark.scss","../../src/scss/icons/_chevron.scss"],"names":[],"mappings":"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DdmpBH,Cc9oBE,sBXDD,yBAAA,CAYA,kBH+oBD,CcxpBG,oDXJF,kBAAA,CAEA,YAAA,CACA,aAAA,CACA,YAAA,CACA,sBAAA,CACA,mBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,WHgqBD,CcpqBG,8BXHF,sBAAA,CAYA,kBH2pBD,CezsBC,YZYA,qBAAA,CYNC,oBAAA,CACA,Uf0sBF,CGpsBC,qCAEC,kBHqsBF,CG9rBC,cAVA,qBH2sBD,CG1sBC,uCAEC,kBH2sBF,CejtBE,uBACC,wBfmtBH,CejtBG,6BACC,0BfmtBJ,CehtBG,2BACC,2BfktBJ,Ce9sBE,kBACC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCfgtBH,Ce3sBG,6DACC,Wf6sBJ,Ce3sBG,+DACC,cf6sBJ,CexsBG,4BACC,uBf0sBJ,CensBG,uDACC,wBfwsBJ,CersBG,2BACC,uBfusBJ,CEvuBC,yBCRA,qBAAA,CDRA,oBAAA,CACA,4BAAA,CACA,aE8EC,CF7ED,kBAAA,CACA,yBAAA,CACA,eAAA,CACA,eAAA,CACA,YAAA,CACA,iBF+vBD,CG9vBC,+DAEC,kBH+vBF,CGxvBC,2BAVA,qBHqwBD,CGpwBC,iEAEC,kBHqwBF,CEtwBC,+BCNA,+CH+wBD,CE/vBC,4BCZA,qBH8wBD,CG7wBC,qEAEC,kBH8wBF,CGvwBC,8BAVA,qBHoxBD,CGnxBC,uEAEC,kBHoxBF,CExwBG,mDACC,eF0wBJ,CKlyBC,+BFQA,qBAAA,CAgBA,iIAAA,CErBC,cCNa,CDOb,aDiF4C,CChF5C,WLoyBF,CGhyBC,2EAEC,kBHiyBF,CG1xBC,iCAVA,qBHuyBD,CGtyBC,6EAEC,kBHuyBF,CK1yBC,qCACC,gCAAA,CACA,yBAAA,CACA,iBL4yBF,CK1yBE,8CACC,cL4yBH,CKxyBC,mCACC,eL0yBF,CKvyBC,gCFdA,qBAAA,CEgBC,iBAAA,CACA,YAAA,CACA,wBAAA,CAAA,gBLyyBF,CG1zBC,6EAEC,kBH2zBF,CGpzBC,kCAVA,qBHi0BD,CGh0BC,+EAEC,kBHi0BF,CKhzBE,uCACC,YLkzBH,CK9yBC,sCFzBA,qBAAA,CE2BC,aDkD4C,CCjD5C,WAAA,CACA,ULgzBF,CG50BC,yFAEC,kBH60BF,CGt0BC,wCAVA,qBHm1BD,CGl1BC,2FAEC,kBHm1BF,CKtzBC,0CACC,sCACC,YAAA,CACA,kBLwzBD,CKtzBC,uDACC,YAAA,CACA,WLwzBF,CKrzBC,wDACC,YAAA,CACA,WAAA,CACA,eAAA,CACA,eAAA,CACA,KLuzBF,CACF,COn3BC,uCJYA,qBAAA,CAdA,uBAAA,CAAA,eAAA,CACA,mBAAA,CACA,iBAAA,CACA,aAAA,CACA,eAAA,CACA,WAAA,CACA,SAAA,CIDC,mBAAA,CACA,YAAA,CACA,YAAA,CACA,SAAA,CACA,iBAAA,CACA,UP23BF,CGt3BC,2FAEC,kBHu3BF,CGh3BC,yCAVA,qBH63BD,CG53BC,6FAEC,kBH63BF,COl4BE,mDACC,cPo4BH,COj4BE,8CACC,kBAAA,CACA,YAAA,CACA,aAAA,CACA,eAAA,CACA,eAAA,CACA,0BPm4BH,COh4BE,6CACC,kBAAA,CACA,YAAA,CACA,YAAA,CACA,sBAAA,CACA,ePk4BH,CQt5BC,qBLIA,qBAAA,CKXA,QAAA,CACA,gCAAA,CACA,SAAA,CACA,QRi6BD,CGx5BC,uDAEC,kBHy5BF,CGl5BC,uBAVA,qBH+5BD,CG95BC,yDAEC,kBH+5BF,CSn6BC,iCACC,kBAAA,CACA,oBAAA,CACA,UAAA,CACA,STq6BF,CSl6BC,uCACC,kBAAA,CACA,YAAA,CACA,cAAA,CACA,0BTo6BF,CSj6BC,8BNbA,qBAAA,CMgBC,aTm6BF,CGl7BC,yEAEC,kBHm7BF,CG56BC,gCAVA,qBHy7BD,CGx7BC,2EAEC,kBHy7BF,CS16BE,wCNhCD,uBAAA,CAAA,eAAA,CACA,mBAAA,CACA,iBAAA,CACA,aAAA,CACA,eAAA,CACA,WAAA,CACA,SAAA,CM4BE,mBAAA,CACA,YAAA,CACA,YAAA,CACA,SAAA,CACA,iBAAA,CACA,UAAA,CACA,cTk7BH,CS/6BE,wCACC,cTi7BH,CS96BE,2CACC,aAAA,CACA,SAAA,CACA,iBAAA,CACA,UTg7BH,CS76BE,qCNlBD,yBAAA,CAiBA,iBH07BD,CSr7BE,6ENvBD,kBAAA,CAEA,YAAA,CACA,aAAA,CACA,YAAA,CACA,sBAAA,CACA,mBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,WHg9BD,CSj8BE,wCNtBD,yBAAA,CAYA,kBH28BD,CS37BE,mJNtDD,+CHo/BD,CSz7BE,0ENjCD,sBAAA,CAiBA,iBHq9BD,CSl8BE,uJNrCD,kBAAA,CAEA,YAAA,CACA,aAAA,CACA,YAAA,CACA,sBAAA,CACA,mBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,WH2+BD,CS98BE,6ENpCD,sBAAA,CAYA,kBHs+BD,CSz8BC,sGAEC,aAAA,CACA,eT28BF,CSx8BC,wFAEC,eT08BF,CSv8BC,2CACC,eAAA,CACA,eAAA,CACA,UTy8BF,CSt8BC,2DACC,YTw8BF,CSr8BC,oCACC,kBAAA,CACA,YTu8BF,CSp8BC,sCACC,kBAAA,CACA,YAAA,CACA,sBAAA,CACA,eTs8BF,CSp8BE,8CACC,eAAA,CACA,eAAA,CACA,eAAA,CACA,SAAA,CACA,wBTs8BH,CSj8BC,mFACC,mBTm8BF,CUrjCC,6BPQA,qBAAA,COLC,eAAA,CACA,QAAA,CACA,SVsjCF,CGljCC,uEAEC,kBHmjCF,CG5iCC,+BAVA,qBHyjCD,CGxjCC,yEAEC,kBHyjCF,CU7jCE,uCACC,kBV+jCH,CU5jCE,qCACC,iBV8jCH,CU3jCE,wCACC,iBV6jCH,CW5kCC,8BROA,qBAAA,CQJC,aP6FoC,CO3FpC,YX4kCF,CGzkCC,yEAEC,kBH0kCF,CGnkCC,gCAVA,qBHglCD,CG/kCC,2EAEC,kBHglCF,CWnlCE,oCACC,aAAA,CACA,WAAA,CACA,eXqlCH,CWllCE,qCACC,oBAAA,CACA,YAAA,CACA,qBAAA,CACA,aAAA,CACA,eAAA,CACA,oBAAA,CACA,WXolCH,CWjlCE,oCACC,aAAA,CACA,eAAA,CACA,eAAA,CACA,gBAAA,CACA,QXmlCH,CWhlCE,sCACC,eAAA,CACA,eAAA,CACA,gBAAA,CACA,QXklCH,CYhnCC,kCTEA,qBAAA,CSAC,kBAAA,CACA,YAAA,CACA,qBAAA,CACA,WAAA,CACA,sBAAA,CACA,UZknCF,CGtnCC,iFAEC,kBHunCF,CGhnCC,oCAVA,qBH6nCD,CG5nCC,mFAEC,kBH6nCF,CYxnCC,iCTRA,qBAAA,CSWC,kBAAA,CACA,qBRkFA,CQjFA,QAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,MAAA,CACA,iBAAA,CACA,OAAA,CACA,KAAA,CACA,YZynCF,CG7oCC,+EAEC,kBH8oCF,CGvoCC,mCAVA,qBHopCD,CGnpCC,iFAEC,kBHopCF,CYhoCE,+CACC,4BAAA,CACA,mBZkoCH,CYhoCG,mEACC,qBAAA,CACA,kBAAA,CACA,qBRgEF,CQ/DE,UAAA,CACA,qCZkoCJ,CY9nCE,6CACC,cAAA,CACA,YZgoCH,CY5nCC,kCT1CA,qBAAA,CAgBA,iIAAA,CS8BC,iBZ6nCF,CG1qCC,iFAEC,kBH2qCF,CGpqCC,oCAVA,qBHirCD,CGhrCC,mFAEC,kBHirCF,CYpoCE,wCACC,UR0CD,CQzCC,eAAA,CACA,eAAA,CACA,eZsoCH,CYloCC,0BTxDA,qBAAA,CS2DC,wCAAA,CACA,kBAAA,CAEA,qCR8BA,CQ9BA,wBR8BA,CQ7BA,oBAAA,CACA,UAAA,CACA,SZmoCF,CGnsCC,iEAEC,kBHosCF,CG7rCC,4BAVA,qBH0sCD,CGzsCC,mEAEC,kBH0sCF,CY1oCE,iCACC,iBAAA,CACA,UAAA,CACA,SZ4oCH,CYxoCC,kBACC,GACC,sBZ0oCD,CYxoCA,GACC,uBZ0oCD,CACF,Ca/sCC,yBVXA,qBAAA,CUmBC,MAAA,CACA,QAAA,CACA,SAAA,CACA,gBA/Bc,CAgCd,sBAAA,CACA,Yb2sCF,CGluCC,+DAEC,kBHmuCF,CG5tCC,2BAVA,qBHyuCD,CGxuCC,iEAEC,kBHyuCF,Ca9tCE,wEAEC,uBb+tCH,CartCE,wDAhCD,qBAAA,CACA,WAAA,CACA,WANa,CAOb,kBbwvCD,CaxtCE,2CAnCD,qBAAA,CACA,WAAA,CACA,WANa,CAOb,kBb8vCD,Ca3tCE,oCAtCD,qBAAA,CACA,WAAA,CACA,WANa,CAOb,kBbowCD,Ca7tCE,+CACC,iBAAA,CApCF,qBAAA,CACA,WAAA,CACA,WAZe,CAaf,YAbe,CAcf,iBAAA,CACA,eT8FC,CS7FD,sCbowCD,CanuCE,2CAvCD,qBAAA,CACA,WAAA,CACA,WAZe,CAaf,YAbe,CAcf,iBAAA,CACA,eT8FC,CS7FD,sCb6wCD,CazuCE,oCACC,YAAA,CA3CF,qBAAA,CACA,WAAA,CACA,WAZe,CAaf,YAbe,CAcf,iBAAA,CACA,eT8FC,CS7FD,sCbuxCD,Ca9uCE,sCACC,YbgvCH,Cc7yCC,4BXYA,qBAAA,CWNC,oBAAA,CACA,UAAA,CACA,Wd6yCF,CGxyCC,qEAEC,kBHyyCF,CGlyCC,8BAVA,qBH+yCD,CG9yCC,uEAEC,kBH+yCF,CcpzCE,uCACC,wBAAA,CACA,0BdszCH,CcnzCE,kCACC,WVoGD,CUnGC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCdqzCH,CclzCE,sCACC,WV4FD,CU3FC,yDdozCH,CcjzCE,uCACC,WVuFD,CUtFC,0DdmzCH,Cc9yCE,oCXDD,yBAAA,CAYA,kBH+yCD,CcxzCG,gFXJF,kBAAA,CAEA,YAAA,CACA,aAAA,CACA,YAAA,CACA,sBAAA,CACA,mBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,WHg0CD,Ccp0CG,4CXHF,sBAAA,CAYA,kBH2zCD,Cez2CC,0BZYA,qBAAA,CYNC,oBAAA,CACA,Ufy2CF,CGn2CC,iEAEC,kBHo2CF,CG71CC,4BAVA,qBH02CD,CGz2CC,mEAEC,kBH02CF,Ceh3CE,qCACC,wBfk3CH,Ceh3CG,2CACC,0Bfk3CJ,Ce/2CG,yCACC,2Bfi3CJ,Ce72CE,gCACC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCf+2CH,Ce12CG,yFACC,Wf42CJ,Ce12CG,2FACC,cf42CJ,Cev2CG,0CACC,uBfy2CJ,Cel2CG,mFACC,wBfu2CJ,Cep2CG,yCACC,uBfs2CJ","file":"web-ui.css","sourcesContent":[".cfgRangeView {\n\t&__inputs {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t&__number-input {\n\t\tfont-size: 1.5em;\n\t\tflex-grow: 1;\n\t\ttext-align: right;\n\t}\n\n\t&__unit-label {\n\t\tfont-size: 1.5em;\n\t\tmargin-left: 0.3em;\n\t}\n\n\t&__slider-input.cfgSlider {\n\t\tmargin-left: 1em;\n\t\tflex-grow: 3;\n\t}\n\n\t&__error {\n\t\tmargin-top: 1em;\n\t\tfont-size: 1.5em;\n\t\tcolor: #b00;\n\t}\n}\n","/**\n* Web UI Styling\n*/\n\n@use \"themed\";\n\n@include themed.themed(themed.$lightTheme);\n\n.cfgDarkTheme {\n\t@include themed.themed(themed.$darkTheme);\n}\n","/**\n * Web UI Utilities\n */\n\n.cfgMl1 {\n\tmargin-left: 1em;\n}\n\n.cfgMt1 {\n\tmargin-top: 1em;\n}\n\n.cfgMb1 {\n\tmargin-bottom: 1em;\n}\n\n.cfgTextOverflow {\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n","/**\n * Web UI Product information\n */\n@use \"mixins\";\n\n@mixin styles($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor) {\n\t@include mixins.cfgRootStyles;\n\tdisplay: inline-block;\n\tbackground-color: transparent;\n\tcolor: $textColor;\n\tborder-radius: 0.3em;\n\tborder: 0.1em solid $borderColor;\n\tfont-size: 1.3em;\n\tfont-weight: 500;\n\toutline: none;\n\tpadding: 0.4em 0.8em;\n\n\t&:focus {\n\t\t@include mixins.focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor);\n\t}\n}\n\n@mixin classes($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor) {\n\t.cfgButton {\n\t\t@include styles($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor);\n\t}\n\n\t.cfgButtonRow {\n\t\t@include mixins.cfgRootStyles;\n\t\t&__button {\n\t\t\t&:nth-child(n + 2) {\n\t\t\t\tmargin-left: 1em;\n\t\t\t}\n\t\t}\n\t}\n}\n","@mixin noButtonLook {\n\tappearance: none;\n\tfont-family: inherit;\n\tfont-size: inherit;\n\tcolor: inherit;\n\tbackground: none;\n\tborder: none;\n\tpadding: 0;\n}\n\n@mixin focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor) {\n\tbox-shadow: 0 0 0 0.075em $focusOutlineInnerColor, 0 0 0 0.2em $focusOutlineOuterColor;\n}\n\n@mixin borderBox {\n\tbox-sizing: border-box;\n\t&:before,\n\t&:after {\n\t\tbox-sizing: inherit;\n\t}\n}\n\n@mixin cfgRootStyles {\n\t@include borderBox;\n\n\t* {\n\t\t@include borderBox;\n\t}\n}\n\n@mixin cfgDefaultFont {\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif,\n\t\t\"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n\n@mixin cfgCheckAndRadio($color) {\n\talign-items: center;\n\tborder: 0.2em solid $color;\n\tdisplay: flex;\n\tflex: 0 0 auto;\n\theight: 2.2em;\n\tjustify-content: center;\n\tpointer-events: none;\n\tuser-select: none;\n\twidth: 2.2em;\n}\n\n@mixin cfgCheckbox($color) {\n\t@include cfgCheckAndRadio($color);\n\tborder-radius: 0.3em;\n}\n\n@mixin cfgRadio($color) {\n\t@include cfgCheckAndRadio($color);\n\tborder-radius: 50%;\n}\n","@use \"sass:map\";\n@use \"sass:color\";\n\n@use \"variables\" as v;\n\n// Components\n@use \"button\";\n\n@use \"configurator\";\n@use \"expandable\";\n@use \"hr\";\n@use \"feature-item\";\n@use \"option-tree\";\n@use \"product-information\";\n@use \"loading\";\n@use \"slider\";\n@use \"range-view\";\n\n// Icons\n@use \"icons/checkmark\";\n@use \"icons/chevron\";\n\n// Utilities\n@use \"utilities\";\n\n/* Colors */\n\n$black: hsl(0, 0%, 0%) !default;\n$white: hsl(0, 0%, 100%) !default;\n$darkGrey: hsl(0, 0%, 15%) !default;\n\n/* Specific colors */\n\n$border: hsl(252, 5%, 79%) !default;\n$borderDark: hsl(0, 0%, 73%) !default;\n$focusOutlineOuter: hsl(0, 0%, 13%) !default;\n$sliderTrack: #666 !default;\n$spinner2: hsla(0, 0%, 0%, 0.15);\n$grayText: hsl(0, 0%, 50%) !default;\n$text: hsl(0, 0%, 20%) !default;\n/* As convention we assume the default theme when naming colors,\n   as attempts at generic naming often leads to confussion */\n$lightTheme: (\n\t\"black\": $black,\n\t\"border\": $border,\n\t\"borderDark\": $borderDark,\n\t\"checkButtonChecked\": $black,\n\t\"checkButtonUnchecked\": $border,\n\t\"chevronActive\": $black,\n\t\"chevronPassive\": $borderDark,\n\t\"divider\": $border,\n\t\"focusOutlineInner\": $white,\n\t\"focusOutlineOuter\": $text,\n\t\"grayText\": $grayText,\n\t\"overlayBackground\": $white,\n\t\"sliderThumb\": $white,\n\t\"sliderThumbShadow\": $sliderTrack,\n\t\"sliderTrack\": $sliderTrack,\n\t\"spinner1\": $black,\n\t\"spinner2\": $spinner2,\n\t\"text\": $text,\n\t\"white\": $white,\n) !default;\n\n@function invertLightness($color) {\n\t@return color.change(\n\t\t$color,\n\t\t$lightness: 100 - color.lightness($color) * 0.8\n\t); // We scale with 80% to have a bit more contrast\n}\n\n@function invertLightnessList($list) {\n\t@each $key, $color in $list {\n\t\t$list: map.set($list, $key, invertLightness($color));\n\t}\n\t@return $list;\n}\n\n$darkTheme: invertLightnessList($lightTheme);\n\n$themes: (\n\t\"light\": $lightTheme,\n\t\"dark\": $darkTheme,\n);\n\n@mixin themed($ct, $baseFontSize: v.$baseFontSize, $overlayingZIndex: v.$overlayingZIndex) {\n\t@include button.classes(\n\t\tmap.get($ct, \"text\"),\n\t\tmap.get($ct, \"borderDark\"),\n\t\tmap.get($ct, \"focusOutlineInner\"),\n\t\tmap.get($ct, \"focusOutlineOuter\")\n\t);\n\t@include configurator.classes($baseFontSize, map.get($ct, \"text\"), map.get($ct, \"divider\"));\n\t@include expandable.classes;\n\t@include hr.classes(map.get($ct, \"divider\"));\n\t@include feature-item.classes(\n\t\tmap.get($ct, \"text\"),\n\t\tmap.get($ct, \"grayText\"),\n\t\tmap.get($ct, \"checkButtonUnchecked\"),\n\t\tmap.get($ct, \"checkButtonChecked\"),\n\t\tmap.get($ct, \"focusOutlineInner\"),\n\t\tmap.get($ct, \"focusOutlineOuter\")\n\t);\n\t@include option-tree.classes;\n\t@include product-information.classes(map.get($ct, \"text\"));\n\t@include loading.classes(\n\t\tmap.get($ct, \"black\"),\n\t\tmap.get($ct, \"spinner1\"),\n\t\tmap.get($ct, \"spinner2\"),\n\t\tmap.get($ct, \"overlayBackground\"),\n\t\t$overlayingZIndex\n\t);\n\n\t@include slider.classes(\n\t\tmap.get($ct, \"sliderTrack\"),\n\t\tmap.get($ct, \"sliderThumb\"),\n\t\tmap.get($ct, \"sliderThumbShadow\")\n\t);\n\t@include checkmark.classes(\n\t\tmap.get($ct, \"checkButtonChecked\"),\n\t\tmap.get($ct, \"checkButtonUnchecked\")\n\t);\n\t@include chevron.classes(map.get($ct, \"chevronActive\"), map.get($ct, \"chevronPassive\"));\n}\n","/**\n * Web UI Configurator\n */\n\n@use \"mixins\";\n\n@mixin classes($fontSize, $textColor, $headerUnderlineColor) {\n\t.cfgConfigurator {\n\t\t@include mixins.cfgRootStyles;\n\t\t@include mixins.cfgDefaultFont;\n\t\tfont-size: $fontSize;\n\t\tcolor: $textColor;\n\t\tmin-width: 0;\n\t}\n\n\t.cfgConfiguratorHeader {\n\t\tborder-bottom: 0.1em solid $headerUnderlineColor;\n\t\tpadding: 1.7em 1.7em 1.9em;\n\t\tposition: relative;\n\n\t\t&__actions {\n\t\t\tmargin-top: 1em;\n\t\t}\n\t}\n\n\t.cfgConfiguratorTree {\n\t\tpadding-top: 1em;\n\t}\n\n\t.cfgCanvasWrapper {\n\t\t@include mixins.cfgRootStyles;\n\t\tposition: relative;\n\t\theight: 50rem;\n\t\tuser-select: none;\n\n\t\t& canvas {\n\t\t\toutline: none;\n\t\t}\n\t}\n\n\t.cfgConfiguratorWrapper {\n\t\t@include mixins.cfgRootStyles;\n\t\tcolor: $textColor;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t@media screen and (orientation: landscape) {\n\t\t.cfgConfiguratorWrapper {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\n\t\t\t& > .cfgConfigurator {\n\t\t\t\tflex: 0 1 40%;\n\t\t\t\theight: 100%;\n\t\t\t}\n\n\t\t\t& .cfgCanvasWrapper {\n\t\t\t\tflex: 0 1 60%;\n\t\t\t\theight: 85vh;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\n * Web UI Variables\n */\n\t\n$baseFontSize: 10px !default; // We use 10px for easy em conversion\n$overlayingZIndex: 1000 !default;\n","@use \"mixins\";\n\n@mixin classes {\n\t.cfgExpandableHeadingRow {\n\t\t@include mixins.cfgRootStyles;\n\t\t@include mixins.noButtonLook;\n\t\talign-items: stretch;\n\t\tdisplay: flex;\n\t\theight: 3.9em;\n\t\toutline: 0;\n\t\tposition: relative;\n\t\twidth: 100%;\n\n\t\t&--expandable {\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t&__title {\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tflex: 1 1 auto;\n\t\t\tfont-size: 1.5em;\n\t\t\tfont-weight: 500;\n\t\t\tjustify-content: flex-start;\n\t\t}\n\n\t\t&__icon {\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tflex: 0 0 5em;\n\t\t\tjustify-content: center;\n\t\t\tpadding: 0 1.5em;\n\t\t}\n\n\t\t@content;\n\t}\n}\n","@use \"mixins\";\n\n@mixin styles($color) {\n\t@include mixins.cfgRootStyles;\n\tborder: 0;\n\tborder-bottom: 0.1em solid $color;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n@mixin classes($color) {\n\t.cfgHr {\n\t\t@include styles($color);\n\t\t@content;\n\t}\n}\n","/**\n * Web UI Feature item\n */\n\n@use \"mixins\";\n\n@mixin classes(\n\t$textColor,\n\t$grayTextColor,\n\t$checkButtonUncheckedColor,\n\t$checkButtonCheckedColor,\n\t$focusOutlineInnerColor,\n\t$focusOutlineOuterColor\n) {\n\t.cfgThumbnailImage {\n\t\tborder-radius: 0.7em;\n\t\tdisplay: inline-block;\n\t\theight: 3em;\n\t\twidth: 3em;\n\t}\n\n\t.cfgThumbnailPlaceholder {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex: 0 0 4.2em;\n\t\tjustify-content: flex-start;\n\t}\n\n\t.cfgFeatureItem {\n\t\t@include mixins.cfgRootStyles;\n\n\t\tcolor: $textColor;\n\n\t\t&__dropdown {\n\t\t\t@include mixins.noButtonLook;\n\t\t\talign-items: stretch;\n\t\t\tdisplay: flex;\n\t\t\theight: 3.9em;\n\t\t\toutline: 0;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t&--optional {\n\t\t\tmargin-top: 1em;\n\t\t}\n\n\t\t&__hiddenInput {\n\t\t\tleft: -99999px;\n\t\t\topacity: 0;\n\t\t\tposition: absolute;\n\t\t\tz-index: -1;\n\t\t}\n\n\t\t&__radio {\n\t\t\t@include mixins.cfgRadio($checkButtonUncheckedColor);\n\t\t}\n\n\t\t&__checkbox {\n\t\t\t@include mixins.cfgCheckbox($checkButtonUncheckedColor);\n\t\t}\n\n\t\t/* The &-syntax brings in the entire path, so the second part of this rule must be explicit */\n\n\t\t&__hiddenInput:focus ~ .cfgFeatureItem__radio,\n\t\t&__hiddenInput:focus ~ .cfgFeatureItem__checkbox {\n\t\t\t@include mixins.focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor);\n\t\t}\n\n\t\t&__hiddenInput:checked ~ .cfgFeatureItem__radio {\n\t\t\t@include mixins.cfgRadio($checkButtonCheckedColor);\n\t\t}\n\t\t&__hiddenInput:checked ~ .cfgFeatureItem__checkbox {\n\t\t\t@include mixins.cfgCheckbox($checkButtonCheckedColor);\n\t\t}\n\t}\n\n\t.cfgFeatureItemOptional__titleWrapper,\n\t.cfgFeatureItemOption__titleWrapper {\n\t\tflex: 1 1 auto;\n\t\tmargin-left: 1em;\n\t}\n\n\t.cfgFeatureItemOptional__title,\n\t.cfgFeatureItemOption__title {\n\t\tfont-size: 1.5em;\n\t}\n\n\t.cfgFeatureItemOption__price {\n\t\tfont-weight: 600;\n\t\tfont-size: 0.75em;\n\t\tcolor: $grayTextColor;\n\t}\n\n\t.cfgOptionTree--subLevel .cfgFeatureItem__hr {\n\t\tdisplay: none;\n\t}\n\n\t.cfgFeatureItemOption {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t}\n\n\t.cfgFeatureItemOptional {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tmargin-top: 0.5em;\n\n\t\t&__header {\n\t\t\tfont-size: 1.2em;\n\t\t\tfont-weight: 600;\n\t\t\tmargin: 0 0 0.3em 0;\n\t\t\tpadding: 0;\n\t\t\ttext-transform: uppercase;\n\t\t}\n\t}\n\n\t/* The last themathic break (hr) we move under the next thematic break so it appears as one */\n\t.cfgAdditionalProduct .cfgFeatureItem:last-child .cfgFeatureItem__hr {\n\t\tmargin-bottom: -0.1em;\n\t}\n}\n","/**\n * Web UI Option tree\n */\n\n@use \"mixins\";\n\n@mixin classes {\n\t.cfgOptionTree {\n\t\t@include mixins.cfgRootStyles;\n\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\n\t\t&--topLevel {\n\t\t\tpadding-left: 1.7em;\n\t\t}\n\n\t\t&--indent {\n\t\t\tmargin-left: 3.2em;\n\t\t}\n\n\t\t&--compThumb {\n\t\t\tmargin-left: 4.2em;\n\t\t}\n\n\t\t@content;\n\t}\n}\n","/**\n * Web UI Product information\n */\n\n@use \"sass:math\";\n@use \"mixins\";\n\n@mixin classes($textColor) {\n\t.cfgProductInfo {\n\t\t@include mixins.cfgRootStyles;\n\n\t\tcolor: $textColor;\n\n\t\tdisplay: flex;\n\n\t\t&__left {\n\t\t\tflex: 1 1 auto;\n\t\t\tmin-width: 0;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t&__right {\n\t\t\talign-items: flex-end;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tflex: 1 0 auto;\n\t\t\tmargin-left: 1em;\n\t\t\tmax-width: 0.333333333;\n\t\t\tmin-width: 0;\n\t\t}\n\n\t\t&__name {\n\t\t\tdisplay: block;\n\t\t\tfont-size: 1.6em;\n\t\t\tfont-weight: 600;\n\t\t\tline-height: 1.33;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t&__number {\n\t\t\tfont-size: 1.3em;\n\t\t\tfont-weight: 400;\n\t\t\tline-height: 1.38;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t@content;\n\t}\n}\n","/**\n * Web UI Loading\n */\n\n@use \"mixins\";\n\n@mixin classes(\n\t$textColor,\n\t$spinnerColor1,\n\t$spinnerColor2,\n\t$overlayBackgroundColor,\n\t$overlayingZIndex\n) {\n\t.cfgCenteredLoading {\n\t\t@include mixins.cfgRootStyles;\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\theight: 100%;\n\t\tjustify-content: center;\n\t\twidth: 100%;\n\t}\n\n\t.cfgOverlayLoading {\n\t\t@include mixins.cfgRootStyles;\n\n\t\talign-items: center;\n\t\tbackground-color: $overlayBackgroundColor;\n\t\tbottom: 0;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tz-index: $overlayingZIndex;\n\n\t\t&--clickThrough {\n\t\t\tbackground-color: transparent;\n\t\t\tpointer-events: none;\n\n\t\t\t.cfgLoadingWithText {\n\t\t\t\tpadding: 2em 2em 1.8em;\n\t\t\t\tborder-radius: 0.8em;\n\t\t\t\tbackground-color: $overlayBackgroundColor;\n\t\t\t\topacity: 0.8;\n\t\t\t\tborder: 0.1em solid $spinnerColor2;\n\t\t\t}\n\t\t}\n\n\t\t&--fullWindow {\n\t\t\tposition: fixed;\n\t\t\tz-index: #{$overlayingZIndex + 1};\n\t\t}\n\t}\n\n\t.cfgLoadingWithText {\n\t\t@include mixins.cfgRootStyles;\n\t\t@include mixins.cfgDefaultFont;\n\n\t\ttext-align: center;\n\n\t\t&__text {\n\t\t\tcolor: $textColor;\n\t\t\tfont-weight: 600;\n\t\t\tmargin-top: 0.5em;\n\t\t\tfont-size: 1.6em;\n\t\t}\n\t}\n\n\t.cfgLoading {\n\t\t@include mixins.cfgRootStyles;\n\n\t\tanimation: rotate 1.1s linear 0s infinite;\n\t\tborder-radius: 100%;\n\t\tborder: 0.5em solid $spinnerColor2;\n\t\tborder-bottom-color: $spinnerColor1;\n\t\tdisplay: inline-block;\n\t\theight: 3em;\n\t\twidth: 3em;\n\n\t\t&--small {\n\t\t\tborder-width: 0.4em;\n\t\t\theight: 2em;\n\t\t\twidth: 2em;\n\t\t}\n\t}\n\n\t@keyframes rotate {\n\t\tfrom {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\tto {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n}\n","@use \"mixins\";\n\n// The origins of this SCSS file is here:\n// https://css-tricks.com/sliding-nightmare-understanding-range-input/\n\n$trackHeight: 0.2em !default;\n$thumbDiameter: 2.8em !default;\n\n@mixin track($trackColor) {\n\tbox-sizing: border-box;\n\tborder: none;\n\theight: $trackHeight;\n\tbackground: $trackColor;\n}\n\n@mixin thumb($thumbColor, $thumbShadowColor) {\n\tbox-sizing: border-box;\n\tborder: none;\n\twidth: $thumbDiameter;\n\theight: $thumbDiameter;\n\tborder-radius: 50%;\n\tbackground: $thumbColor;\n\tbox-shadow: 0 0.15em 0.45em 0.05em $thumbShadowColor;\n}\n\n@mixin classes($trackColor, $thumbColor, $thumbShadowColor) {\n\t.cfgSlider {\n\t\t@include mixins.cfgRootStyles;\n\n\t\t&,\n\t\t&::-webkit-slider-thumb {\n\t\t\t-webkit-appearance: none;\n\t\t}\n\n\t\tflex: 1;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tmin-height: $thumbDiameter;\n\t\tbackground: transparent;\n\t\tfont: inherit;\n\n\t\t&::-webkit-slider-runnable-track {\n\t\t\t@include track($trackColor);\n\t\t}\n\t\t&::-moz-range-track {\n\t\t\t@include track($trackColor);\n\t\t}\n\t\t&::-ms-track {\n\t\t\t@include track($trackColor);\n\t\t}\n\n\t\t&::-webkit-slider-thumb {\n\t\t\tmargin-top: 0.5 * ($trackHeight - $thumbDiameter);\n\t\t\t@include thumb($thumbColor, $thumbShadowColor);\n\t\t}\n\t\t&::-moz-range-thumb {\n\t\t\t@include thumb($thumbColor, $thumbShadowColor);\n\t\t}\n\t\t&::-ms-thumb {\n\t\t\tmargin-top: 0;\n\t\t\t@include thumb($thumbColor, $thumbShadowColor);\n\t\t}\n\n\t\t&::-ms-tooltip {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t@content;\n\t}\n}\n","@use \"../mixins\";\n\n@mixin classes($colorActive, $colorPassive) {\n\t.cfgCheckmark {\n\t\t/* The distance-units inside the checkmark are px even though everything\n\t\t   else is relative units. The SVG has its own coordinate space. */\n\n\t\t@include mixins.cfgRootStyles;\n\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\t&__container {\n\t\t\ttransition: transform 0.4s;\n\t\t\ttransform: translateY(17px);\n\t\t}\n\n\t\t&__line {\n\t\t\tstroke: $colorActive;\n\t\t\tstroke-linecap: round;\n\t\t\tstroke-width: 12;\n\t\t\ttransform-origin: 50px 50px;\n\t\t\ttransition: transform 0.4s, stroke 0.4s;\n\t\t}\n\n\t\t&__lineLeft {\n\t\t\tstroke: $colorActive;\n\t\t\ttransform: rotate(40deg) translateY(24px) translateX(18px);\n\t\t}\n\n\t\t&__lineRight {\n\t\t\tstroke: $colorActive;\n\t\t\ttransform: rotate(-50deg) translateY(-2px) translateX(-3px);\n\t\t}\n\n\t\t@content;\n\n\t\t&__border {\n\t\t\t@include mixins.cfgCheckbox($colorPassive);\n\t\t\t&--active {\n\t\t\t\t@include mixins.cfgCheckbox($colorActive);\n\t\t\t}\n\t\t}\n\t}\n}\n","@use \"../mixins\";\n\n@mixin classes($activeColor, $passiveColor) {\n\t.cfgChevron {\n\t\t/* The distance-units inside the chevron are px even though everything\n\t\t   else is relative units. The SVG has its own coordinate space. */\n\n\t\t@include mixins.cfgRootStyles;\n\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\n\t\t&__container {\n\t\t\ttransition: transform 0.4s;\n\n\t\t\t&--down {\n\t\t\t\ttransform: translateY(13px);\n\t\t\t}\n\n\t\t\t&--up {\n\t\t\t\ttransform: translateY(-13px);\n\t\t\t}\n\t\t}\n\n\t\t&__line {\n\t\t\tstroke-linecap: round;\n\t\t\tstroke-width: 10;\n\t\t\ttransform-origin: 50px 50px;\n\t\t\ttransition: transform 0.4s, stroke 0.4s;\n\t\t}\n\n\t\t&__lineLeft,\n\t\t&__lineRight {\n\t\t\t&--active {\n\t\t\t\tstroke: $activeColor;\n\t\t\t}\n\t\t\t&--passive {\n\t\t\t\tstroke: $passiveColor;\n\t\t\t}\n\t\t}\n\n\t\t&__lineLeft {\n\t\t\t&--down {\n\t\t\t\ttransform: rotate(40deg);\n\t\t\t}\n\t\t\t&--up {\n\t\t\t\ttransform: rotate(-40deg);\n\t\t\t}\n\t\t}\n\t\t&__lineRight {\n\t\t\t&--down {\n\t\t\t\ttransform: rotate(-40deg);\n\t\t\t}\n\n\t\t\t&--up {\n\t\t\t\ttransform: rotate(40deg);\n\t\t\t}\n\t\t}\n\n\t\t@content;\n\t}\n}\n"]}
+{"version":3,"sources":["../../src/scss/_utilities.scss","../../src/scss/web-ui.scss","../../src/scss/_themed.scss","../../src/scss/_button.scss","../../src/scss/_mixins.scss","../../src/scss/icons/_checkmark.scss","../../src/scss/icons/_chevron.scss","../../src/scss/icons/_circle-xmark-icon.scss","../../src/scss/_configurator.scss","../../src/scss/_variables.scss","../../src/scss/icons/_download-icon.scss","../../src/scss/_expandable.scss","../../src/scss/icons/_error-icon.scss","../../src/scss/_feature-item.scss","../../src/scss/_forms.scss","../../src/scss/_hr.scss","../../src/scss/_loading.scss","../../src/scss/_option-tree.scss","../../src/scss/_product-information.scss","../../src/scss/_range-view.scss","../../src/scss/_slider.scss","../../src/scss/_tasks.scss"],"names":[],"mappings":"AAIA,QACC,eCqBD,CDlBA,QACC,cCqBD,CDlBA,QACC,iBCqBD,CDlBA,iBACC,eAAA,CACA,sBAAA,CACA,kBCqBD,CC2DC,EACC,aDjDF,CE5BC,WCRA,qBAAA,CDRA,oBAAA,CACA,4BAAA,CACA,UD+FC,CC9FD,kBAAA,CACA,yBAAA,CACA,eAAA,CACA,eAAA,CACA,YAAA,CACA,iBFiDD,CGhDC,mCAEC,kBHiDF,CG1CC,aAVA,qBHuDD,CGtDC,qCAEC,kBHuDF,CExDC,iBCNA,4CHiED,CEjDC,cCZA,qBHiED,CGhEC,yCAEC,kBHiEF,CG1DC,gBAVA,qBHuED,CGtEC,2CAEC,kBHuEF,CE3DG,qCACC,eF6DJ,CIzFC,cDYA,qBAAA,CCNC,oBAAA,CACA,UAAA,CACA,WJ0FF,CGrFC,yCAEC,kBHsFF,CG/EC,gBAVA,qBH4FD,CG3FC,2CAEC,kBH4FF,CIjGE,yBACC,wBAAA,CACA,0BJmGH,CIhGE,oBACC,WH2FD,CG1FC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCJkGH,CI/FE,wBACC,WHmFD,CGlFC,yDJiGH,CI9FE,yBACC,WH8ED,CG7EC,0DJgGH,CI3FE,sBDDD,yBAAA,CAYA,kBH4FD,CIrGG,oDDJF,kBAAA,CAEA,YAAA,CACA,aAAA,CACA,YAAA,CACA,sBAAA,CACA,mBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,WH6GD,CIjHG,8BDHF,sBAAA,CAYA,kBHwGD,CKtJC,YFYA,qBAAA,CENC,oBAAA,CACA,ULuJF,CGjJC,qCAEC,kBHkJF,CG3IC,cAVA,qBHwJD,CGvJC,uCAEC,kBHwJF,CK9JE,uBACC,wBLgKH,CK9JG,6BACC,0BLgKJ,CK7JG,2BACC,2BL+JJ,CK3JE,kBACC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCL6JH,CKxJG,6DACC,WL0JJ,CKxJG,+DACC,cL0JJ,CKrJG,4BACC,uBLuJJ,CKhJG,uDACC,wBLqJJ,CKlJG,2BACC,uBLoJJ,CMxMC,oBHYA,qBAAA,CGNC,oBAAA,CACA,UAAA,CACA,WNyMF,CGpMC,qDAEC,kBHqMF,CG9LC,sBAVA,qBH2MD,C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y9BD,CGx9BC,+DAEC,kBHy9BF,CGl9BC,2BAVA,qBH+9BD,CG99BC,iEAEC,kBH+9BF,CEh+BC,+BCNA,+CHy+BD,CEz9BC,4BCZA,qBHw+BD,CGv+BC,qEAEC,kBHw+BF,CGj+BC,8BAVA,qBH8+BD,CG7+BC,uEAEC,kBH8+BF,CEl+BG,mDACC,eFo+BJ,CIhgCC,4BDYA,qBAAA,CCNC,oBAAA,CACA,UAAA,CACA,WJggCF,CG3/BC,qEAEC,kBH4/BF,CGr/BC,8BAVA,qBHkgCD,CGjgCC,uEAEC,kBHkgCF,CIvgCE,uCACC,wBAAA,CACA,0BJygCH,CItgCE,kCACC,WH2FD,CG1FC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCJwgCH,CIrgCE,sCACC,WHmFD,CGlFC,yDJugCH,CIpgCE,uCACC,WH8ED,CG7EC,0DJsgCH,CIjgCE,oCDDD,yBAAA,CAYA,kBHkgCD,CI3gCG,gFDJF,kBAAA,CAEA,YAAA,CACA,aAAA,CACA,YAAA,CACA,sBAAA,CACA,mBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,WHmhCD,CIvhCG,4CDHF,sBAAA,CAYA,kBH8gCD,CK5jCC,0BFYA,qBAAA,CENC,oBAAA,CACA,UL4jCF,CGtjCC,iEAEC,kBHujCF,CGhjCC,4BAVA,qBH6jCD,CG5jCC,mEAEC,kBH6jCF,CKnkCE,qCACC,wBLqkCH,CKnkCG,2CACC,0BLqkCJ,CKlkCG,yCACC,2BLokCJ,CKhkCE,gCACC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCLkkCH,CK7jCG,yFACC,WL+jCJ,CK7jCG,2FACC,cL+jCJ,CK1jCG,0CACC,uBL4jCJ,CKrjCG,mFACC,wBL0jCJ,CKvjCG,yCACC,uBLyjCJ,CM7mCC,kCHYA,qBAAA,CGNC,oBAAA,CACA,UAAA,CACA,WN6mCF,CGxmCC,iFAEC,kBHymCF,CGlmCC,oCAVA,qBH+mCD,CG9mCC,mFAEC,kBH+mCF,CMpnCE,gFAEC,cLmGiC,CKlGjC,oBAAA,CACA,qBAAA,CACA,gBNsnCH,COjoCC,sCJQA,qBAAA,CINC,aN0G4C,CMzG5C,YAAA,CACA,WAAA,CACA,qBPmoC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","file":"web-ui.css","sourcesContent":["/**\n * Web UI Utilities\n */\n\n.cfgMl1 {\n\tmargin-left: 1em;\n}\n\n.cfgMt1 {\n\tmargin-top: 1em;\n}\n\n.cfgMb1 {\n\tmargin-bottom: 1em;\n}\n\n.cfgTextOverflow {\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n","/**\n* Web UI Styling\n*/\n\n@use \"themed\";\n\n@include themed.themed(themed.$lightTheme);\n\n.cfgDarkTheme {\n\t@include themed.themed(themed.$darkTheme);\n}\n","@use \"sass:map\";\n@use \"sass:color\";\n\n@use \"variables\" as v;\n\n// Components\n@use \"button\";\n@use \"forms\";\n\n@use \"configurator\";\n@use \"expandable\";\n@use \"feature-item\";\n@use \"hr\";\n@use \"loading\";\n@use \"option-tree\";\n@use \"product-information\";\n@use \"range-view\";\n@use \"slider\";\n@use \"tasks\";\n\n// Icons\n@use \"icons/checkmark\";\n@use \"icons/chevron\";\n@use \"icons/circle-xmark-icon\";\n@use \"icons/download-icon\";\n@use \"icons/error-icon\";\n\n// Utilities\n@use \"utilities\";\n\n/* Colors */\n\n$black: hsl(0, 0%, 0%) !default;\n$white: hsl(0, 0%, 100%) !default;\n$darkGrey: hsl(0, 0%, 15%) !default;\n\n/* Specific colors */\n\n$border: hsl(252, 5%, 79%) !default;\n$borderDark: hsl(0, 0%, 73%) !default;\n$icon: hsl(252, 5%, 50%) !default;\n$focusOutlineOuter: hsl(0, 0%, 13%) !default;\n$sliderTrack: #666 !default;\n$spinner2: hsla(0, 0%, 0%, 0.15);\n$grayText: hsl(0, 0%, 50%) !default;\n$text: hsl(0, 0%, 20%) !default;\n$link: hsl(209, 100%, 35%) !default;\n$error: hsl(10, 72%, 41%) !default;\n\n/* As convention we assume the default theme when naming colors,\n   as attempts at generic naming often leads to confusion */\n$lightTheme: (\n\t\"black\": $black,\n\t\"border\": $border,\n\t\"borderDark\": $borderDark,\n\t\"checkButtonChecked\": $black,\n\t\"checkButtonUnchecked\": $border,\n\t\"chevronActive\": $black,\n\t\"chevronPassive\": $borderDark,\n\t\"divider\": $border,\n\t\"dividerDark\": $borderDark,\n\t\"error\": $error,\n\t\"focusOutlineInner\": $white,\n\t\"focusOutlineOuter\": $text,\n\t\"grayText\": $grayText,\n\t\"icon\": $icon,\n\t\"link\": $link,\n\t\"overlayBackground\": $white,\n\t\"sliderThumb\": $white,\n\t\"sliderThumbShadow\": $sliderTrack,\n\t\"sliderTrack\": $sliderTrack,\n\t\"spinner1\": $black,\n\t\"spinner2\": $spinner2,\n\t\"text\": $text,\n\t\"white\": $white,\n) !default;\n\n@function invertLightness($color) {\n\t@return color.change(\n\t\t$color,\n\t\t$lightness: 100 - color.lightness($color) * 0.8\n\t); // We scale with 80% to have a bit more contrast\n}\n\n@function invertLightnessList($list) {\n\t@each $key, $color in $list {\n\t\t$list: map.set($list, $key, invertLightness($color));\n\t}\n\t@return $list;\n}\n\n$darkTheme: invertLightnessList($lightTheme);\n\n$themes: (\n\t\"light\": $lightTheme,\n\t\"dark\": $darkTheme,\n);\n\n@mixin themed($ct, $baseFontSize: v.$baseFontSize, $overlayingZIndex: v.$overlayingZIndex) {\n\ta {\n\t\tcolor: map.get($ct, \"link\");\n\t}\n\n\t@include button.classes(\n\t\tmap.get($ct, \"text\"),\n\t\tmap.get($ct, \"borderDark\"),\n\t\tmap.get($ct, \"focusOutlineInner\"),\n\t\tmap.get($ct, \"focusOutlineOuter\")\n\t);\n\t@include checkmark.classes(\n\t\tmap.get($ct, \"checkButtonChecked\"),\n\t\tmap.get($ct, \"checkButtonUnchecked\")\n\t);\n\t@include chevron.classes(map.get($ct, \"chevronActive\"), map.get($ct, \"chevronPassive\"));\n\t@include circle-xmark-icon.classes(map.get($ct, \"icon\"));\n\t@include configurator.classes($baseFontSize, map.get($ct, \"text\"), map.get($ct, \"divider\"));\n\t@include download-icon.classes(map.get($ct, \"link\"));\n\t@include expandable.classes;\n\t@include error-icon.classes(map.get($ct, \"error\"));\n\t@include feature-item.classes(\n\t\tmap.get($ct, \"text\"),\n\t\tmap.get($ct, \"grayText\"),\n\t\tmap.get($ct, \"checkButtonUnchecked\"),\n\t\tmap.get($ct, \"checkButtonChecked\"),\n\t\tmap.get($ct, \"focusOutlineInner\"),\n\t\tmap.get($ct, \"focusOutlineOuter\"),\n\t\tmap.get($ct, \"dividerDark\")\n\t);\n\t@include forms.classes(map.get($ct, \"borderDark\"));\n\t@include hr.classes(map.get($ct, \"divider\"));\n\t@include loading.classes(\n\t\tmap.get($ct, \"black\"),\n\t\tmap.get($ct, \"spinner1\"),\n\t\tmap.get($ct, \"spinner2\"),\n\t\tmap.get($ct, \"overlayBackground\"),\n\t\t$overlayingZIndex\n\t);\n\t@include option-tree.classes;\n\t@include product-information.classes(map.get($ct, \"text\"));\n\t@include range-view.classes(map.get($ct, \"error\"));\n\t@include slider.classes(\n\t\tmap.get($ct, \"sliderTrack\"),\n\t\tmap.get($ct, \"sliderThumb\"),\n\t\tmap.get($ct, \"sliderThumbShadow\")\n\t);\n\t@include tasks.classes(map.get($ct, \"border\"), map.get($ct, \"link\"));\n}\n","/**\n * Web UI Product information\n */\n@use \"mixins\";\n\n@mixin styles($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor) {\n\t@include mixins.cfgRootStyles;\n\tdisplay: inline-block;\n\tbackground-color: transparent;\n\tcolor: $textColor;\n\tborder-radius: 0.3em;\n\tborder: 0.1em solid $borderColor;\n\tfont-size: 1.3em;\n\tfont-weight: 500;\n\toutline: none;\n\tpadding: 0.4em 0.8em;\n\n\t&:focus {\n\t\t@include mixins.focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor);\n\t}\n}\n\n@mixin classes($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor) {\n\t.cfgButton {\n\t\t@include styles($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor);\n\t}\n\n\t.cfgButtonRow {\n\t\t@include mixins.cfgRootStyles;\n\t\t&__button {\n\t\t\t&:nth-child(n + 2) {\n\t\t\t\tmargin-left: 1em;\n\t\t\t}\n\t\t}\n\t}\n}\n","@mixin noButtonLook {\n\tappearance: none;\n\tfont-family: inherit;\n\tfont-size: inherit;\n\tcolor: inherit;\n\tbackground: none;\n\tborder: none;\n\tpadding: 0;\n}\n\n@mixin focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor) {\n\tbox-shadow: 0 0 0 0.075em $focusOutlineInnerColor, 0 0 0 0.2em $focusOutlineOuterColor;\n}\n\n@mixin borderBox {\n\tbox-sizing: border-box;\n\t&:before,\n\t&:after {\n\t\tbox-sizing: inherit;\n\t}\n}\n\n@mixin cfgRootStyles {\n\t@include borderBox;\n\n\t* {\n\t\t@include borderBox;\n\t}\n}\n\n@mixin cfgDefaultFont {\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif,\n\t\t\"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n\n@mixin cfgCheckAndRadio($color) {\n\talign-items: center;\n\tborder: 0.2em solid $color;\n\tdisplay: flex;\n\tflex: 0 0 auto;\n\theight: 2.2em;\n\tjustify-content: center;\n\tpointer-events: none;\n\tuser-select: none;\n\twidth: 2.2em;\n}\n\n@mixin cfgCheckbox($color) {\n\t@include cfgCheckAndRadio($color);\n\tborder-radius: 0.3em;\n}\n\n@mixin cfgRadio($color) {\n\t@include cfgCheckAndRadio($color);\n\tborder-radius: 50%;\n}\n","@use \"../mixins\";\n\n@mixin classes($colorActive, $colorPassive) {\n\t.cfgCheckmark {\n\t\t/* The distance-units inside the checkmark are px even though everything\n\t\t   else is relative units. The SVG has its own coordinate space. */\n\n\t\t@include mixins.cfgRootStyles;\n\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\t&__container {\n\t\t\ttransition: transform 0.4s;\n\t\t\ttransform: translateY(17px);\n\t\t}\n\n\t\t&__line {\n\t\t\tstroke: $colorActive;\n\t\t\tstroke-linecap: round;\n\t\t\tstroke-width: 12;\n\t\t\ttransform-origin: 50px 50px;\n\t\t\ttransition: transform 0.4s, stroke 0.4s;\n\t\t}\n\n\t\t&__lineLeft {\n\t\t\tstroke: $colorActive;\n\t\t\ttransform: rotate(40deg) translateY(24px) translateX(18px);\n\t\t}\n\n\t\t&__lineRight {\n\t\t\tstroke: $colorActive;\n\t\t\ttransform: rotate(-50deg) translateY(-2px) translateX(-3px);\n\t\t}\n\n\t\t@content;\n\n\t\t&__border {\n\t\t\t@include mixins.cfgCheckbox($colorPassive);\n\t\t\t&--active {\n\t\t\t\t@include mixins.cfgCheckbox($colorActive);\n\t\t\t}\n\t\t}\n\t}\n}\n","@use \"../mixins\";\n\n@mixin classes($activeColor, $passiveColor) {\n\t.cfgChevron {\n\t\t/* The distance-units inside the chevron are px even though everything\n\t\t   else is relative units. The SVG has its own coordinate space. */\n\n\t\t@include mixins.cfgRootStyles;\n\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\n\t\t&__container {\n\t\t\ttransition: transform 0.4s;\n\n\t\t\t&--down {\n\t\t\t\ttransform: translateY(13px);\n\t\t\t}\n\n\t\t\t&--up {\n\t\t\t\ttransform: translateY(-13px);\n\t\t\t}\n\t\t}\n\n\t\t&__line {\n\t\t\tstroke-linecap: round;\n\t\t\tstroke-width: 10;\n\t\t\ttransform-origin: 50px 50px;\n\t\t\ttransition: transform 0.4s, stroke 0.4s;\n\t\t}\n\n\t\t&__lineLeft,\n\t\t&__lineRight {\n\t\t\t&--active {\n\t\t\t\tstroke: $activeColor;\n\t\t\t}\n\t\t\t&--passive {\n\t\t\t\tstroke: $passiveColor;\n\t\t\t}\n\t\t}\n\n\t\t&__lineLeft {\n\t\t\t&--down {\n\t\t\t\ttransform: rotate(40deg);\n\t\t\t}\n\t\t\t&--up {\n\t\t\t\ttransform: rotate(-40deg);\n\t\t\t}\n\t\t}\n\t\t&__lineRight {\n\t\t\t&--down {\n\t\t\t\ttransform: rotate(-40deg);\n\t\t\t}\n\n\t\t\t&--up {\n\t\t\t\ttransform: rotate(40deg);\n\t\t\t}\n\t\t}\n\n\t\t@content;\n\t}\n}\n","@use \"../mixins\";\n\n@mixin classes($color) {\n\t.cfgCircleXmarkIcon {\n\t\t/* The distance-units inside the icon are px even though everything\n\t\t   else is relative units. The SVG has its own coordinate space. */\n\n\t\t@include mixins.cfgRootStyles;\n\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tpath,\n\t\tcircle {\n\t\t\tstroke: $color;\n\t\t\tstroke-linecap: round;\n\t\t\tstroke-linejoin: round;\n\t\t\tstroke-width: 1.5;\n\t\t}\n\n\t\t@content;\n\t}\n}\n","/**\n * Web UI Configurator\n */\n\n@use \"mixins\";\n\n@mixin classes($fontSize, $textColor, $headerUnderlineColor) {\n\t.cfgConfiguratorWrapper {\n\t\t@include mixins.cfgRootStyles;\n\t\tcolor: $textColor;\n\t\tdisplay: flex;\n\t\theight: 85vh;\n\t\tflex-direction: column;\n\n\t\t@media screen and (orientation: landscape) {\n\t\t\tflex-direction: row;\n\t\t}\n\n\t\t.cfgTaskStart {\n\t\t\tmargin-top: 0.5em;\n\t\t\tfont-size: 1.2em;\n\t\t\tfont-weight: 500;\n\n\t\t\t.cfgFormSelect {\n\t\t\t\tpadding: 0.5em;\n\n\t\t\t\t&::after {\n\t\t\t\t\tright: 0.5em;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.cfgCanvasWrapper {\n\t\t@include mixins.cfgRootStyles;\n\t\tposition: relative;\n\t\theight: 50rem;\n\t\tuser-select: none;\n\n\t\tflex: 1 1 auto;\n\t\toverflow: hidden;\n\n\t\t& canvas {\n\t\t\toutline: none;\n\t\t}\n\n\t\t@media screen and (orientation: landscape) {\n\t\t\theight: 100%;\n\t\t\tflex: 0 1 60%;\n\t\t}\n\t}\n\n\t.cfgConfigurator {\n\t\t@include mixins.cfgRootStyles;\n\t\t@include mixins.cfgDefaultFont;\n\t\tfont-size: $fontSize;\n\t\tcolor: $textColor;\n\t\tmin-width: 0;\n\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tflex: 0 0 50%;\n\t\toverflow: auto;\n\n\t\t@media screen and (orientation: landscape) {\n\t\t\theight: 100%;\n\t\t\tflex: 0 1 40%;\n\t\t}\n\t}\n\n\t.cfgConfiguratorHeader {\n\t\tborder-bottom: 0.1em solid $headerUnderlineColor;\n\t\tpadding: 1.7em 1.7em 1.9em;\n\t\tposition: relative;\n\n\t\t&__actions {\n\t\t\tmargin-top: 1em;\n\t\t}\n\t}\n\n\t.cfgConfiguratorTree {\n\t\tpadding-top: 1em;\n\t\toverflow-y: auto;\n\t\t-webkit-overflow-scrolling: touch;\n\t}\n}\n","/**\n * Web UI Variables\n */\n\t\n$baseFontSize: 10px !default; // We use 10px for easy em conversion\n$overlayingZIndex: 1000 !default;\n","@use \"../mixins\";\n\n@mixin classes($color) {\n\t.cfgDownloadIcon {\n\t\t/* The distance-units inside the icon are px even though everything\n\t\t   else is relative units. The SVG has its own coordinate space. */\n\n\t\t@include mixins.cfgRootStyles;\n\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tpath,\n\t\tcircle {\n\t\t\tstroke: $color;\n\t\t\tstroke-linecap: round;\n\t\t\tstroke-linejoin: round;\n\t\t\tstroke-width: 1.5;\n\t\t}\n\n\t\t@content;\n\t}\n}\n","@use \"mixins\";\n\n@mixin classes {\n\t.cfgExpandableHeadingRow {\n\t\t@include mixins.cfgRootStyles;\n\t\t@include mixins.noButtonLook;\n\t\talign-items: stretch;\n\t\tdisplay: flex;\n\t\theight: 3.9em;\n\t\toutline: 0;\n\t\tposition: relative;\n\t\twidth: 100%;\n\n\t\t&--expandable {\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t&__title {\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tflex: 1 1 auto;\n\t\t\tfont-size: 1.5em;\n\t\t\tfont-weight: 500;\n\t\t\tjustify-content: flex-start;\n\t\t}\n\n\t\t&__icon {\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tflex: 0 0 5em;\n\t\t\tjustify-content: center;\n\t\t\tpadding: 0 1.5em;\n\t\t}\n\n\t\t@content;\n\t}\n}\n","@use \"../mixins\";\n\n@mixin classes($color) {\n\t.cfgErrorIcon {\n\t\t/* The distance-units inside the icon are px even though everything\n\t\t   else is relative units. The SVG has its own coordinate space. */\n\n\t\t@include mixins.cfgRootStyles;\n\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tpath,\n\t\tcircle {\n\t\t\tstroke: $color;\n\t\t\tstroke-linecap: round;\n\t\t\tstroke-linejoin: round;\n\t\t\tstroke-width: 1.5;\n\t\t}\n\n\t\t@content;\n\t}\n}\n","/**\n * Web UI Feature item\n */\n\n@use \"mixins\";\n\n@mixin classes(\n\t$textColor,\n\t$grayTextColor,\n\t$checkButtonUncheckedColor,\n\t$checkButtonCheckedColor,\n\t$focusOutlineInnerColor,\n\t$focusOutlineOuterColor,\n\t$dividerDark\n) {\n\t.cfgThumbnailImage {\n\t\tborder-radius: 0.7em;\n\t\tdisplay: inline-block;\n\t\theight: 3em;\n\t\twidth: 3em;\n\t}\n\n\t.cfgThumbnailPlaceholder {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex: 0 0 4.2em;\n\t\tjustify-content: flex-start;\n\t}\n\n\t.cfgFeatureItem {\n\t\t@include mixins.cfgRootStyles;\n\n\t\tcolor: $textColor;\n\n\t\t&__dropdown {\n\t\t\t@include mixins.noButtonLook;\n\t\t\talign-items: stretch;\n\t\t\tdisplay: flex;\n\t\t\theight: 3.9em;\n\t\t\toutline: 0;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t&--optional {\n\t\t\tmargin-top: 1em;\n\t\t}\n\n\t\t&__hiddenInput {\n\t\t\tleft: -99999px;\n\t\t\topacity: 0;\n\t\t\tposition: absolute;\n\t\t\tz-index: -1;\n\t\t}\n\n\t\t&__radio {\n\t\t\t@include mixins.cfgRadio($checkButtonUncheckedColor);\n\t\t}\n\n\t\t&__checkbox {\n\t\t\t@include mixins.cfgCheckbox($checkButtonUncheckedColor);\n\t\t}\n\n\t\t/* The &-syntax brings in the entire path, so the second part of this rule must be explicit */\n\n\t\t&__hiddenInput:focus ~ .cfgFeatureItem__radio,\n\t\t&__hiddenInput:focus ~ .cfgFeatureItem__checkbox {\n\t\t\t@include mixins.focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor);\n\t\t}\n\n\t\t&__hiddenInput:checked ~ .cfgFeatureItem__radio {\n\t\t\t@include mixins.cfgRadio($checkButtonCheckedColor);\n\t\t}\n\t\t&__hiddenInput:checked ~ .cfgFeatureItem__checkbox {\n\t\t\t@include mixins.cfgCheckbox($checkButtonCheckedColor);\n\t\t}\n\n\t\t&.cfgAdditionalProduct {\n\t\t\t> .cfgExpandableHeadingRow {\n\t\t\t\t> .cfgExpandableHeadingRow__title {\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t> .cfgFeatureItem__hr {\n\t\t\t\tborder-bottom-color: $dividerDark;\n\t\t\t}\n\n\t\t\t/* The last themathic break (hr) we move under the next thematic break so it appears as one */\n\t\t\t.cfgFeatureItem:last-child .cfgFeatureItem__hr {\n\t\t\t\tmargin-bottom: -0.1em;\n\t\t\t}\n\t\t}\n\t}\n\n\t.cfgFeatureItemOptional__titleWrapper,\n\t.cfgFeatureItemOption__titleWrapper {\n\t\tflex: 1 1 auto;\n\t\tmargin-left: 1em;\n\t}\n\n\t.cfgFeatureItemOptional__title,\n\t.cfgFeatureItemOption__title {\n\t\tfont-size: 1.5em;\n\t}\n\n\t.cfgFeatureItemOption__price {\n\t\tfont-weight: 600;\n\t\tfont-size: 0.75em;\n\t\tcolor: $grayTextColor;\n\t}\n\n\t.cfgOptionTree--subLevel .cfgFeatureItem__hr {\n\t\tdisplay: none;\n\t}\n\n\t.cfgFeatureItemOption {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t}\n\n\t.cfgFeatureItemOptional {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tmargin-top: 0.5em;\n\n\t\t&__header {\n\t\t\tfont-size: 1.2em;\n\t\t\tfont-weight: 600;\n\t\t\tmargin: 0 0 0.3em 0;\n\t\t\tpadding: 0;\n\t\t\ttext-transform: uppercase;\n\t\t}\n\t}\n}\n","@mixin classes($borderColor) {\n\t.cfgInput,\n\t.cfgFormSelect {\n\t\tborder: 0.1em solid $borderColor;\n\t\tpadding: 0.3em 0.4em;\n\t\tborder-radius: 0.3em;\n\t}\n\n\t.cfgFormSelect {\n\t\tselect {\n\t\t\tappearance: none;\n\t\t\tpadding: 0 1em 0 0;\n\t\t\tmargin: 0;\n\t\t\twidth: 100%;\n\n\t\t\tbackground-color: transparent;\n\t\t\tfont-family: inherit;\n\t\t\tfont-size: inherit;\n\t\t\tfont-weight: inherit;\n\t\t\tcursor: inherit;\n\t\t\tline-height: inherit;\n\t\t\toutline: none;\n\t\t\tborder: none;\n\t\t}\n\n\t\tcursor: pointer;\n\t\tposition: relative;\n\n\t\t&::after {\n\t\t\tposition: absolute;\n\t\t\tright: 0.35em;\n\t\t\ttop: 50%;\n\t\t\tmargin-top: -0.55em;\n\t\t\tcontent: \"\";\n\t\t\twidth: 1em;\n\t\t\theight: 1em;\n\t\t\tbackground-color: $borderColor;\n\t\t\tclip-path: polygon(50% 80%, 90% 40%, 100% 50%, 50% 100%, 0 50%, 10% 40%);\n\t\t\tjustify-self: end;\n\t\t}\n\t}\n}\n","@use \"mixins\";\n\n@mixin styles($color) {\n\t@include mixins.cfgRootStyles;\n\tborder: 0;\n\tborder-bottom: 0.1em solid $color;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n@mixin classes($color) {\n\t.cfgHr {\n\t\t@include styles($color);\n\t\t@content;\n\t}\n}\n","/**\n * Web UI Loading\n */\n\n@use \"mixins\";\n\n@mixin classes(\n\t$textColor,\n\t$spinnerColor1,\n\t$spinnerColor2,\n\t$overlayBackgroundColor,\n\t$overlayingZIndex\n) {\n\t.cfgCenteredLoading {\n\t\t@include mixins.cfgRootStyles;\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\theight: 100%;\n\t\tjustify-content: center;\n\t\twidth: 100%;\n\t}\n\n\t.cfgOverlayLoading {\n\t\t@include mixins.cfgRootStyles;\n\n\t\talign-items: center;\n\t\tbackground-color: $overlayBackgroundColor;\n\t\tbottom: 0;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tz-index: $overlayingZIndex;\n\n\t\t&--clickThrough {\n\t\t\tbackground-color: transparent;\n\t\t\tpointer-events: none;\n\n\t\t\t.cfgLoadingWithText {\n\t\t\t\tpadding: 2em 2em 1.8em;\n\t\t\t\tborder-radius: 0.8em;\n\t\t\t\tbackground-color: $overlayBackgroundColor;\n\t\t\t\topacity: 0.8;\n\t\t\t\tborder: 0.1em solid $spinnerColor2;\n\t\t\t}\n\t\t}\n\n\t\t&--fullWindow {\n\t\t\tposition: fixed;\n\t\t\tz-index: #{$overlayingZIndex + 1};\n\t\t}\n\t}\n\n\t.cfgLoadingWithText {\n\t\t@include mixins.cfgRootStyles;\n\t\t@include mixins.cfgDefaultFont;\n\n\t\ttext-align: center;\n\n\t\t&__text {\n\t\t\tcolor: $textColor;\n\t\t\tfont-weight: 600;\n\t\t\tmargin-top: 0.5em;\n\t\t\tfont-size: 1.6em;\n\t\t}\n\t}\n\n\t.cfgLoading {\n\t\t@include mixins.cfgRootStyles;\n\n\t\tanimation: rotate 1.1s linear 0s infinite;\n\t\tborder-radius: 100%;\n\t\tborder: 0.5em solid $spinnerColor2;\n\t\tborder-bottom-color: $spinnerColor1;\n\t\tdisplay: inline-block;\n\t\theight: 3em;\n\t\twidth: 3em;\n\n\t\t&--small {\n\t\t\tborder-width: 0.4em;\n\t\t\theight: 2em;\n\t\t\twidth: 2em;\n\t\t}\n\t}\n\n\t@keyframes rotate {\n\t\tfrom {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\tto {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n}\n","/**\n * Web UI Option tree\n */\n\n@use \"mixins\";\n\n@mixin classes {\n\t.cfgOptionTree {\n\t\t@include mixins.cfgRootStyles;\n\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\n\t\t&--topLevel {\n\t\t\tpadding-left: 1.7em;\n\t\t}\n\n\t\t&--indent {\n\t\t\tmargin-left: 3.2em;\n\t\t}\n\n\t\t&--compThumb {\n\t\t\tmargin-left: 4.2em;\n\t\t}\n\n\t\t@content;\n\t}\n}\n","/**\n * Web UI Product information\n */\n\n@use \"sass:math\";\n@use \"mixins\";\n\n@mixin classes($textColor) {\n\t.cfgProductInfo {\n\t\t@include mixins.cfgRootStyles;\n\n\t\tcolor: $textColor;\n\n\t\tdisplay: flex;\n\n\t\t&__left {\n\t\t\tflex: 1 1 auto;\n\t\t\tmin-width: 0;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t&__right {\n\t\t\talign-items: flex-end;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tflex: 1 0 auto;\n\t\t\tmargin-left: 1em;\n\t\t\tmax-width: 0.333333333;\n\t\t\tmin-width: 0;\n\t\t}\n\n\t\t&__name {\n\t\t\tdisplay: block;\n\t\t\tfont-size: 1.6em;\n\t\t\tfont-weight: 600;\n\t\t\tline-height: 1.33;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t&__number {\n\t\t\tfont-size: 1.3em;\n\t\t\tfont-weight: 400;\n\t\t\tline-height: 1.38;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t@content;\n\t}\n}\n","@mixin classes($errorColor) {\n\t.cfgRangeView {\n\t\t&__inputs {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&__number-input {\n\t\t\tfont-size: 1.5em;\n\t\t\tflex-grow: 1;\n\t\t\ttext-align: right;\n\t\t}\n\n\t\t&__unit-label {\n\t\t\tfont-size: 1.5em;\n\t\t\tmargin-left: 0.3em;\n\t\t}\n\n\t\t&__slider-input.cfgSlider {\n\t\t\tmargin-left: 1em;\n\t\t\tflex-grow: 3;\n\t\t}\n\n\t\t&__error {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\n\t\t\tmargin-top: 1em;\n\t\t\tfont-size: 1.5em;\n\t\t\tcolor: $errorColor;\n\n\t\t\t.cfgErrorIcon {\n\t\t\t\tpadding-right: 0.25em;\n\t\t\t\twidth: 1.25em;\n\t\t\t\theight: 1em;\n\t\t\t}\n\t\t}\n\t}\n}\n","@use \"mixins\";\n\n// The origins of this SCSS file is here:\n// https://css-tricks.com/sliding-nightmare-understanding-range-input/\n\n$trackHeight: 0.2em !default;\n$thumbDiameter: 2.8em !default;\n\n@mixin track($trackColor) {\n\tbox-sizing: border-box;\n\tborder: none;\n\theight: $trackHeight;\n\tbackground: $trackColor;\n}\n\n@mixin thumb($thumbColor, $thumbShadowColor) {\n\tbox-sizing: border-box;\n\tborder: none;\n\twidth: $thumbDiameter;\n\theight: $thumbDiameter;\n\tborder-radius: 50%;\n\tbackground: $thumbColor;\n\tbox-shadow: 0 0.15em 0.45em 0.05em $thumbShadowColor;\n}\n\n@mixin classes($trackColor, $thumbColor, $thumbShadowColor) {\n\t.cfgSlider {\n\t\t@include mixins.cfgRootStyles;\n\n\t\t&,\n\t\t&::-webkit-slider-thumb {\n\t\t\t-webkit-appearance: none;\n\t\t}\n\n\t\tflex: 1;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tmin-height: $thumbDiameter;\n\t\tbackground: transparent;\n\t\tfont: inherit;\n\n\t\t&::-webkit-slider-runnable-track {\n\t\t\t@include track($trackColor);\n\t\t}\n\t\t&::-moz-range-track {\n\t\t\t@include track($trackColor);\n\t\t}\n\t\t&::-ms-track {\n\t\t\t@include track($trackColor);\n\t\t}\n\n\t\t&::-webkit-slider-thumb {\n\t\t\tmargin-top: 0.5 * ($trackHeight - $thumbDiameter);\n\t\t\t@include thumb($thumbColor, $thumbShadowColor);\n\t\t}\n\t\t&::-moz-range-thumb {\n\t\t\t@include thumb($thumbColor, $thumbShadowColor);\n\t\t}\n\t\t&::-ms-thumb {\n\t\t\tmargin-top: 0;\n\t\t\t@include thumb($thumbColor, $thumbShadowColor);\n\t\t}\n\n\t\t&::-ms-tooltip {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t@content;\n\t}\n}\n","@use \"mixins\";\n\n@mixin classes($borderColor, $linkColor) {\n\t$preview-size: 4.8em;\n\t$line-width: 0.1em;\n\t$icon-size: 2em;\n\n\t.cfgTaskList {\n\t\tul {\n\t\t\tlist-style-type: none;\n\t\t\tpadding: 0;\n\t\t\tborder-bottom: 0.1em solid $borderColor;\n\t\t}\n\n\t\t&__item {\n\t\t\tpadding: 0 1.5em 0 1.7em;\n\t\t\tmargin-bottom: 1em;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&__preview {\n\t\t\tborder: 0.1em solid $borderColor;\n\t\t\tborder-radius: 10%;\n\t\t\twidth: $preview-size;\n\t\t\theight: $preview-size;\n\t\t\tflex-shrink: 0;\n\n\t\t\timg {\n\t\t\t\tobject-fit: cover;\n\t\t\t\tposition: relative;\n\t\t\t\tleft: 0.1 * $preview-size - $line-width;\n\t\t\t\ttop: 0.1 * $preview-size - $line-width;\n\t\t\t\twidth: 0.8 * $preview-size;\n\t\t\t\theight: 0.8 * $preview-size;\n\t\t\t}\n\t\t}\n\n\t\t&__icon {\n\t\t\tflex-shrink: 0;\n\t\t\twidth: $icon-size + 2em;\n\t\t\theight: $icon-size;\n\t\t\tpadding-left: 1em;\n\t\t\tpadding-right: 1em;\n\n\t\t\t.cfgLoadingSizer {\n\t\t\t\tfont-size: 0.75em;\n\t\t\t}\n\t\t}\n\n\t\t&__status {\n\t\t\tflex-grow: 1;\n\t\t\tfont-size: 1.5em;\n\t\t}\n\n\t\t&__abort {\n\t\t\t@include mixins.noButtonLook;\n\t\t\tcursor: pointer;\n\t\t\twidth: $icon-size;\n\t\t\theight: $icon-size;\n\t\t\tflex-shrink: 0;\n\t\t}\n\n\t\t&__restart {\n\t\t\t@include mixins.noButtonLook;\n\t\t\tcursor: pointer;\n\t\t\ttext-decoration: underline;\n\t\t\tcolor: $linkColor;\n\t\t}\n\t}\n}\n"]}

package/dist/index.d.ts

@@ -14,6 +14,8 @@ export * from "./components/productConfiguration/CfgFeatureView.js";
 export * from "./components/productConfiguration/CfgGroupView.js";
 export * from "./components/productConfiguration/CfgProductConfigurationView.js";
 export * from "./components/ProductInformation.js";
+export * from "./components/TaskListView.js";
+export * from "./components/TaskStartView.js";
 export * from "./useObservable.js";
 export * from "./useRerender.js";
 export * from "./useResize.js";

package/dist/index.js

@@ -14,6 +14,8 @@ export * from "./components/productConfiguration/CfgFeatureView.js";
 export * from "./components/productConfiguration/CfgGroupView.js";
 export * from "./components/productConfiguration/CfgProductConfigurationView.js";
 export * from "./components/ProductInformation.js";
+export * from "./components/TaskListView.js";
+export * from "./components/TaskStartView.js";
 export * from "./useObservable.js";
 export * from "./useRerender.js";
 export * from "./useResize.js";

package/dist/scss/_configurator.scss

@@ -5,26 +5,30 @@
 @use "mixins";
 
 @mixin classes($fontSize, $textColor, $headerUnderlineColor) {
-	.cfgConfigurator {
+	.cfgConfiguratorWrapper {
 		@include mixins.cfgRootStyles;
-		@include mixins.cfgDefaultFont;
-		font-size: $fontSize;
 		color: $textColor;
-		min-width: 0;
-	}
+		display: flex;
+		height: 85vh;
+		flex-direction: column;
 
-	.cfgConfiguratorHeader {
-		border-bottom: 0.1em solid $headerUnderlineColor;
-		padding: 1.7em 1.7em 1.9em;
-		position: relative;
-
-		&__actions {
-			margin-top: 1em;
+		@media screen and (orientation: landscape) {
+			flex-direction: row;
 		}
-	}
 
-	.cfgConfiguratorTree {
-		padding-top: 1em;
+		.cfgTaskStart {
+			margin-top: 0.5em;
+			font-size: 1.2em;
+			font-weight: 500;
+
+			.cfgFormSelect {
+				padding: 0.5em;
+
+				&::after {
+					right: 0.5em;
+				}
+			}
+		}
 	}
 
 	.cfgCanvasWrapper {
@@ -33,35 +37,51 @@
 		height: 50rem;
 		user-select: none;
 
+		flex: 1 1 auto;
+		overflow: hidden;
+
 		& canvas {
 			outline: none;
 		}
+
+		@media screen and (orientation: landscape) {
+			height: 100%;
+			flex: 0 1 60%;
+		}
 	}
 
-	.cfgConfiguratorWrapper {
+	.cfgConfigurator {
 		@include mixins.cfgRootStyles;
+		@include mixins.cfgDefaultFont;
+		font-size: $fontSize;
 		color: $textColor;
+		min-width: 0;
+
 		height: 100%;
-		width: 100%;
-	}
+		display: flex;
+		flex-direction: column;
+		flex: 0 0 50%;
+		overflow: auto;
 
-	@media screen and (orientation: landscape) {
-		.cfgConfiguratorWrapper {
-			display: flex;
-			flex-direction: row;
+		@media screen and (orientation: landscape) {
+			height: 100%;
+			flex: 0 1 40%;
+		}
+	}
 
-			& > .cfgConfigurator {
-				flex: 0 1 40%;
-				height: 100%;
-			}
+	.cfgConfiguratorHeader {
+		border-bottom: 0.1em solid $headerUnderlineColor;
+		padding: 1.7em 1.7em 1.9em;
+		position: relative;
 
-			& .cfgCanvasWrapper {
-				flex: 0 1 60%;
-				height: 85vh;
-				overflow: hidden;
-				position: sticky;
-				top: 0;
-			}
+		&__actions {
+			margin-top: 1em;
 		}
 	}
+
+	.cfgConfiguratorTree {
+		padding-top: 1em;
+		overflow-y: auto;
+		-webkit-overflow-scrolling: touch;
+	}
 }

package/dist/scss/_feature-item.scss

@@ -10,7 +10,8 @@
 	$checkButtonUncheckedColor,
 	$checkButtonCheckedColor,
 	$focusOutlineInnerColor,
-	$focusOutlineOuterColor
+	$focusOutlineOuterColor,
+	$dividerDark
 ) {
 	.cfgThumbnailImage {
 		border-radius: 0.7em;
@@ -74,6 +75,23 @@
 		&__hiddenInput:checked ~ .cfgFeatureItem__checkbox {
 			@include mixins.cfgCheckbox($checkButtonCheckedColor);
 		}
+
+		&.cfgAdditionalProduct {
+			> .cfgExpandableHeadingRow {
+				> .cfgExpandableHeadingRow__title {
+					font-weight: 600;
+				}
+			}
+
+			> .cfgFeatureItem__hr {
+				border-bottom-color: $dividerDark;
+			}
+
+			/* The last themathic break (hr) we move under the next thematic break so it appears as one */
+			.cfgFeatureItem:last-child .cfgFeatureItem__hr {
+				margin-bottom: -0.1em;
+			}
+		}
 	}
 
 	.cfgFeatureItemOptional__titleWrapper,
@@ -116,9 +134,4 @@
 			text-transform: uppercase;
 		}
 	}
-
-	/* The last themathic break (hr) we move under the next thematic break so it appears as one */
-	.cfgAdditionalProduct .cfgFeatureItem:last-child .cfgFeatureItem__hr {
-		margin-bottom: -0.1em;
-	}
 }

package/dist/scss/_forms.scss

@@ -0,0 +1,42 @@
+@mixin classes($borderColor) {
+	.cfgInput,
+	.cfgFormSelect {
+		border: 0.1em solid $borderColor;
+		padding: 0.3em 0.4em;
+		border-radius: 0.3em;
+	}
+
+	.cfgFormSelect {
+		select {
+			appearance: none;
+			padding: 0 1em 0 0;
+			margin: 0;
+			width: 100%;
+
+			background-color: transparent;
+			font-family: inherit;
+			font-size: inherit;
+			font-weight: inherit;
+			cursor: inherit;
+			line-height: inherit;
+			outline: none;
+			border: none;
+		}
+
+		cursor: pointer;
+		position: relative;
+
+		&::after {
+			position: absolute;
+			right: 0.35em;
+			top: 50%;
+			margin-top: -0.55em;
+			content: "";
+			width: 1em;
+			height: 1em;
+			background-color: $borderColor;
+			clip-path: polygon(50% 80%, 90% 40%, 100% 50%, 50% 100%, 0 50%, 10% 40%);
+			justify-self: end;
+		}
+	}
+}

package/dist/scss/_range-view.scss

@@ -1,28 +1,39 @@
-.cfgRangeView {
-	&__inputs {
-		display: flex;
-		align-items: center;
-	}
+@mixin classes($errorColor) {
+	.cfgRangeView {
+		&__inputs {
+			display: flex;
+			align-items: center;
+		}
 
-	&__number-input {
-		font-size: 1.5em;
-		flex-grow: 1;
-		text-align: right;
-	}
+		&__number-input {
+			font-size: 1.5em;
+			flex-grow: 1;
+			text-align: right;
+		}
 
-	&__unit-label {
-		font-size: 1.5em;
-		margin-left: 0.3em;
-	}
+		&__unit-label {
+			font-size: 1.5em;
+			margin-left: 0.3em;
+		}
 
-	&__slider-input.cfgSlider {
-		margin-left: 1em;
-		flex-grow: 3;
-	}
+		&__slider-input.cfgSlider {
+			margin-left: 1em;
+			flex-grow: 3;
+		}
+
+		&__error {
+			display: flex;
+			align-items: center;
+
+			margin-top: 1em;
+			font-size: 1.5em;
+			color: $errorColor;
 
-	&__error {
-		margin-top: 1em;
-		font-size: 1.5em;
-		color: #b00;
+			.cfgErrorIcon {
+				padding-right: 0.25em;
+				width: 1.25em;
+				height: 1em;
+			}
+		}
 	}
 }

package/dist/scss/_tasks.scss

@@ -0,0 +1,71 @@
+@use "mixins";
+
+@mixin classes($borderColor, $linkColor) {
+	$preview-size: 4.8em;
+	$line-width: 0.1em;
+	$icon-size: 2em;
+
+	.cfgTaskList {
+		ul {
+			list-style-type: none;
+			padding: 0;
+			border-bottom: 0.1em solid $borderColor;
+		}
+
+		&__item {
+			padding: 0 1.5em 0 1.7em;
+			margin-bottom: 1em;
+			display: flex;
+			align-items: center;
+		}
+
+		&__preview {
+			border: 0.1em solid $borderColor;
+			border-radius: 10%;
+			width: $preview-size;
+			height: $preview-size;
+			flex-shrink: 0;
+
+			img {
+				object-fit: cover;
+				position: relative;
+				left: 0.1 * $preview-size - $line-width;
+				top: 0.1 * $preview-size - $line-width;
+				width: 0.8 * $preview-size;
+				height: 0.8 * $preview-size;
+			}
+		}
+
+		&__icon {
+			flex-shrink: 0;
+			width: $icon-size + 2em;
+			height: $icon-size;
+			padding-left: 1em;
+			padding-right: 1em;
+
+			.cfgLoadingSizer {
+				font-size: 0.75em;
+			}
+		}
+
+		&__status {
+			flex-grow: 1;
+			font-size: 1.5em;
+		}
+
+		&__abort {
+			@include mixins.noButtonLook;
+			cursor: pointer;
+			width: $icon-size;
+			height: $icon-size;
+			flex-shrink: 0;
+		}
+
+		&__restart {
+			@include mixins.noButtonLook;
+			cursor: pointer;
+			text-decoration: underline;
+			color: $linkColor;
+		}
+	}
+}

package/dist/scss/_themed.scss

@@ -5,20 +5,25 @@
 
 // Components
 @use "button";
+@use "forms";
 
 @use "configurator";
 @use "expandable";
-@use "hr";
 @use "feature-item";
+@use "hr";
+@use "loading";
 @use "option-tree";
 @use "product-information";
-@use "loading";
-@use "slider";
 @use "range-view";
+@use "slider";
+@use "tasks";
 
 // Icons
 @use "icons/checkmark";
 @use "icons/chevron";
+@use "icons/circle-xmark-icon";
+@use "icons/download-icon";
+@use "icons/error-icon";
 
 // Utilities
 @use "utilities";
@@ -33,13 +38,17 @@ $darkGrey: hsl(0, 0%, 15%) !default;
 
 $border: hsl(252, 5%, 79%) !default;
 $borderDark: hsl(0, 0%, 73%) !default;
+$icon: hsl(252, 5%, 50%) !default;
 $focusOutlineOuter: hsl(0, 0%, 13%) !default;
 $sliderTrack: #666 !default;
 $spinner2: hsla(0, 0%, 0%, 0.15);
 $grayText: hsl(0, 0%, 50%) !default;
 $text: hsl(0, 0%, 20%) !default;
+$link: hsl(209, 100%, 35%) !default;
+$error: hsl(10, 72%, 41%) !default;
+
 /* As convention we assume the default theme when naming colors,
-   as attempts at generic naming often leads to confussion */
+   as attempts at generic naming often leads to confusion */
 $lightTheme: (
 	"black": $black,
 	"border": $border,
@@ -49,9 +58,13 @@ $lightTheme: (
 	"chevronActive": $black,
 	"chevronPassive": $borderDark,
 	"divider": $border,
+	"dividerDark": $borderDark,
+	"error": $error,
 	"focusOutlineInner": $white,
 	"focusOutlineOuter": $text,
 	"grayText": $grayText,
+	"icon": $icon,
+	"link": $link,
 	"overlayBackground": $white,
 	"sliderThumb": $white,
 	"sliderThumbShadow": $sliderTrack,
@@ -84,25 +97,37 @@ $themes: (
 );
 
 @mixin themed($ct, $baseFontSize: v.$baseFontSize, $overlayingZIndex: v.$overlayingZIndex) {
+	a {
+		color: map.get($ct, "link");
+	}
+
 	@include button.classes(
 		map.get($ct, "text"),
 		map.get($ct, "borderDark"),
 		map.get($ct, "focusOutlineInner"),
 		map.get($ct, "focusOutlineOuter")
 	);
+	@include checkmark.classes(
+		map.get($ct, "checkButtonChecked"),
+		map.get($ct, "checkButtonUnchecked")
+	);
+	@include chevron.classes(map.get($ct, "chevronActive"), map.get($ct, "chevronPassive"));
+	@include circle-xmark-icon.classes(map.get($ct, "icon"));
 	@include configurator.classes($baseFontSize, map.get($ct, "text"), map.get($ct, "divider"));
+	@include download-icon.classes(map.get($ct, "link"));
 	@include expandable.classes;
-	@include hr.classes(map.get($ct, "divider"));
+	@include error-icon.classes(map.get($ct, "error"));
 	@include feature-item.classes(
 		map.get($ct, "text"),
 		map.get($ct, "grayText"),
 		map.get($ct, "checkButtonUnchecked"),
 		map.get($ct, "checkButtonChecked"),
 		map.get($ct, "focusOutlineInner"),
-		map.get($ct, "focusOutlineOuter")
+		map.get($ct, "focusOutlineOuter"),
+		map.get($ct, "dividerDark")
 	);
-	@include option-tree.classes;
-	@include product-information.classes(map.get($ct, "text"));
+	@include forms.classes(map.get($ct, "borderDark"));
+	@include hr.classes(map.get($ct, "divider"));
 	@include loading.classes(
 		map.get($ct, "black"),
 		map.get($ct, "spinner1"),
@@ -110,15 +135,13 @@ $themes: (
 		map.get($ct, "overlayBackground"),
 		$overlayingZIndex
 	);
-
+	@include option-tree.classes;
+	@include product-information.classes(map.get($ct, "text"));
+	@include range-view.classes(map.get($ct, "error"));
 	@include slider.classes(
 		map.get($ct, "sliderTrack"),
 		map.get($ct, "sliderThumb"),
 		map.get($ct, "sliderThumbShadow")
 	);
-	@include checkmark.classes(
-		map.get($ct, "checkButtonChecked"),
-		map.get($ct, "checkButtonUnchecked")
-	);
-	@include chevron.classes(map.get($ct, "chevronActive"), map.get($ct, "chevronPassive"));
+	@include tasks.classes(map.get($ct, "border"), map.get($ct, "link"));
 }