@configura/web-ui 1.3.0-alpha.1 → 1.3.0-alpha.2

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/scss/_utilities.scss","../../src/scss/web-ui.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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A,qBAAA,CYNC,oBAAA,CACA,Ud+qBF,CEzqBC,qCAEC,kBF0qBF,CEnqBC,cAVA,qBFgrBD,CE/qBC,uCAEC,kBFgrBF,CctrBE,uBACC,wBdwrBH,CctrBG,6BACC,0BdwrBJ,CcrrBG,2BACC,2BdurBJ,CcnrBE,kBACC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCdqrBH,CchrBG,6DACC,WdkrBJ,CchrBG,+DACC,cdkrBJ,Cc7qBG,4BACC,uBd+qBJ,CcxqBG,uDACC,wBd6qBJ,Cc1qBG,2BACC,uBd4qBJ,CC5sBC,yBCRA,qBAAA,CDRA,oBAAA,CACA,4BAAA,CACA,aE6EC,CF5ED,kBAAA,CACA,yBAAA,CACA,eAAA,CACA,eAAA,CACA,YAAA,CACA,iBDouBD,CEnuBC,+DAEC,kBFouBF,CE7tBC,2BAVA,qBF0uBD,CEzuBC,iEAEC,kBF0uBF,CC3uBC,+BCNA,+CFovBD,CCpuBC,4BCZA,qBFmvBD,CElvBC,qEAEC,kBFmvBF,CE5uBC,8BAVA,qBFyvBD,CExvBC,uEAEC,kBFyvBF,CC7uBG,mDACC,eD+uBJ,CIvwBC,+BFQA,qBAAA,CAgBA,iIAAA,CErBC,cCNa,CDOb,aDgF4C,CC/E5C,WJywBF,CErwBC,2EAEC,kBFswBF,CE/vBC,iCAVA,qBF4wBD,CE3wBC,6EAEC,kBF4wBF,CI/wBC,qCACC,gCAAA,CACA,yBAAA,CACA,iBJixBF,CI/wBE,8CACC,cJixBH,CI7wBC,mCACC,eJ+wBF,CI5wBC,gCFdA,qBAAA,CEgBC,iBAAA,CACA,YAAA,CACA,wBAAA,CAAA,gBJ8wBF,CE/xBC,6EAEC,kBFgyBF,CEzxBC,kCAVA,qBFsyBD,CEryBC,+EAEC,kBFsyBF,CIrxBE,uCACC,YJuxBH,CInxBC,sCFzBA,qBAAA,CE2BC,aDiD4C,CChD5C,WAAA,CACA,UJqxBF,CEjzBC,yFAEC,kBFkzBF,CE3yBC,wCAVA,qBFwzBD,CEvzBC,2FAEC,kBFwzBF,CI3xBC,0CACC,sCACC,YAAA,CACA,kBJ6xBD,CI3xBC,uDACC,YAAA,CACA,WJ6xBF,CI1xBC,wDACC,YAAA,CACA,WAAA,CACA,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,YAbe,CAcf,iBAAA,CACA,eT6FC,CS5FD,sCZ4vCD,CYntCE,sCACC,YZqtCH,CalxCC,4BXYA,qBAAA,CWNC,oBAAA,CACA,UAAA,CACA,WbkxCF,CE7wCC,qEAEC,kBF8wCF,CEvwCC,8BAVA,qBFoxCD,CEnxCC,uEAEC,kBFoxCF,CazxCE,uCACC,wBAAA,CACA,0Bb2xCH,CaxxCE,kCACC,WVmGD,CUlGC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCb0xCH,CavxCE,sCACC,WV2FD,CU1FC,yDbyxCH,CatxCE,uCACC,WVsFD,CUrFC,0DbwxCH,CanxCE,oCXDD,yBAAA,CAYA,kBFoxCD,Ca7xCG,gFXJF,kBAAA,CAEA,YAAA,CACA,aAAA,CACA,YAAA,CACA,sBAAA,CACA,mBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,WFqyCD,CazyCG,4CXHF,sBAAA,CAYA,kBFgyCD,Cc90CC,0BZYA,qBAAA,CYNC,oBAAA,CACA,Ud80CF,CEx0CC,iEAEC,kBFy0CF,CEl0CC,4BAVA,qBF+0CD,CE90CC,mEAEC,kBF+0CF,Ccr1CE,qCACC,wBdu1CH,Ccr1CG,2CACC,0Bdu1CJ,Ccp1CG,yCACC,2Bds1CJ,Ccl1CE,gCACC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCdo1CH,Cc/0CG,yFACC,Wdi1CJ,Cc/0CG,2FACC,cdi1CJ,Cc50CG,0CACC,uBd80CJ,Ccv0CG,mFACC,wBd40CJ,Ccz0CG,yCACC,uBd20CJ","file":"web-ui.css","sourcesContent":["/**\r\n * Web UI Utilities\r\n */\r\n\r\n.cfgMl1 {\r\n\tmargin-left: 1em;\r\n}\r\n\r\n.cfgMb1 {\r\n\tmargin-bottom: 1em;\r\n}\r\n\r\n.cfgTextOverflow {\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n}\r\n","/**\r\n* Web UI Styling\r\n*/\r\n\r\n@use \"themed\";\r\n\r\n@include themed.themed(themed.$lightTheme);\r\n\r\n.cfgDarkTheme {\r\n\t@include themed.themed(themed.$darkTheme);\r\n}\r\n","/**\r\n * Web UI Product information\r\n */\r\n@use \"mixins\";\r\n\r\n@mixin styles($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor) {\r\n\t@include mixins.cfgRootStyles;\r\n\tdisplay: inline-block;\r\n\tbackground-color: transparent;\r\n\tcolor: $textColor;\r\n\tborder-radius: 0.3em;\r\n\tborder: 0.1em solid $borderColor;\r\n\tfont-size: 1.3em;\r\n\tfont-weight: 500;\r\n\toutline: none;\r\n\tpadding: 0.4em 0.8em;\r\n\r\n\t&:focus {\r\n\t\t@include mixins.focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor);\r\n\t}\r\n}\r\n\r\n@mixin classes($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor) {\r\n\t.cfgButton {\r\n\t\t@include styles($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor);\r\n\t}\r\n\r\n\t.cfgButtonRow {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\t&__button {\r\n\t\t\t&:nth-child(n + 2) {\r\n\t\t\t\tmargin-left: 1em;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@mixin noButtonLook {\r\n\tappearance: none;\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\tcolor: inherit;\r\n\tbackground: none;\r\n\tborder: none;\r\n\tpadding: 0;\r\n}\r\n\r\n@mixin focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor) {\r\n\tbox-shadow: 0 0 0 0.075em $focusOutlineInnerColor, 0 0 0 0.2em $focusOutlineOuterColor;\r\n}\r\n\r\n@mixin borderBox {\r\n\tbox-sizing: border-box;\r\n\t&:before,\r\n\t&:after {\r\n\t\tbox-sizing: inherit;\r\n\t}\r\n}\r\n\r\n@mixin cfgRootStyles {\r\n\t@include borderBox;\r\n\r\n\t* {\r\n\t\t@include borderBox;\r\n\t}\r\n}\r\n\r\n@mixin cfgDefaultFont {\r\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif,\r\n\t\t\"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\r\n}\r\n\r\n@mixin cfgCheckAndRadio($color) {\r\n\talign-items: center;\r\n\tborder: 0.2em solid $color;\r\n\tdisplay: flex;\r\n\tflex: 0 0 auto;\r\n\theight: 2.2em;\r\n\tjustify-content: center;\r\n\tpointer-events: none;\r\n\tuser-select: none;\r\n\twidth: 2.2em;\r\n}\r\n\r\n@mixin cfgCheckbox($color) {\r\n\t@include cfgCheckAndRadio($color);\r\n\tborder-radius: 0.3em;\r\n}\r\n\r\n@mixin cfgRadio($color) {\r\n\t@include cfgCheckAndRadio($color);\r\n\tborder-radius: 50%;\r\n}\r\n","@use \"sass:map\";\r\n@use \"sass:color\";\r\n\r\n@use \"variables\" as v;\r\n\r\n// Components\r\n@use \"button\";\r\n\r\n@use \"configurator\";\r\n@use \"expandable\";\r\n@use \"hr\";\r\n@use \"feature-item\";\r\n@use \"option-tree\";\r\n@use \"product-information\";\r\n@use \"loading\";\r\n@use \"slider\";\r\n\r\n// Icons\r\n@use \"icons/checkmark\";\r\n@use \"icons/chevron\";\r\n\r\n// Utilities\r\n@use \"utilities\";\r\n\r\n/* Colors */\r\n\r\n$black: hsl(0, 0%, 0%) !default;\r\n$white: hsl(0, 0%, 100%) !default;\r\n$darkGrey: hsl(0, 0%, 15%) !default;\r\n\r\n/* Specific colors */\r\n\r\n$border: hsl(252, 5%, 79%) !default;\r\n$borderDark: hsl(0, 0%, 73%) !default;\r\n$focusOutlineOuter: hsl(0, 0%, 13%) !default;\r\n$sliderTrack: #666 !default;\r\n$spinner2: hsla(0, 0%, 0%, 0.15);\r\n$grayText: hsl(0, 0%, 50%) !default;\r\n$text: hsl(0, 0%, 20%) !default;\r\n/* As convention we assume the default theme when naming colors,\r\n   as attempts at generic naming often leads to confussion */\r\n$lightTheme: (\r\n\t\"black\": $black,\r\n\t\"border\": $border,\r\n\t\"borderDark\": $borderDark,\r\n\t\"checkButtonChecked\": $black,\r\n\t\"checkButtonUnchecked\": $border,\r\n\t\"chevronActive\": $black,\r\n\t\"chevronPassive\": $borderDark,\r\n\t\"divider\": $border,\r\n\t\"focusOutlineInner\": $white,\r\n\t\"focusOutlineOuter\": $text,\r\n\t\"grayText\": $grayText,\r\n\t\"overlayBackground\": $white,\r\n\t\"sliderThumb\": $white,\r\n\t\"sliderThumbShadow\": $sliderTrack,\r\n\t\"sliderTrack\": $sliderTrack,\r\n\t\"spinner1\": $black,\r\n\t\"spinner2\": $spinner2,\r\n\t\"text\": $text,\r\n\t\"white\": $white,\r\n) !default;\r\n\r\n@function invertLightness($color) {\r\n\t@return color.change(\r\n\t\t$color,\r\n\t\t$lightness: 100 - color.lightness($color) * 0.8\r\n\t); // We scale with 80% to have a bit more contrast\r\n}\r\n\r\n@function invertLightnessList($list) {\r\n\t@each $key, $color in $list {\r\n\t\t$list: map.set($list, $key, invertLightness($color));\r\n\t}\r\n\t@return $list;\r\n}\r\n\r\n$darkTheme: invertLightnessList($lightTheme);\r\n\r\n$themes: (\r\n\t\"light\": $lightTheme,\r\n\t\"dark\": $darkTheme,\r\n);\r\n\r\n@mixin themed($ct, $baseFontSize: v.$baseFontSize, $overlayingZIndex: v.$overlayingZIndex) {\r\n\t@include button.classes(\r\n\t\tmap.get($ct, \"text\"),\r\n\t\tmap.get($ct, \"borderDark\"),\r\n\t\tmap.get($ct, \"focusOutlineInner\"),\r\n\t\tmap.get($ct, \"focusOutlineOuter\")\r\n\t);\r\n\t@include configurator.classes($baseFontSize, map.get($ct, \"text\"), map.get($ct, \"divider\"));\r\n\t@include expandable.classes;\r\n\t@include hr.classes(map.get($ct, \"divider\"));\r\n\t@include feature-item.classes(\r\n\t\tmap.get($ct, \"text\"),\r\n\t\tmap.get($ct, \"grayText\"),\r\n\t\tmap.get($ct, \"checkButtonUnchecked\"),\r\n\t\tmap.get($ct, \"checkButtonChecked\"),\r\n\t\tmap.get($ct, \"focusOutlineInner\"),\r\n\t\tmap.get($ct, \"focusOutlineOuter\")\r\n\t);\r\n\t@include option-tree.classes;\r\n\t@include product-information.classes(map.get($ct, \"text\"));\r\n\t@include loading.classes(\r\n\t\tmap.get($ct, \"black\"),\r\n\t\tmap.get($ct, \"spinner1\"),\r\n\t\tmap.get($ct, \"spinner2\"),\r\n\t\tmap.get($ct, \"overlayBackground\"),\r\n\t\t$overlayingZIndex\r\n\t);\r\n\r\n\t@include slider.classes(\r\n\t\tmap.get($ct, \"sliderTrack\"),\r\n\t\tmap.get($ct, \"sliderThumb\"),\r\n\t\tmap.get($ct, \"sliderThumbShadow\")\r\n\t);\r\n\t@include checkmark.classes(\r\n\t\tmap.get($ct, \"checkButtonChecked\"),\r\n\t\tmap.get($ct, \"checkButtonUnchecked\")\r\n\t);\r\n\t@include chevron.classes(map.get($ct, \"chevronActive\"), map.get($ct, \"chevronPassive\"));\r\n}\r\n","/**\r\n * Web UI Configurator\r\n */\r\n\r\n@use \"mixins\";\r\n\r\n@mixin classes($fontSize, $textColor, $headerUnderlineColor) {\r\n\t.cfgConfigurator {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\t@include mixins.cfgDefaultFont;\r\n\t\tfont-size: $fontSize;\r\n\t\tcolor: $textColor;\r\n\t\tmin-width: 0;\r\n\t}\r\n\r\n\t.cfgConfiguratorHeader {\r\n\t\tborder-bottom: 0.1em solid $headerUnderlineColor;\r\n\t\tpadding: 1.7em 1.7em 1.9em;\r\n\t\tposition: relative;\r\n\r\n\t\t&__actions {\r\n\t\t\tmargin-top: 1em;\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgConfiguratorTree {\r\n\t\tpadding-top: 1em;\r\n\t}\r\n\r\n\t.cfgCanvasWrapper {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\tposition: relative;\r\n\t\theight: 50rem;\r\n\t\tuser-select: none;\r\n\r\n\t\t& canvas {\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgConfiguratorWrapper {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\tcolor: $textColor;\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t@media screen and (orientation: landscape) {\r\n\t\t.cfgConfiguratorWrapper {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\r\n\t\t\t& > .cfgConfigurator {\r\n\t\t\t\tflex: 0 1 40%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\r\n\t\t\t& .cfgCanvasWrapper {\r\n\t\t\t\tflex: 0 1 60%;\r\n\t\t\t\theight: 85vh;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\tposition: sticky;\r\n\t\t\t\ttop: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","/**\r\n * Web UI Variables\r\n */\r\n\t\r\n$baseFontSize: 10px !default; // We use 10px for easy em conversion\r\n$overlayingZIndex: 1000 !default;\r\n","@use \"mixins\";\r\n\r\n@mixin classes {\r\n\t.cfgExpandableHeadingRow {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\t@include mixins.noButtonLook;\r\n\t\talign-items: stretch;\r\n\t\tdisplay: flex;\r\n\t\theight: 3.9em;\r\n\t\toutline: 0;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\r\n\t\t&--expandable {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\r\n\t\t&__title {\r\n\t\t\talign-items: center;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex: 1 1 auto;\r\n\t\t\tfont-size: 1.5em;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t}\r\n\r\n\t\t&__icon {\r\n\t\t\talign-items: center;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex: 0 0 5em;\r\n\t\t\tjustify-content: center;\r\n\t\t\tpadding: 0 1.5em;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","@use \"mixins\";\r\n\r\n@mixin styles($color) {\r\n\t@include mixins.cfgRootStyles;\r\n\tborder: 0;\r\n\tborder-bottom: 0.1em solid $color;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n}\r\n\r\n@mixin classes($color) {\r\n\t.cfgHr {\r\n\t\t@include styles($color);\r\n\t\t@content;\r\n\t}\r\n}\r\n","/**\r\n * Web UI Feature item\r\n */\r\n\r\n@use \"mixins\";\r\n\r\n@mixin classes(\r\n\t$textColor,\r\n\t$grayTextColor,\r\n\t$checkButtonUncheckedColor,\r\n\t$checkButtonCheckedColor,\r\n\t$focusOutlineInnerColor,\r\n\t$focusOutlineOuterColor\r\n) {\r\n\t.cfgThumbnailImage {\r\n\t\tborder-radius: 0.7em;\r\n\t\tdisplay: inline-block;\r\n\t\theight: 3em;\r\n\t\twidth: 3em;\r\n\t}\r\n\r\n\t.cfgThumbnailPlaceholder {\r\n\t\talign-items: center;\r\n\t\tdisplay: flex;\r\n\t\tflex: 0 0 4.2em;\r\n\t\tjustify-content: flex-start;\r\n\t}\r\n\r\n\t.cfgFeatureItem {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tcolor: $textColor;\r\n\r\n\t\t&__dropdown {\r\n\t\t\t@include mixins.noButtonLook;\r\n\t\t\talign-items: stretch;\r\n\t\t\tdisplay: flex;\r\n\t\t\theight: 3.9em;\r\n\t\t\toutline: 0;\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 100%;\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\r\n\t\t&--optional {\r\n\t\t\tmargin-top: 1em;\r\n\t\t}\r\n\r\n\t\t&__hiddenInput {\r\n\t\t\tleft: -99999px;\r\n\t\t\topacity: 0;\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\r\n\t\t&__radio {\r\n\t\t\t@include mixins.cfgRadio($checkButtonUncheckedColor);\r\n\t\t}\r\n\r\n\t\t&__checkbox {\r\n\t\t\t@include mixins.cfgCheckbox($checkButtonUncheckedColor);\r\n\t\t}\r\n\r\n\t\t/* The &-syntax brings in the entire path, so the second part of this rule must be explicit */\r\n\r\n\t\t&__hiddenInput:focus ~ .cfgFeatureItem__radio,\r\n\t\t&__hiddenInput:focus ~ .cfgFeatureItem__checkbox {\r\n\t\t\t@include mixins.focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor);\r\n\t\t}\r\n\r\n\t\t&__hiddenInput:checked ~ .cfgFeatureItem__radio {\r\n\t\t\t@include mixins.cfgRadio($checkButtonCheckedColor);\r\n\t\t}\r\n\t\t&__hiddenInput:checked ~ .cfgFeatureItem__checkbox {\r\n\t\t\t@include mixins.cfgCheckbox($checkButtonCheckedColor);\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgFeatureItemOptional__titleWrapper,\r\n\t.cfgFeatureItemOption__titleWrapper {\r\n\t\tflex: 1 1 auto;\r\n\t\tmargin-left: 1em;\r\n\t}\r\n\r\n\t.cfgFeatureItemOptional__title,\r\n\t.cfgFeatureItemOption__title {\r\n\t\tfont-size: 1.5em;\r\n\t}\r\n\r\n\t.cfgFeatureItemOption__price {\r\n\t\tfont-weight: 600;\r\n\t\tfont-size: 0.75em;\r\n\t\tcolor: $grayTextColor;\r\n\t}\r\n\r\n\t.cfgOptionTree--subLevel .cfgFeatureItem__hr {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.cfgFeatureItemOption {\r\n\t\talign-items: center;\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t.cfgFeatureItemOptional {\r\n\t\talign-items: center;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\tmargin-top: 0.5em;\r\n\r\n\t\t&__header {\r\n\t\t\tfont-size: 1.2em;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tmargin: 0 0 0.3em 0;\r\n\t\t\tpadding: 0;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t}\r\n\t}\r\n\r\n\t/* The last themathic break (hr) we move under the next thematic break so it appears as one */\r\n\t.cfgAdditionalProduct .cfgFeatureItem:last-child .cfgFeatureItem__hr {\r\n\t\tmargin-bottom: -0.1em;\r\n\t}\r\n}\r\n","/**\r\n * Web UI Option tree\r\n */\r\n\r\n@use \"mixins\";\r\n\r\n@mixin classes {\r\n\t.cfgOptionTree {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tlist-style: none;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\r\n\t\t&--topLevel {\r\n\t\t\tpadding-left: 1.7em;\r\n\t\t}\r\n\r\n\t\t&--indent {\r\n\t\t\tmargin-left: 3.2em;\r\n\t\t}\r\n\r\n\t\t&--compThumb {\r\n\t\t\tmargin-left: 4.2em;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","/**\r\n * Web UI Product information\r\n */\r\n\r\n@use \"sass:math\";\r\n@use \"mixins\";\r\n\r\n@mixin classes($textColor) {\r\n\t.cfgProductInfo {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tcolor: $textColor;\r\n\r\n\t\tdisplay: flex;\r\n\r\n\t\t&__left {\r\n\t\t\tflex: 1 1 auto;\r\n\t\t\tmin-width: 0;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\r\n\t\t&__right {\r\n\t\t\talign-items: flex-end;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tflex: 1 0 auto;\r\n\t\t\tmargin-left: 1em;\r\n\t\t\tmax-width: math.div(1, 3);\r\n\t\t\tmin-width: 0;\r\n\t\t}\r\n\r\n\t\t&__name {\r\n\t\t\tdisplay: block;\r\n\t\t\tfont-size: 1.6em;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tline-height: 1.33;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t&__number {\r\n\t\t\tfont-size: 1.3em;\r\n\t\t\tfont-weight: 400;\r\n\t\t\tline-height: 1.38;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","/**\r\n * Web UI Loading\r\n */\r\n\r\n@use \"mixins\";\r\n\r\n@mixin classes(\r\n\t$textColor,\r\n\t$spinnerColor1,\r\n\t$spinnerColor2,\r\n\t$overlayBackgroundColor,\r\n\t$overlayingZIndex\r\n) {\r\n\t.cfgCenteredLoading {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\talign-items: center;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\theight: 100%;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.cfgOverlayLoading {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\talign-items: center;\r\n\t\tbackground-color: $overlayBackgroundColor;\r\n\t\tbottom: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t\tleft: 0;\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\ttop: 0;\r\n\t\tz-index: $overlayingZIndex;\r\n\r\n\t\t&--clickThrough {\r\n\t\t\tbackground-color: transparent;\r\n\t\t\tpointer-events: none;\r\n\r\n\t\t\t.cfgLoadingWithText {\r\n\t\t\t\tpadding: 2em 2em 1.8em;\r\n\t\t\t\tborder-radius: 0.8em;\r\n\t\t\t\tbackground-color: $overlayBackgroundColor;\r\n\t\t\t\topacity: 0.8;\r\n\t\t\t\tborder: 0.1em solid $spinnerColor2;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&--fullWindow {\r\n\t\t\tposition: fixed;\r\n\t\t\tz-index: #{$overlayingZIndex + 1};\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgLoadingWithText {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\t@include mixins.cfgDefaultFont;\r\n\r\n\t\ttext-align: center;\r\n\r\n\t\t&__text {\r\n\t\t\tcolor: $textColor;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tmargin-top: 0.5em;\r\n\t\t\tfont-size: 1.6em;\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgLoading {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tanimation: rotate 1.1s linear 0s infinite;\r\n\t\tborder-radius: 100%;\r\n\t\tborder: 0.5em solid $spinnerColor2;\r\n\t\tborder-bottom-color: $spinnerColor1;\r\n\t\tdisplay: inline-block;\r\n\t\theight: 3em;\r\n\t\twidth: 3em;\r\n\r\n\t\t&--small {\r\n\t\t\tborder-width: 0.4em;\r\n\t\t\theight: 2em;\r\n\t\t\twidth: 2em;\r\n\t\t}\r\n\t}\r\n\r\n\t@keyframes rotate {\r\n\t\tfrom {\r\n\t\t\ttransform: rotate(0deg);\r\n\t\t}\r\n\t\tto {\r\n\t\t\ttransform: rotate(360deg);\r\n\t\t}\r\n\t}\r\n}\r\n","@use \"mixins\";\r\n\r\n// The origins of this SCSS file is here:\r\n// https://css-tricks.com/sliding-nightmare-understanding-range-input/\r\n\r\n$trackHeight: 0.2em !default;\r\n$thumbDiameter: 2.8em !default;\r\n\r\n@mixin track($trackColor) {\r\n\tbox-sizing: border-box;\r\n\tborder: none;\r\n\theight: $trackHeight;\r\n\tbackground: $trackColor;\r\n}\r\n\r\n@mixin thumb($thumbColor, $thumbShadowColor) {\r\n\tbox-sizing: border-box;\r\n\tborder: none;\r\n\twidth: $thumbDiameter;\r\n\theight: $thumbDiameter;\r\n\tborder-radius: 50%;\r\n\tbackground: $thumbColor;\r\n\tbox-shadow: 0 0.15em 0.45em 0.05em $thumbShadowColor;\r\n}\r\n\r\n@mixin classes($trackColor, $thumbColor, $thumbShadowColor) {\r\n\t.cfgSlider {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\t&,\r\n\t\t&::-webkit-slider-thumb {\r\n\t\t\t-webkit-appearance: none;\r\n\t\t}\r\n\r\n\t\tflex: 1;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tmin-height: $thumbDiameter;\r\n\t\tbackground: transparent;\r\n\t\tfont: inherit;\r\n\r\n\t\t&::-webkit-slider-runnable-track {\r\n\t\t\t@include track($trackColor);\r\n\t\t}\r\n\t\t&::-moz-range-track {\r\n\t\t\t@include track($trackColor);\r\n\t\t}\r\n\t\t&::-ms-track {\r\n\t\t\t@include track($trackColor);\r\n\t\t}\r\n\r\n\t\t&::-webkit-slider-thumb {\r\n\t\t\tmargin-top: 0.5 * ($trackHeight - $thumbDiameter);\r\n\t\t\t@include thumb($thumbColor, $thumbShadowColor);\r\n\t\t}\r\n\t\t&::-moz-range-thumb {\r\n\t\t\t@include thumb($thumbColor, $thumbShadowColor);\r\n\t\t}\r\n\t\t&::-ms-thumb {\r\n\t\t\tmargin-top: 0;\r\n\t\t\t@include thumb($thumbColor, $thumbShadowColor);\r\n\t\t}\r\n\r\n\t\t&::-ms-tooltip {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","@use \"../mixins\";\r\n\r\n@mixin classes($colorActive, $colorPassive) {\r\n\t.cfgCheckmark {\r\n\t\t/* The distance-units inside the checkmark are px even though everything\r\n\t\t   else is relative units. The SVG has its own coordinate space. */\r\n\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\r\n\t\t&__container {\r\n\t\t\ttransition: transform 0.4s;\r\n\t\t\ttransform: translateY(17px);\r\n\t\t}\r\n\r\n\t\t&__line {\r\n\t\t\tstroke: $colorActive;\r\n\t\t\tstroke-linecap: round;\r\n\t\t\tstroke-width: 12;\r\n\t\t\ttransform-origin: 50px 50px;\r\n\t\t\ttransition: transform 0.4s, stroke 0.4s;\r\n\t\t}\r\n\r\n\t\t&__lineLeft {\r\n\t\t\tstroke: $colorActive;\r\n\t\t\ttransform: rotate(40deg) translateY(24px) translateX(18px);\r\n\t\t}\r\n\r\n\t\t&__lineRight {\r\n\t\t\tstroke: $colorActive;\r\n\t\t\ttransform: rotate(-50deg) translateY(-2px) translateX(-3px);\r\n\t\t}\r\n\r\n\t\t@content;\r\n\r\n\t\t&__border {\r\n\t\t\t@include mixins.cfgCheckbox($colorPassive);\r\n\t\t\t&--active {\r\n\t\t\t\t@include mixins.cfgCheckbox($colorActive);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@use \"../mixins\";\r\n\r\n@mixin classes($activeColor, $passiveColor) {\r\n\t.cfgChevron {\r\n\t\t/* The distance-units inside the chevron are px even though everything\r\n\t\t   else is relative units. The SVG has its own coordinate space. */\r\n\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\r\n\t\t&__container {\r\n\t\t\ttransition: transform 0.4s;\r\n\r\n\t\t\t&--down {\r\n\t\t\t\ttransform: translateY(13px);\r\n\t\t\t}\r\n\r\n\t\t\t&--up {\r\n\t\t\t\ttransform: translateY(-13px);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__line {\r\n\t\t\tstroke-linecap: round;\r\n\t\t\tstroke-width: 10;\r\n\t\t\ttransform-origin: 50px 50px;\r\n\t\t\ttransition: transform 0.4s, stroke 0.4s;\r\n\t\t}\r\n\r\n\t\t&__lineLeft,\r\n\t\t&__lineRight {\r\n\t\t\t&--active {\r\n\t\t\t\tstroke: $activeColor;\r\n\t\t\t}\r\n\t\t\t&--passive {\r\n\t\t\t\tstroke: $passiveColor;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__lineLeft {\r\n\t\t\t&--down {\r\n\t\t\t\ttransform: rotate(40deg);\r\n\t\t\t}\r\n\t\t\t&--up {\r\n\t\t\t\ttransform: rotate(-40deg);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__lineRight {\r\n\t\t\t&--down {\r\n\t\t\t\ttransform: rotate(-40deg);\r\n\t\t\t}\r\n\r\n\t\t\t&--up {\r\n\t\t\t\ttransform: rotate(40deg);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n"]}
+{"version":3,"sources":["../../src/scss/_utilities.scss","../../src/scss/web-ui.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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A,qBAAA,CYNC,oBAAA,CACA,Ud+qBF,CEzqBC,qCAEC,kBF0qBF,CEnqBC,cAVA,qBFgrBD,CE/qBC,uCAEC,kBFgrBF,CctrBE,uBACC,wBdwrBH,CctrBG,6BACC,0BdwrBJ,CcrrBG,2BACC,2BdurBJ,CcnrBE,kBACC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCdqrBH,CchrBG,6DACC,WdkrBJ,CchrBG,+DACC,cdkrBJ,Cc7qBG,4BACC,uBd+qBJ,CcxqBG,uDACC,wBd6qBJ,Cc1qBG,2BACC,uBd4qBJ,CC5sBC,yBCRA,qBAAA,CDRA,oBAAA,CACA,4BAAA,CACA,aE6EC,CF5ED,kBAAA,CACA,yBAAA,CACA,eAAA,CACA,eAAA,CACA,YAAA,CACA,iBDouBD,CEnuBC,+DAEC,kBFouBF,CE7tBC,2BAVA,qBF0uBD,CEzuBC,iEAEC,kBF0uBF,CC3uBC,+BCNA,+CFovBD,CCpuBC,4BCZA,qBFmvBD,CElvBC,qEAEC,kBFmvBF,CE5uBC,8BAVA,qBFyvBD,CExvBC,uEAEC,kBFyvBF,CC7uBG,mDACC,eD+uBJ,CIvwBC,+BFQA,qBAAA,CAgBA,iIAAA,CErBC,cCNa,CDOb,aDgF4C,CC/E5C,WJywBF,CErwBC,2EAEC,kBFswBF,CE/vBC,iCAVA,qBF4wBD,CE3wBC,6EAEC,kBF4wBF,CI/wBC,qCACC,gCAAA,CACA,yBAAA,CACA,iBJixBF,CI/wBE,8CACC,cJixBH,CI7wBC,mCACC,eJ+wBF,CI5wBC,gCFdA,qBAAA,CEgBC,iBAAA,CACA,YAAA,CACA,wBAAA,CAAA,gBJ8wBF,CE/xBC,6EAEC,kBFgyBF,CEzxBC,kCAVA,qBFsyBD,CEryBC,+EAEC,kBFsyBF,CIrxBE,uCACC,YJuxBH,CInxBC,sCFzBA,qBAAA,CE2BC,aDiD4C,CChD5C,WAAA,CACA,UJqxBF,CEjzBC,yFAEC,kBFkzBF,CE3yBC,wCAVA,qBFwzBD,CEvzBC,2FAEC,kBFwzBF,CI3xBC,0CACC,sCACC,YAAA,CACA,kBJ6xBD,CI3xBC,uDACC,YAAA,CACA,WJ6xBF,CI1xBC,wDACC,YAAA,CACA,WAAA,CACA,eAAA,CACA,eAAA,CACA,KJ4xBF,CACF,CMx1BC,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,UNg2BF,CE31BC,2FAEC,kBF41BF,CEr1BC,yCAVA,qBFk2BD,CEj2BC,6FAEC,kBFk2BF,CMv2BE,mDACC,cNy2BH,CMt2BE,8CACC,kBAAA,CACA,YAAA,CACA,aAAA,CACA,eAAA,CACA,eAAA,CACA,0BNw2BH,CMr2BE,6CACC,kBAAA,CACA,YAAA,CACA,YAAA,CACA,sBAAA,CACA,eNu2BH,CO33BC,qBLIA,qBAAA,CKXA,QAAA,CACA,gCAAA,CACA,SAAA,CACA,QPs4BD,CE73BC,uDAEC,kBF83BF,CEv3BC,uBAVA,qBFo4BD,CEn4BC,yDAEC,kBFo4BF,CQx4BC,iCACC,kBAAA,CACA,oBAAA,CACA,UAAA,CACA,SR04BF,CQv4BC,uCACC,kBAAA,CACA,YAAA,CACA,cAAA,CACA,0BRy4BF,CQt4BC,8BNbA,qBAAA,CMgBC,aRw4BF,CEv5BC,yEAEC,kBFw5BF,CEj5BC,gCAVA,qBF85BD,CE75BC,2EAEC,kBF85BF,CQ/4BE,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,cRu5BH,CQp5BE,wCACC,cRs5BH,CQn5BE,2CACC,aAAA,CACA,SAAA,CACA,iBAAA,CACA,URq5BH,CQl5BE,qCNlBD,yBAAA,CAiBA,iBF+5BD,CQ15BE,6ENvBD,kBAAA,CAEA,YAAA,CACA,aAAA,CACA,YAAA,CACA,sBAAA,CACA,mBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,WFq7BD,CQt6BE,wCNtBD,yBAAA,CAYA,kBFg7BD,CQh6BE,mJNtDD,+CFy9BD,CQ95BE,0ENjCD,sBAAA,CAiBA,iBF07BD,CQv6BE,uJNrCD,kBAAA,CAEA,YAAA,CACA,aAAA,CACA,YAAA,CACA,sBAAA,CACA,mBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,WFg9BD,CQn7BE,6ENpCD,sBAAA,CAYA,kBF28BD,CQ96BC,sGAEC,aAAA,CACA,eRg7BF,CQ76BC,wFAEC,eR+6BF,CQ56BC,2CACC,eAAA,CACA,eAAA,CACA,UR86BF,CQ36BC,2DACC,YR66BF,CQ16BC,oCACC,kBAAA,CACA,YR46BF,CQz6BC,sCACC,kBAAA,CACA,YAAA,CACA,sBAAA,CACA,eR26BF,CQz6BE,8CACC,eAAA,CACA,eAAA,CACA,eAAA,CACA,SAAA,CACA,wBR26BH,CQt6BC,mFACC,mBRw6BF,CS1hCC,6BPQA,qBAAA,COLC,eAAA,CACA,QAAA,CACA,ST2hCF,CEvhCC,uEAEC,kBFwhCF,CEjhCC,+BAVA,qBF8hCD,CE7hCC,yEAEC,kBF8hCF,CSliCE,uCACC,kBToiCH,CSjiCE,qCACC,iBTmiCH,CShiCE,wCACC,iBTkiCH,CUjjCC,8BROA,qBAAA,CQJC,aP4FoC,CO1FpC,YVijCF,CE9iCC,yEAEC,kBF+iCF,CExiCC,gCAVA,qBFqjCD,CEpjCC,2EAEC,kBFqjCF,CUxjCE,oCACC,aAAA,CACA,WAAA,CACA,eV0jCH,CUvjCE,qCACC,oBAAA,CACA,YAAA,CACA,qBAAA,CACA,aAAA,CACA,eAAA,CACA,qBAAA,CACA,WVyjCH,CUtjCE,oCACC,aAAA,CACA,eAAA,CACA,eAAA,CACA,gBAAA,CACA,QVwjCH,CUrjCE,sCACC,eAAA,CACA,eAAA,CACA,gBAAA,CACA,QVujCH,CWrlCC,kCTEA,qBAAA,CSAC,kBAAA,CACA,YAAA,CACA,qBAAA,CACA,WAAA,CACA,sBAAA,CACA,UXulCF,CE3lCC,iFAEC,kBF4lCF,CErlCC,oCAVA,qBFkmCD,CEjmCC,mFAEC,kBFkmCF,CW7lCC,iCTRA,qBAAA,CSWC,kBAAA,CACA,qBRiFA,CQhFA,QAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,MAAA,CACA,iBAAA,CACA,OAAA,CACA,KAAA,CACA,YX8lCF,CElnCC,+EAEC,kBFmnCF,CE5mCC,mCAVA,qBFynCD,CExnCC,iFAEC,kBFynCF,CWrmCE,+CACC,4BAAA,CACA,mBXumCH,CWrmCG,mEACC,qBAAA,CACA,kBAAA,CACA,qBR+DF,CQ9DE,UAAA,CACA,qCXumCJ,CWnmCE,6CACC,cAAA,CACA,YXqmCH,CWjmCC,kCT1CA,qBAAA,CAgBA,iIAAA,CS8BC,iBXkmCF,CE/oCC,iFAEC,kBFgpCF,CEzoCC,oCAVA,qBFspCD,CErpCC,mFAEC,kBFspCF,CWzmCE,wCACC,URyCD,CQxCC,eAAA,CACA,eAAA,CACA,eX2mCH,CWvmCC,0BTxDA,qBAAA,CS2DC,wCAAA,CACA,kBAAA,CAEA,qCR6BA,CQ7BA,wBR6BA,CQ5BA,oBAAA,CACA,UAAA,CACA,SXwmCF,CExqCC,iEAEC,kBFyqCF,CElqCC,4BAVA,qBF+qCD,CE9qCC,mEAEC,kBF+qCF,CW/mCE,iCACC,iBAAA,CACA,UAAA,CACA,SXinCH,CW7mCC,kBACC,GACC,sBX+mCD,CW7mCA,GACC,uBX+mCD,CACF,CYprCC,yBVXA,qBAAA,CUmBC,MAAA,CACA,QAAA,CACA,SAAA,CACA,gBA/Bc,CAgCd,sBAAA,CACA,YZgrCF,CEvsCC,+DAEC,kBFwsCF,CEjsCC,2BAVA,qBF8sCD,CE7sCC,iEAEC,kBF8sCF,CYnsCE,wEAEC,uBZosCH,CY1rCE,wDAhCD,qBAAA,CACA,WAAA,CACA,WANa,CAOb,kBZ6tCD,CY7rCE,2CAnCD,qBAAA,CACA,WAAA,CACA,WANa,CAOb,kBZmuCD,CYhsCE,oCAtCD,qBAAA,CACA,WAAA,CACA,WANa,CAOb,kBZyuCD,CYlsCE,+CACC,iBAAA,CApCF,qBAAA,CACA,WAAA,CACA,WAZe,CAaf,YAbe,CAcf,iBAAA,CACA,eT6FC,CS5FD,sCZyuCD,CYxsCE,2CAvCD,qBAAA,CACA,WAAA,CACA,WAZe,CAaf,YAbe,CAcf,iBAAA,CACA,eT6FC,CS5FD,sCZkvCD,CY9sCE,oCACC,YAAA,CA3CF,qBAAA,CACA,WAAA,CACA,WAZe,CAaf,YAbe,CAcf,iBAAA,CACA,eT6FC,CS5FD,sCZ4vCD,CYntCE,sCACC,YZqtCH,CalxCC,4BXYA,qBAAA,CWNC,oBAAA,CACA,UAAA,CACA,WbkxCF,CE7wCC,qEAEC,kBF8wCF,CEvwCC,8BAVA,qBFoxCD,CEnxCC,uEAEC,kBFoxCF,CazxCE,uCACC,wBAAA,CACA,0Bb2xCH,CaxxCE,kCACC,WVmGD,CUlGC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCb0xCH,CavxCE,sCACC,WV2FD,CU1FC,yDbyxCH,CatxCE,uCACC,WVsFD,CUrFC,0DbwxCH,CanxCE,oCXDD,yBAAA,CAYA,kBFoxCD,Ca7xCG,gFXJF,kBAAA,CAEA,YAAA,CACA,aAAA,CACA,YAAA,CACA,sBAAA,CACA,mBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,WFqyCD,CazyCG,4CXHF,sBAAA,CAYA,kBFgyCD,Cc90CC,0BZYA,qBAAA,CYNC,oBAAA,CACA,Ud80CF,CEx0CC,iEAEC,kBFy0CF,CEl0CC,4BAVA,qBF+0CD,CE90CC,mEAEC,kBF+0CF,Ccr1CE,qCACC,wBdu1CH,Ccr1CG,2CACC,0Bdu1CJ,Ccp1CG,yCACC,2Bds1CJ,Ccl1CE,gCACC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCdo1CH,Cc/0CG,yFACC,Wdi1CJ,Cc/0CG,2FACC,cdi1CJ,Cc50CG,0CACC,uBd80CJ,Ccv0CG,mFACC,wBd40CJ,Ccz0CG,yCACC,uBd20CJ","file":"web-ui.css","sourcesContent":["/**\n * Web UI Utilities\n */\n\n.cfgMl1 {\n\tmargin-left: 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","/**\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\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: math.div(1, 3);\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"]}

package/dist/index.d.ts

@@ -1,21 +1,21 @@
-export * from "./components/CanvasWrapper.js";
-export * from "./components/Configurator.js";
-export * from "./components/ConfiguratorWrapper.js";
-export * from "./components/CurrencyPrice.js";
-export * from "./components/ExpandableHeadingRow.js";
-export * from "./components/icons/Checkmark.js";
-export * from "./components/icons/Chevron.js";
-export * from "./components/Loading.js";
-export * from "./components/productConfiguration/CfgCheckboxesView.js";
-export * from "./components/productConfiguration/CfgCheckboxView.js";
-export * from "./components/productConfiguration/CfgDropdownOptionView.js";
-export * from "./components/productConfiguration/CfgDropdownView.js";
-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 "./useObservable.js";
-export * from "./useRerender.js";
-export * from "./useResize.js";
-export * from "./useUniqueId.js";
+export * from "./components/CanvasWrapper.js";
+export * from "./components/Configurator.js";
+export * from "./components/ConfiguratorWrapper.js";
+export * from "./components/CurrencyPrice.js";
+export * from "./components/ExpandableHeadingRow.js";
+export * from "./components/icons/Checkmark.js";
+export * from "./components/icons/Chevron.js";
+export * from "./components/Loading.js";
+export * from "./components/productConfiguration/CfgCheckboxesView.js";
+export * from "./components/productConfiguration/CfgCheckboxView.js";
+export * from "./components/productConfiguration/CfgDropdownOptionView.js";
+export * from "./components/productConfiguration/CfgDropdownView.js";
+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 "./useObservable.js";
+export * from "./useRerender.js";
+export * from "./useResize.js";
+export * from "./useUniqueId.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,20 +1,20 @@
-export * from "./components/CanvasWrapper.js";
-export * from "./components/Configurator.js";
-export * from "./components/ConfiguratorWrapper.js";
-export * from "./components/CurrencyPrice.js";
-export * from "./components/ExpandableHeadingRow.js";
-export * from "./components/icons/Checkmark.js";
-export * from "./components/icons/Chevron.js";
-export * from "./components/Loading.js";
-export * from "./components/productConfiguration/CfgCheckboxesView.js";
-export * from "./components/productConfiguration/CfgCheckboxView.js";
-export * from "./components/productConfiguration/CfgDropdownOptionView.js";
-export * from "./components/productConfiguration/CfgDropdownView.js";
-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 "./useObservable.js";
-export * from "./useRerender.js";
-export * from "./useResize.js";
-export * from "./useUniqueId.js";
+export * from "./components/CanvasWrapper.js";
+export * from "./components/Configurator.js";
+export * from "./components/ConfiguratorWrapper.js";
+export * from "./components/CurrencyPrice.js";
+export * from "./components/ExpandableHeadingRow.js";
+export * from "./components/icons/Checkmark.js";
+export * from "./components/icons/Chevron.js";
+export * from "./components/Loading.js";
+export * from "./components/productConfiguration/CfgCheckboxesView.js";
+export * from "./components/productConfiguration/CfgCheckboxView.js";
+export * from "./components/productConfiguration/CfgDropdownOptionView.js";
+export * from "./components/productConfiguration/CfgDropdownView.js";
+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 "./useObservable.js";
+export * from "./useRerender.js";
+export * from "./useResize.js";
+export * from "./useUniqueId.js";

package/dist/scss/_button.scss

@@ -1,36 +1,36 @@
-/**
- * Web UI Product information
- */
-@use "mixins";
-
-@mixin styles($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor) {
-	@include mixins.cfgRootStyles;
-	display: inline-block;
-	background-color: transparent;
-	color: $textColor;
-	border-radius: 0.3em;
-	border: 0.1em solid $borderColor;
-	font-size: 1.3em;
-	font-weight: 500;
-	outline: none;
-	padding: 0.4em 0.8em;
-
-	&:focus {
-		@include mixins.focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor);
-	}
-}
-
-@mixin classes($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor) {
-	.cfgButton {
-		@include styles($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor);
-	}
-
-	.cfgButtonRow {
-		@include mixins.cfgRootStyles;
-		&__button {
-			&:nth-child(n + 2) {
-				margin-left: 1em;
-			}
-		}
-	}
-}
+/**
+ * Web UI Product information
+ */
+@use "mixins";
+
+@mixin styles($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor) {
+	@include mixins.cfgRootStyles;
+	display: inline-block;
+	background-color: transparent;
+	color: $textColor;
+	border-radius: 0.3em;
+	border: 0.1em solid $borderColor;
+	font-size: 1.3em;
+	font-weight: 500;
+	outline: none;
+	padding: 0.4em 0.8em;
+
+	&:focus {
+		@include mixins.focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor);
+	}
+}
+
+@mixin classes($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor) {
+	.cfgButton {
+		@include styles($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor);
+	}
+
+	.cfgButtonRow {
+		@include mixins.cfgRootStyles;
+		&__button {
+			&:nth-child(n + 2) {
+				margin-left: 1em;
+			}
+		}
+	}
+}

package/dist/scss/_configurator.scss

@@ -1,67 +1,67 @@
-/**
- * Web UI Configurator
- */
-
-@use "mixins";
-
-@mixin classes($fontSize, $textColor, $headerUnderlineColor) {
-	.cfgConfigurator {
-		@include mixins.cfgRootStyles;
-		@include mixins.cfgDefaultFont;
-		font-size: $fontSize;
-		color: $textColor;
-		min-width: 0;
-	}
-
-	.cfgConfiguratorHeader {
-		border-bottom: 0.1em solid $headerUnderlineColor;
-		padding: 1.7em 1.7em 1.9em;
-		position: relative;
-
-		&__actions {
-			margin-top: 1em;
-		}
-	}
-
-	.cfgConfiguratorTree {
-		padding-top: 1em;
-	}
-
-	.cfgCanvasWrapper {
-		@include mixins.cfgRootStyles;
-		position: relative;
-		height: 50rem;
-		user-select: none;
-
-		& canvas {
-			outline: none;
-		}
-	}
-
-	.cfgConfiguratorWrapper {
-		@include mixins.cfgRootStyles;
-		color: $textColor;
-		height: 100%;
-		width: 100%;
-	}
-
-	@media screen and (orientation: landscape) {
-		.cfgConfiguratorWrapper {
-			display: flex;
-			flex-direction: row;
-
-			& > .cfgConfigurator {
-				flex: 0 1 40%;
-				height: 100%;
-			}
-
-			& .cfgCanvasWrapper {
-				flex: 0 1 60%;
-				height: 85vh;
-				overflow: hidden;
-				position: sticky;
-				top: 0;
-			}
-		}
-	}
-}
+/**
+ * Web UI Configurator
+ */
+
+@use "mixins";
+
+@mixin classes($fontSize, $textColor, $headerUnderlineColor) {
+	.cfgConfigurator {
+		@include mixins.cfgRootStyles;
+		@include mixins.cfgDefaultFont;
+		font-size: $fontSize;
+		color: $textColor;
+		min-width: 0;
+	}
+
+	.cfgConfiguratorHeader {
+		border-bottom: 0.1em solid $headerUnderlineColor;
+		padding: 1.7em 1.7em 1.9em;
+		position: relative;
+
+		&__actions {
+			margin-top: 1em;
+		}
+	}
+
+	.cfgConfiguratorTree {
+		padding-top: 1em;
+	}
+
+	.cfgCanvasWrapper {
+		@include mixins.cfgRootStyles;
+		position: relative;
+		height: 50rem;
+		user-select: none;
+
+		& canvas {
+			outline: none;
+		}
+	}
+
+	.cfgConfiguratorWrapper {
+		@include mixins.cfgRootStyles;
+		color: $textColor;
+		height: 100%;
+		width: 100%;
+	}
+
+	@media screen and (orientation: landscape) {
+		.cfgConfiguratorWrapper {
+			display: flex;
+			flex-direction: row;
+
+			& > .cfgConfigurator {
+				flex: 0 1 40%;
+				height: 100%;
+			}
+
+			& .cfgCanvasWrapper {
+				flex: 0 1 60%;
+				height: 85vh;
+				overflow: hidden;
+				position: sticky;
+				top: 0;
+			}
+		}
+	}
+}

package/dist/scss/_expandable.scss

@@ -1,37 +1,37 @@
-@use "mixins";
-
-@mixin classes {
-	.cfgExpandableHeadingRow {
-		@include mixins.cfgRootStyles;
-		@include mixins.noButtonLook;
-		align-items: stretch;
-		display: flex;
-		height: 3.9em;
-		outline: 0;
-		position: relative;
-		width: 100%;
-
-		&--expandable {
-			cursor: pointer;
-		}
-
-		&__title {
-			align-items: center;
-			display: flex;
-			flex: 1 1 auto;
-			font-size: 1.5em;
-			font-weight: 500;
-			justify-content: flex-start;
-		}
-
-		&__icon {
-			align-items: center;
-			display: flex;
-			flex: 0 0 5em;
-			justify-content: center;
-			padding: 0 1.5em;
-		}
-
-		@content;
-	}
-}
+@use "mixins";
+
+@mixin classes {
+	.cfgExpandableHeadingRow {
+		@include mixins.cfgRootStyles;
+		@include mixins.noButtonLook;
+		align-items: stretch;
+		display: flex;
+		height: 3.9em;
+		outline: 0;
+		position: relative;
+		width: 100%;
+
+		&--expandable {
+			cursor: pointer;
+		}
+
+		&__title {
+			align-items: center;
+			display: flex;
+			flex: 1 1 auto;
+			font-size: 1.5em;
+			font-weight: 500;
+			justify-content: flex-start;
+		}
+
+		&__icon {
+			align-items: center;
+			display: flex;
+			flex: 0 0 5em;
+			justify-content: center;
+			padding: 0 1.5em;
+		}
+
+		@content;
+	}
+}