From f6a1711d78eec6e753f1cb74886e2a32395b8a4a Mon Sep 17 00:00:00 2001 From: Lukas Niestroj Date: Mon, 26 Jun 2023 15:18:50 +0200 Subject: [PATCH] [FEATURE] add toggle button allow to display all available variants of a component solves #113 --- Classes/Controller/StyleguideController.php | 8 ++- Configuration/Yaml/FluidStyleguide.yaml | 3 + .../StyleguideRefreshIFrame.js | 6 +- .../VariantsToggleNavigation.html | 11 ++++ .../VariantsToggleNavigation.js | 14 +++++ .../VariantsToggleNavigation.scss | 40 +++++++++++++ Resources/Private/Javascript/Styleguide.js | 1 + Resources/Private/Scss/Main.scss | 7 +++ Resources/Private/Scss/StyleguideShow.scss | 16 +++++ .../Private/Templates/Styleguide/List.html | 59 ++++++++++++++----- .../Private/Templates/Styleguide/Show.html | 34 ++++++++--- Resources/Public/Css/Styleguide.min.css | 2 +- Resources/Public/Css/Styleguide.min.css.map | 2 +- Resources/Public/Javascript/Styleguide.min.js | 2 +- .../Public/Javascript/Styleguide.min.js.map | 2 +- 15 files changed, 177 insertions(+), 30 deletions(-) create mode 100644 Resources/Private/Components/Atom/VariantsToggleNavigation/VariantsToggleNavigation.html create mode 100644 Resources/Private/Components/Atom/VariantsToggleNavigation/VariantsToggleNavigation.js create mode 100644 Resources/Private/Components/Atom/VariantsToggleNavigation/VariantsToggleNavigation.scss diff --git a/Classes/Controller/StyleguideController.php b/Classes/Controller/StyleguideController.php index ef7812b..0618b03 100644 --- a/Classes/Controller/StyleguideController.php +++ b/Classes/Controller/StyleguideController.php @@ -69,14 +69,16 @@ public function __construct( * * @return void */ - public function listAction() + public function listAction(array $arguments = []) { + $variants = $arguments['variants'] ?? '0'; $allComponents = $this->componentRepository->findWithFixtures(); $componentPackages = $this->groupComponentsByPackage($allComponents); $this->view->assignMultiple([ 'navigation' => $allComponents, - 'packages' => $componentPackages + 'packages' => $componentPackages, + 'showAllVariants' => $variants, ]); } @@ -89,6 +91,7 @@ public function showAction(array $arguments = []) { $component = $arguments['component'] ?? ''; $fixture = $arguments['fixture'] ?? 'default'; + $variants = $arguments['variants'] ?? '0'; // Sanitize user input $component = $this->sanitizeComponentIdentifier($component); @@ -122,6 +125,7 @@ public function showAction(array $arguments = []) 'navigation' => $this->componentRepository->findWithFixtures(), 'activeComponent' => $component, 'activeFixture' => $fixture, + 'showAllVariants' => $variants, 'showQualityIssues' => $showQualityIssues, 'qualityIssues' => $qualityIssues ]); diff --git a/Configuration/Yaml/FluidStyleguide.yaml b/Configuration/Yaml/FluidStyleguide.yaml index 6dbc13f..f127294 100644 --- a/Configuration/Yaml/FluidStyleguide.yaml +++ b/Configuration/Yaml/FluidStyleguide.yaml @@ -29,6 +29,9 @@ FluidStyleguide: # uses fluid-components-linter to provide hints to potential problems CodeQuality: true + # Display all available Variants of the component + VariantsToggle: true + # Markup that will be wrapped around the component output in the styleguide # This can be overwritten per component fixture by specifying # "styleguideComponentContext" in the fixture data diff --git a/Resources/Private/Components/Atom/StyleguideRefreshIFrame/StyleguideRefreshIFrame.js b/Resources/Private/Components/Atom/StyleguideRefreshIFrame/StyleguideRefreshIFrame.js index c05deb0..b2c4944 100644 --- a/Resources/Private/Components/Atom/StyleguideRefreshIFrame/StyleguideRefreshIFrame.js +++ b/Resources/Private/Components/Atom/StyleguideRefreshIFrame/StyleguideRefreshIFrame.js @@ -1,9 +1,11 @@ +import { findAll } from '../../../Javascript/Utils'; const button = document.getElementById('styleguideRefreshIframe_button') -const iframe = document.getElementById('componentIframe') if (button != null) { button.addEventListener('click', function () { - iframe.contentWindow.location.reload(true) + findAll(`iframe[name="componentIframe"]`).forEach(iframe => { + iframe.contentWindow.location.reload(true) + }) }) } diff --git a/Resources/Private/Components/Atom/VariantsToggleNavigation/VariantsToggleNavigation.html b/Resources/Private/Components/Atom/VariantsToggleNavigation/VariantsToggleNavigation.html new file mode 100644 index 0000000..b09050d --- /dev/null +++ b/Resources/Private/Components/Atom/VariantsToggleNavigation/VariantsToggleNavigation.html @@ -0,0 +1,11 @@ + + + + + +
+ + +
+ + diff --git a/Resources/Private/Components/Atom/VariantsToggleNavigation/VariantsToggleNavigation.js b/Resources/Private/Components/Atom/VariantsToggleNavigation/VariantsToggleNavigation.js new file mode 100644 index 0000000..7f8706e --- /dev/null +++ b/Resources/Private/Components/Atom/VariantsToggleNavigation/VariantsToggleNavigation.js @@ -0,0 +1,14 @@ +import {register, find} from '../../../Javascript/Utils'; + +const VariantsToggleNavigation = el => { + if (el) { + const checkbox = find('input[type="checkbox"]', el); + checkbox.addEventListener('change', event => { + let url = new URL(window.location.href); + url.searchParams.set('variants', event.target.checked ? 1 : 0); + window.location = url.toString(); + }); + } +} + +register('VariantsToggleNavigation', VariantsToggleNavigation); diff --git a/Resources/Private/Components/Atom/VariantsToggleNavigation/VariantsToggleNavigation.scss b/Resources/Private/Components/Atom/VariantsToggleNavigation/VariantsToggleNavigation.scss new file mode 100644 index 0000000..3af7f75 --- /dev/null +++ b/Resources/Private/Components/Atom/VariantsToggleNavigation/VariantsToggleNavigation.scss @@ -0,0 +1,40 @@ +.variantsToggleNavigation { + font-size: 13px; + font-family: $styleguide-font; + color: $white; + + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-items: center; + + label { + display: inline-block; + white-space: nowrap; + cursor: pointer; + } + + input { + width: 2em; + height: 1em; + vertical-align: top; + margin-right: .5em; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); + background-position: left center; + background-size: contain; + background-color: #fff; + background-repeat: no-repeat; + border-radius: 2em; + border: 1px solid rgba(0,0,0,.25); + transition: background-position .15s ease-in-out; + appearance: none; + color-adjust: exact; + + &:checked { + background-color: $highlight; + border-color: $highlight; + background-position: right center; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); + } + } +} diff --git a/Resources/Private/Javascript/Styleguide.js b/Resources/Private/Javascript/Styleguide.js index 1d8ab6a..ebe3f24 100644 --- a/Resources/Private/Javascript/Styleguide.js +++ b/Resources/Private/Javascript/Styleguide.js @@ -6,6 +6,7 @@ import '../Components/Organism/StyleguideToolbar/StyleguideToolbar'; import '../Components/Atom/StyleguideScrollTop/StyleguideScrollTop'; import '../Components/Atom/ViewportNavigation/ViewportNavigation'; import '../Components/Atom/LanguageNavigation/LanguageNavigation'; +import '../Components/Atom/VariantsToggleNavigation/VariantsToggleNavigation'; import '../Components/Molecule/EditFixtures/EditFixtures'; iFrameResize({ heightCalculationMethod: 'taggedElement', warningTimeout: 0 }, '.iframeResize'); diff --git a/Resources/Private/Scss/Main.scss b/Resources/Private/Scss/Main.scss index 61b5ed4..328cd29 100644 --- a/Resources/Private/Scss/Main.scss +++ b/Resources/Private/Scss/Main.scss @@ -9,6 +9,7 @@ @import '../Components/Atom/StyleguideScrollTop/StyleguideScrollTop'; @import '../Components/Atom/ViewportNavigation/ViewportNavigation'; @import '../Components/Atom/LanguageNavigation/LanguageNavigation'; +@import '../Components/Atom/VariantsToggleNavigation/VariantsToggleNavigation'; @import '../Components/Molecule/EditFixtures/EditFixtures'; @import '../Components/Organism/StyleguideToolbar/StyleguideToolbar'; @@ -27,3 +28,9 @@ body { pre { margin: 0 !important; } + +.fluidStyleguideFixtureName { + font-size: 18px; + font-family: $styleguide-font; + color: $dark-grey-0; +} diff --git a/Resources/Private/Scss/StyleguideShow.scss b/Resources/Private/Scss/StyleguideShow.scss index 9c8c6f6..ef2c5d1 100644 --- a/Resources/Private/Scss/StyleguideShow.scss +++ b/Resources/Private/Scss/StyleguideShow.scss @@ -5,6 +5,22 @@ right: 0; bottom: 16px; + &.showAllVariants { + position: relative; + inset: unset; + + width: 100%; + padding-top: 55px; + margin-bottom: 2rem; + padding-bottom: 2rem; + + & ~ .showAllVariants { + padding-top: 0; + margin-top: 2rem; + border-top: 2px solid; + } + } + .fluidStyleguideComponent { height: 100%; width: 100%; diff --git a/Resources/Private/Templates/Styleguide/List.html b/Resources/Private/Templates/Styleguide/List.html index 0772f98..06dab95 100644 --- a/Resources/Private/Templates/Styleguide/List.html +++ b/Resources/Private/Templates/Styleguide/List.html @@ -10,6 +10,9 @@ + + + @@ -30,21 +33,49 @@

{styleguideConfiguration.brandingTitle}

Package: {namespace}

- -
-
-

{component.name.displayName}

-
- + + +
+
+

{component.name.displayName}

+ + +
+

{fixture.name}

+ +
+ + Show + + +
+
+ + + +
+
+

{component.name.displayName}

+
+ +
+ + Show + +
- - Show - -
-
+ + +
diff --git a/Resources/Private/Templates/Styleguide/Show.html b/Resources/Private/Templates/Styleguide/Show.html index 1273192..9315a2d 100644 --- a/Resources/Private/Templates/Styleguide/Show.html +++ b/Resources/Private/Templates/Styleguide/Show.html @@ -23,12 +23,14 @@ -
+ + + @@ -37,14 +39,30 @@ - + + + + +
+

{fixture.name}

+ +
+ + + + -
- -
+
+ +
+ + :first-child{margin-top:0}.styleguideToolbar .toolbarTabs .tabContent::-webkit-scrollbar{width:8px}.styleguideToolbar .toolbarTabs .tabContent::-webkit-scrollbar-thumb{background-color:var(--styleguide-highlight-color)}.styleguideToolbar .toolbarTabs .tabContent.active{display:block}.styleguideToolbar .toolbarTabs .tabContent .downloadZip{color:#fff;text-decoration:underline}.styleguideToolbar .toolbarTabs .tabContent .downloadZip:hover{color:var(--styleguide-highlight-color)}.styleguideToolbar .componentArguments{overflow:auto}.styleguideToolbar .componentArguments table{border-spacing:0;min-width:100%}.styleguideToolbar .componentArguments td,.styleguideToolbar .componentArguments th{border-bottom:1px solid #fff;padding:12px 8px}.styleguideToolbar .componentArguments th{font-weight:700;text-align:left}.styleguideToolbar .componentArguments .componentArgumentsName{font-weight:700;white-space:nowrap}.styleguideToolbar .componentArguments .componentArgumentsType{white-space:nowrap}.styleguideToolbar .componentArguments .componentArgumentsRequired{padding-left:0;padding-right:0;text-align:center}.styleguideToolbar .componentArguments .componentArgumentsDefault,.styleguideToolbar .componentArguments .componentArgumentsDescription{word-wrap:break-word;font-size:.85em}.styleguideToolbar .componentDocumentation{line-height:1.8;max-width:70em}.styleguideToolbar .componentDocumentation code,.styleguideToolbar .componentDocumentation pre{background:#2b2f31}.styleguideToolbar .componentDocumentation pre{padding:16px}.styleguideToolbar .componentDocumentation code{border-radius:3px;padding:.3em .5em}.styleguideToolbar .componentDocumentation pre>code{border-radius:0;padding:0}.styleguideToolbar .qualityIssues{border-bottom:0 solid #fff;border-left-width:1px;border-right-width:1px;border-spacing:0;border-top-width:1px;list-style:none;min-width:100%;padding:0}.styleguideToolbar .qualityIssues td,.styleguideToolbar .qualityIssues th{border-bottom:1px solid #fff;padding:12px 8px}.styleguideToolbar .qualityIssues th{font-weight:700;text-align:left}.styleguideToolbar .qualityIssues .qualityIssueSeverity{padding:12px 4px;text-align:center}.styleguideToolbar .qualityIssues .qualityIssueSeverity span{padding:.4em .8em}.styleguideToolbar .qualityIssues .qualityIssueMessage{width:100%}.styleguideToolbar .qualityIssues .qualityIssue--blocker .qualityIssueSeverity span,.styleguideToolbar .qualityIssues .qualityIssue--critical .qualityIssueSeverity span,.styleguideToolbar .qualityIssues .qualityIssue--major .qualityIssueSeverity span{background:#ff8080;font-weight:700}.styleguideToolbar .qualityIssues .qualityIssue--minor .qualityIssueSeverity span{background:#ffb380;font-weight:700}body{margin:0}.breakPoint{background-color:#171717!important}.boxMargin{margin-bottom:40px}pre{margin:0!important} + \*********************************************************************************************************************************************************************************************************************************************************/.fluidStyleguideList{margin-left:auto;margin-right:auto;margin-top:120px;max-width:1200px}.fluidStyleguideList strong{font-weight:700}.fluidStyleguideList .fluidStyleguideTitle{color:#222425;font-family:var(--styleguide-font-family);font-size:40px;margin-bottom:16px}.fluidStyleguideList .fluidStyleguideIntro{font-family:var(--styleguide-font-family);line-height:1.7;padding-bottom:64px}.fluidStyleguideList .fluidStyleguideIntro a{color:inherit}.fluidStyleguideList .fluidStyleguideIntro p{max-width:60em}.fluidStyleguideList .fluidStyleguideIntro:after{border:solid #000;border-width:1px 0;bottom:-30px;content:"";display:block;height:3px;left:0;position:relative;right:0}.fluidStyleguideList .fluidStyleguidePackageName{color:#222425;font-family:var(--styleguide-font-family);font-size:32px;margin-bottom:40px}.fluidStyleguideList .fluidStyleguideComponentName{color:#222425;font-family:var(--styleguide-font-family);font-size:24px}.fluidStyleguideList .fluidStyleguidePackageItem{margin-bottom:60px;padding-bottom:60px}.fluidStyleguideList .fluidStyleguideComponent{border:0;display:block;height:200px;transition:width .6s;width:100%}.fluidStyleguideList .fluidStyleguideListIframeWrapper{margin-bottom:10px}.fluidStyleguideList .breakPoint{background-image:repeating-linear-gradient(45deg,#fff,#fff 2.2%,#e8e8e8 0,#d6d6d6 0,#fff 2.5%)}.fluidStyleguideList .fluidStyleguideComponentVariants:last-child .fluidStyleguideComponentExample:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.fluidStyleguideList .fluidStyleguideComponentExample{border-bottom:1px solid #222425;margin-bottom:60px;padding-bottom:60px}.fluidStyleguideList .fluidStyleguideBtn{background:#222425;color:#fff;display:inline-block;font-family:var(--styleguide-font-family);font-size:14px;padding:16px 53px 18px 30px;position:relative;text-align:center}.fluidStyleguideList .fluidStyleguideBtn:hover{color:var(--styleguide-highlight-color)}.fluidStyleguideList .fluidStyleguideBtn span{position:relative}.fluidStyleguideList .fluidStyleguideBtn span:after{speak:none;color:var(--styleguide-highlight-color);content:"›";font-family:verdana,sans-serif;font-size:24px;font-style:normal;font-variant:normal;font-weight:400;height:0;line-height:1;position:absolute;right:-15px;text-transform:none;top:-4px;width:0}.fluidStyleguideShow{bottom:16px;left:0;position:fixed;right:0;top:55px}.fluidStyleguideShow.showAllVariants{inset:unset;margin-bottom:2rem;padding-bottom:2rem;padding-top:55px;position:relative;width:100%}.fluidStyleguideShow.showAllVariants~.showAllVariants{border-top:2px solid;margin-top:2rem;padding-top:0}.fluidStyleguideShow .fluidStyleguideComponent{border:0;height:100%;transition:width .6s;width:100%}.styleguideHeader{align-items:center;background:#222425;display:flex;font-family:var(--styleguide-font-family);left:0;position:fixed;right:0;top:0;z-index:99999}.styleguideHeader .componentNavigation .styleguideSelectSelected{position:relative}.styleguideHeader .componentNavigation .styleguideSelectSelected:before{speak:none;color:var(--styleguide-highlight-color);content:"›";font-family:verdana,sans-serif;font-size:24px;font-style:normal;font-variant:normal;font-weight:400;height:0;line-height:1;position:absolute;right:24px;text-transform:none;top:15px;width:0}.styleguideHeader .examplesNavigation{margin-left:-7px;width:50%}.styleguideHeader .examplesNavigation svg{fill:var(--styleguide-highlight-color);display:none;height:26px;margin-left:-24px;width:26px}.styleguideHeader .backLink{align-items:center;border-left:1px solid var(--styleguide-highlight-color);color:#fff;display:flex;font-size:13px;height:100%;margin-left:13px;padding-left:50px;position:relative;text-decoration:none}.styleguideHeader .backLink:before,.styleguideHeader .backLink:hover{color:var(--styleguide-highlight-color)}.styleguideHeader .backLink:before{speak:none;content:"‹";font-family:verdana,sans-serif;font-size:24px;font-style:normal;font-variant:normal;font-weight:400;height:0;left:23px;line-height:1;position:absolute;text-transform:none;top:16px;width:0}.styleguideHeader .actions{align-items:center;display:flex;height:56px;margin:0 24px 0 auto}.styleguideRefreshIFrame button{background-color:#222425;border:1px solid #fff;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px}.styleguideRefreshIFrame button:hover{background-color:var(--styleguide-highlight-color)}.styleguideRefreshIFrame button:focus{outline:none}.styleguideSelect{font-family:var(--styleguide-font-family);width:100%}.styleguideSelect datalist{display:block}.styleguideSelect select{left:-999999px;position:absolute}.styleguideSelect.hasIcon .styleguideSelectSelected:after{speak:none;color:var(--styleguide-highlight-color);content:"›";font-family:fluid-styleguide;font-size:38px;font-style:normal;font-variant:normal;font-weight:400;height:0;line-height:1;position:absolute;right:56px;text-transform:none;top:9px;width:0}.styleguideSelect.hasIcon .styleguideSelectSelected.styleguideSelectArrowActive:after{content:"\e911"}.styleguideSelectFocus{border-color:#fff;color:#fff}.styleguideSelectItems div,.styleguideSelectSelected{align-items:center;border-bottom:1px solid #212121;color:#fff;cursor:pointer;display:flex;font-family:var(--styleguide-font-family);font-size:13px;height:55px;padding:0 24px}.styleguideSelectItems div.styleguideSelectEqualSelected,.styleguideSelectSelected.styleguideSelectEqualSelected{background-color:#222425;border-color:#1b1919;color:var(--styleguide-highlight-color)}.styleguideSelectItems div.styleguideSelectArrowActive,.styleguideSelectSelected.styleguideSelectArrowActive{color:#fff}.styleguideSelectSelected{background:#222425;border-color:transparent;color:#fff;cursor:pointer}.styleguideSelectSelected:hover{color:var(--styleguide-highlight-color)}.styleguideSelect input[type=text]{background-color:transparent;border:0;color:#fff;cursor:pointer;font-family:var(--styleguide-font-family);font-size:13px;outline:none;padding:0;width:100%}.styleguideSelect input[type=text]:focus,.styleguideSelect input[type=text]:hover{color:var(--styleguide-highlight-color)}.styleguideSelect input[type=text]::-moz-placeholder{color:#757575;font-size:13px}.styleguideSelect input[type=text]:-ms-input-placeholder{color:#757575;font-size:13px}.styleguideSelect input[type=text]::placeholder{color:#757575;font-size:13px}.styleguideSelectItems{background-color:#2b2f31;cursor:pointer;height:0;left:0;max-height:617px!important;overflow:auto;position:absolute;right:0;transform:scaleY(0);transform-origin:top;transition:transform .15s ease-out;z-index:9999}.styleguideSelectItems.selectPositionedTop{border-bottom:0}.styleguideSelectItems::-webkit-scrollbar{width:8px}.styleguideSelectItems::-webkit-scrollbar-thumb{background-color:var(--styleguide-highlight-color)}.styleguideSelectItems.styleguideSelectOpened{border-top:1px solid #1b1919;height:auto;transform:scaleY(1);transform-origin:top;transition:transform .15s ease-out}.styleguideSelectHide{display:none}.styleguideSelectActive,.styleguideSelectItems div:hover{color:var(--styleguide-highlight-color)!important;transition:color .25s ease}.styleguideSelect.orientationBottom .styleguideSelectItems{transform-origin:bottom}.styleguideSelectInputLabel{left:-99999px;padding:0 16px;position:absolute;top:-99999px}.styleguideScrollTop{bottom:0;position:fixed;width:100%}.styleguideScrollTop div{display:none}.styleguideScrollTop.active div{background:#222425;border:2px solid #222425;cursor:pointer;display:block;height:50px;margin:auto;width:50px}.styleguideScrollTop.active div:before{speak:none;color:var(--styleguide-highlight-color);content:"›";display:block;font-family:verdana,sans-serif;font-size:34px;font-style:normal;font-variant:normal;font-weight:400;left:-2px;line-height:1;padding-left:0;padding-top:0;position:relative;text-transform:none;top:-7px;transform:rotate(-90deg)}.viewportNavigation{align-items:center;color:#fff;display:flex;font-size:13px;height:100%;list-style:none}.viewportNavigation:hover .dropdownContent{display:block}.viewportNavigation .dropdownLabel{border:0;color:var(--styleguide-highlight-color);cursor:pointer;margin:0 16px;padding:16px 0}.viewportNavigation .dropdownContent{background-color:#222425;display:none;min-width:82px;padding:0 16px 16px;position:absolute;top:43px;z-index:1}.viewportNavigation .dropdownContent:hover{display:block}.viewportNavigation .dropdownContent li{color:#fff;cursor:pointer;list-style:none;margin-top:16px;text-decoration:none}.viewportNavigation .dropdownContent li:last-child{margin-bottom:0}.viewportNavigation .dropdownContent li.rulerOption.activeRulerOption,.viewportNavigation .dropdownContent li:hover{color:var(--styleguide-highlight-color)}.languageNavigation{align-items:center;color:#fff;display:flex;font-size:13px;height:100%;list-style:none}.languageNavigation:hover .dropdownContent{display:block}.languageNavigation .dropdownLabel{border:0;color:var(--styleguide-highlight-color);cursor:pointer;margin:0 16px;padding:16px 0}.languageNavigation .dropdownContent{background-color:#222425;display:none;min-width:82px;padding:0 16px 16px;position:absolute;top:43px;z-index:1}.languageNavigation .dropdownContent:hover{display:block}.languageNavigation .dropdownContent li{color:#fff;cursor:pointer;list-style:none;margin-top:16px;text-decoration:none}.languageNavigation .dropdownContent li:last-child{margin-bottom:0}.languageNavigation .dropdownContent li.rulerOption.activeRulerOption,.languageNavigation .dropdownContent li:hover{color:var(--styleguide-highlight-color)}.variantsToggleNavigation{align-items:center;color:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;font-family:var(--styleguide-font-family);font-size:13px}.variantsToggleNavigation label{cursor:pointer;display:inline-block;white-space:nowrap}.variantsToggleNavigation input{-webkit-print-color-adjust:exact;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");background-position:0;background-repeat:no-repeat;background-size:contain;border:1px solid rgba(0,0,0,.25);border-radius:2em;color-adjust:exact;height:1em;margin-right:.5em;transition:background-position .15s ease-in-out;vertical-align:top;width:2em}.variantsToggleNavigation input:checked{background-color:var(--styleguide-highlight-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");background-position:100%;border-color:var(--styleguide-highlight-color)}.editFixtures .editFixturesFixtureFormItem{margin-bottom:24px}.editFixtures .editFixturesFixtureFormItem:last-child{margin-bottom:0}.editFixtures .editFixturesInput{background:#fff;border:2px solid #222425;color:#222425;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0;line-height:24px;padding:10px;width:300px}.editFixtures .editFixturesInput:focus{border-color:#222425;color:#222425;outline:0}.editFixtures .editFixturesLabelContainer{margin-bottom:6px}.editFixtures .editFixturesLabelContainer label{display:block;margin-bottom:0}.editFixtures .editFixturesLabelContainer .editFixturesLabelDescription{font-size:10px}.editFixtures .editFixturesCheckboxContainer{cursor:pointer;display:block;font-size:22px;height:25px;margin-bottom:12px;padding-left:35px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:24px}.editFixtures .editFixturesCheckboxContainer input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.editFixtures .editFixturesCheckboxCheckmark{background-color:#fff;height:24px;left:0;position:absolute;top:3px;width:24px}.editFixtures .editFixturesCheckboxContainer input:checked~.editFixturesCheckboxCheckmark{background-color:#fff}.editFixtures .editFixturesCheckboxCheckmark:after{content:"";display:none;position:absolute}.editFixtures .editFixturesCheckboxContainer input:checked~.editFixturesCheckboxCheckmark:after{display:block}.editFixtures .editFixturesCheckboxContainer .editFixturesCheckboxCheckmark:after{border:solid var(--styleguide-highlight-color);border-width:0 3px 3px 0;height:13px;left:8px;top:3px;transform:rotate(45deg);width:5px}.styleguideToolbar{background-color:#222425;color:#fff;font-family:var(--styleguide-font-family);font-size:13px;position:fixed;transition:bottom .25s ease 0s;width:100%;z-index:3}.styleguideToolbar .toolbarTop{align-items:center;display:flex;height:16px;justify-content:center}.styleguideToolbar .toolbarBot{position:relative}.styleguideToolbar .toolbarOpener{background:#222425;border-radius:10%;cursor:pointer;height:54px;position:relative;top:0;width:50px;z-index:-2}.styleguideToolbar .toolbarOpener:before{speak:none;color:var(--styleguide-highlight-color);content:"›";font-family:verdana,sans-serif;font-size:24px;font-style:normal;font-variant:normal;font-weight:400;height:0;left:12px;line-height:1;position:absolute;text-transform:none;top:19px;transform:rotate(-90deg);width:0}.styleguideToolbar .toolbarOpener:hover{color:var(--styleguide-highlight-color)}.styleguideToolbar .toolbarRuler{cursor:pointer}.styleguideToolbar .toolbarRuler svg{margin-left:15px;position:relative;top:-3px}.styleguideToolbar .toolbarRuler:hover{color:var(--styleguide-highlight-color)}.styleguideToolbar.open{bottom:0!important}.styleguideToolbar.open .toolbarOpener:before{left:38px;top:8px;transform:rotate(90deg)}.styleguideToolbar.open .toolbarTabs{display:block}.styleguideToolbar.open .toolbarBot{top:-16px}.styleguideToolbar .toolbarTabs{position:relative}.styleguideToolbar .toolbarTabs .tabNav{display:flex}.styleguideToolbar .toolbarTabs .tabNav .tabOpener{align-items:center;background:#2b2f31;border-right:2px solid #222425;color:#fff;cursor:pointer;display:flex;height:54px;justify-content:center;overflow:hidden;position:relative;transition:background-color .25s ease;width:150px}.styleguideToolbar .toolbarTabs .tabNav .tabOpener svg{fill:#fff;height:28px;width:28px}.styleguideToolbar .toolbarTabs .tabNav .tabOpener.active{background:#222425;color:var(--styleguide-highlight-color)}.styleguideToolbar .toolbarTabs .tabNav .tabOpener.active svg{fill:var(--styleguide-highlight-color)}.styleguideToolbar .toolbarTabs .tabNav .tabOpener.betaSign:after{background:#ff8080;color:#fff;content:"Beta";font-size:10px;padding:1px 1px 1px 100px;position:absolute;right:-33px;top:-16px;transform:rotate(42deg);width:48px}.styleguideToolbar .toolbarTabs .tabNav .tabOpener:hover svg{fill:var(--styleguide-highlight-color)}.styleguideToolbar .toolbarTabs .tabContent{color:#fff;display:none;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;max-height:200px;overflow-y:scroll;padding:32px 32px 16px}.styleguideToolbar .toolbarTabs .tabContent a{color:var(--styleguide-highlight-color)}.styleguideToolbar .toolbarTabs .tabContent>:first-child{margin-top:0}.styleguideToolbar .toolbarTabs .tabContent::-webkit-scrollbar{width:8px}.styleguideToolbar .toolbarTabs .tabContent::-webkit-scrollbar-thumb{background-color:var(--styleguide-highlight-color)}.styleguideToolbar .toolbarTabs .tabContent.active{display:block}.styleguideToolbar .toolbarTabs .tabContent .downloadZip{color:#fff;text-decoration:underline}.styleguideToolbar .toolbarTabs .tabContent .downloadZip:hover{color:var(--styleguide-highlight-color)}.styleguideToolbar .componentArguments{overflow:auto}.styleguideToolbar .componentArguments table{border-spacing:0;min-width:100%}.styleguideToolbar .componentArguments td,.styleguideToolbar .componentArguments th{border-bottom:1px solid #fff;padding:12px 8px}.styleguideToolbar .componentArguments th{font-weight:700;text-align:left}.styleguideToolbar .componentArguments .componentArgumentsName{font-weight:700;white-space:nowrap}.styleguideToolbar .componentArguments .componentArgumentsType{white-space:nowrap}.styleguideToolbar .componentArguments .componentArgumentsRequired{padding-left:0;padding-right:0;text-align:center}.styleguideToolbar .componentArguments .componentArgumentsDefault,.styleguideToolbar .componentArguments .componentArgumentsDescription{word-wrap:break-word;font-size:.85em}.styleguideToolbar .componentDocumentation{line-height:1.8;max-width:70em}.styleguideToolbar .componentDocumentation code,.styleguideToolbar .componentDocumentation pre{background:#2b2f31}.styleguideToolbar .componentDocumentation pre{padding:16px}.styleguideToolbar .componentDocumentation code{border-radius:3px;padding:.3em .5em}.styleguideToolbar .componentDocumentation pre>code{border-radius:0;padding:0}.styleguideToolbar .qualityIssues{border-bottom:0 solid #fff;border-left-width:1px;border-right-width:1px;border-spacing:0;border-top-width:1px;list-style:none;min-width:100%;padding:0}.styleguideToolbar .qualityIssues td,.styleguideToolbar .qualityIssues th{border-bottom:1px solid #fff;padding:12px 8px}.styleguideToolbar .qualityIssues th{font-weight:700;text-align:left}.styleguideToolbar .qualityIssues .qualityIssueSeverity{padding:12px 4px;text-align:center}.styleguideToolbar .qualityIssues .qualityIssueSeverity span{padding:.4em .8em}.styleguideToolbar .qualityIssues .qualityIssueMessage{width:100%}.styleguideToolbar .qualityIssues .qualityIssue--blocker .qualityIssueSeverity span,.styleguideToolbar .qualityIssues .qualityIssue--critical .qualityIssueSeverity span,.styleguideToolbar .qualityIssues .qualityIssue--major .qualityIssueSeverity span{background:#ff8080;font-weight:700}.styleguideToolbar .qualityIssues .qualityIssue--minor .qualityIssueSeverity span{background:#ffb380;font-weight:700}body{margin:0}.breakPoint{background-color:#171717!important}.boxMargin{margin-bottom:40px}pre{margin:0!important}.fluidStyleguideFixtureName{color:#222425;font-family:var(--styleguide-font-family);font-size:18px} /*# sourceMappingURL=Styleguide.min.css.map*/ \ No newline at end of file diff --git a/Resources/Public/Css/Styleguide.min.css.map b/Resources/Public/Css/Styleguide.min.css.map index 2792018..01770dd 100644 --- a/Resources/Public/Css/Styleguide.min.css.map +++ b/Resources/Public/Css/Styleguide.min.css.map @@ -1 +1 @@ -{"version":3,"file":"Styleguide.min.css","mappings":"AAAA,gBCgB6C;;;6PDhB7C,qBAGI,gBAAiB,CACjB,iBAAkB,CAHlB,gBAAiB,CACjB,gBAEkB,CAJtB,4BAOQ,eAAgB,CAPxB,2CAcQ,aCZa,CDWb,yCCIuC,CDNvC,cAAe,CACf,kBCVa,CDFrB,2CAmBQ,yCCFuC,CDGvC,eAAgB,CAFhB,mBAEgB,CApBxB,6CAuBY,aAAc,CAvB1B,6CA2BY,cAAe,CA3B3B,iDAuCY,iBAAmB,CAAnB,kBAAmB,CALnB,YAAa,CAHb,UAAW,CAEX,aAAc,CAId,UAAW,CAFX,MAAO,CAHP,iBAAkB,CAIlB,OAGmB,CAvC/B,iDA+CQ,aC7Ca,CD4Cb,yCC7BuC,CD4BvC,cAAe,CADf,kBC1Ca,CDFrB,mDAqDQ,aCnDa,CDkDb,yCCnCuC,CDkCvC,cCjDa,CDFrB,iDAyDQ,kBAAmB,CACnB,mBAAoB,CA1D5B,+CAiEQ,QAAS,CAHT,aAAc,CAEd,YAAa,CAEb,oBAAqB,CAHrB,UAGqB,CAlE7B,uDAsEQ,kBAAmB,CAtE3B,iCA0EQ,8FAA+H,CA1EvI,8GAiFoB,eAAgB,CAChB,eAAgB,CAChB,gBAAiB,CAnFrC,sDA2FQ,+BCzFa,CDwFb,kBAAmB,CAEnB,mBAAoB,CA5F5B,yCAgGQ,kBC9Fa,CD+Fb,UClFO,CDqFP,oBAAqB,CAGrB,yCCtFuC,CDoFvC,cAAe,CAHf,2BAA4B,CAI5B,iBAAkB,CAHlB,iBClFuC,CDjB/C,+CA0GY,uCC1FiC,CDhB7C,8CA8GY,iBAAkB,CA9G9B,oDAuHgB,UAAW,CAQX,uCC/G6B,CDmG7B,WAAS,CADT,8BChGkB,CD2GlB,cAAe,CALf,iBAAkB,CAElB,mBAAoB,CADpB,eAAmB,CAHnB,QAAS,CAMT,aAAc,CAXd,iBAAkB,CAalB,WAAY,CAHZ,mBAAoB,CAPpB,QAAS,CACT,OCrG6B,CChB7C,qBAKI,WAAY,CAFZ,MAAO,CAFP,cAAe,CAGf,OAAQ,CAFR,QAGY,CALhB,+CAUQ,QAAc,CAFd,WAAY,CAGZ,oBAAqB,CAFrB,UAEqB,CCX7B,kBAOI,kBAAmB,CACnB,kBFNiB,CEDjB,YAAa,CAQb,yCFQ2C,CEZ3C,MAAO,CAHP,cAAe,CAIf,OAAQ,CAFR,KAAM,CADN,aFc2C,CEjB/C,iEAYQ,iBAAkB,CAZ1B,wEAoBY,UAAW,CASX,uCFbiC,CEAjC,WAAS,CAYT,8BFVsB,CEQtB,cAAe,CALf,iBAAkB,CAElB,mBAAoB,CADpB,eAAmB,CAHnB,QAAS,CAMT,aAAc,CAVd,iBAAkB,CAYlB,UAAW,CAHX,mBAAoB,CAPpB,QAAS,CACT,OFFiC,CEhB7C,sCAmCQ,gBAAiB,CADjB,SACiB,CAnCzB,0CAyCY,sCFzBiC,CE0BjC,YAAa,CAHb,WAAY,CACZ,iBAAkB,CAFlB,UAIa,CA1CzB,4BAsDQ,kBAAmB,CACnB,uDFvCqC,CEgCrC,UFjCO,CEsCP,YAAa,CANb,cAAe,CAKf,WAAY,CAIZ,gBAAiB,CANjB,iBAAkB,CADlB,iBAAkB,CAElB,oBAKiB,CAxDzB,qEA4DY,uCF5CiC,CEhB7C,mCAsEY,UAAW,CAJX,WAAS,CAFT,8BF9CsB,CE0DtB,cAAe,CALf,iBAAkB,CAElB,mBAAoB,CADpB,eAAmB,CAHnB,QAAS,CAQT,SAAU,CAFV,aAAc,CAVd,iBAAkB,CASlB,mBAAoB,CAPpB,QAAS,CACT,OFpDiC,CEhB7C,2BAqFQ,kBAAmB,CADnB,YAAa,CAEb,WAAY,CAHZ,oBAGY,CCtFpB,gCAGQ,wBHDa,CGMb,qBAAuB,CAJvB,UHWO,CGVP,cAAe,CACf,cAAe,CACf,gBACuB,CAR/B,sCAWY,kDHKiC,CGhB7C,sCAeY,YAAa,CCfzB,kBACI,yCJgB2C,CIf3C,UAAW,CAFf,2BAKQ,aAAc,CALtB,yBAUQ,cAAe,CADf,iBACe,CAVvB,0DAuBgB,UAAW,CAOX,uCJd6B,CIE7B,WAAS,CAFT,4BAA+B,CAa/B,cAAe,CALf,iBAAkB,CAElB,mBAAoB,CADpB,eAAmB,CAHnB,QAAS,CAMT,aAAc,CAXd,iBAAkB,CAGlB,UAAW,CAOX,mBAAoB,CARpB,OAAQ,CAER,OJL6B,CIhB7C,sFAkCgB,eAAgB,CAK5B,uBACI,iBJzBO,CI0BP,UJ1BO,CI6BX,qDAEI,kBAAmB,CAMnB,+BJhDM,CI+CN,UJpCO,CIiCP,cAAe,CAHf,YAAa,CAQb,yCJpCuC,CIiCvC,cAAe,CAHf,WAAY,CAEZ,cJhCuC,CI2B1C,iHAYO,wBJtDS,CIwDT,oBJpDS,CImDT,uCJnDS,CIsChB,6GAkBO,UJ/CG,CIoDX,0BACI,kBJlEa,CIqEb,wBAAyB,CAFzB,UJtDO,CIuDP,cACyB,CAJ5B,gCAOO,uCJ1DiC,CIhB7C,mCAqFQ,4BAA6B,CAC7B,QAAc,CALd,UJlEO,CIwEP,cAAe,CALf,yCJjEuC,CI+DvC,cAAe,CAGf,YAAa,CAJb,SAAU,CAKV,UAGe,CAvFvB,kFA8FY,uCJ9EiC,CIhB7C,qDAkGY,aJ1FQ,CI2FR,cAAe,CAnG3B,yDAkGY,aJ1FQ,CI2FR,cAAe,CAnG3B,gDAkGY,aJ1FQ,CI2FR,cAAe,CAIvB,uBAQI,wBJ5Ga,CIqGb,cAAe,CAGf,QAAS,CAKT,MAAO,CAGP,0BAA4B,CAN5B,aAAc,CACd,iBAAkB,CAGlB,OAAQ,CAPR,mBAAoB,CAEpB,oBAAqB,CAHrB,kCAAmC,CASnC,YAC4B,CAZ/B,2CAeO,eAAgB,CAfvB,0CAmBO,SAAU,CAnBjB,gDAuBO,kDJ9GiC,CIuFxC,8CA+BO,4BJhIS,CI6HT,WAAY,CACZ,mBAAoB,CACpB,oBAAqB,CAHrB,kCJ5HS,CIoIjB,sBACI,YAAa,CAGjB,yDAEI,iDAA4B,CAC5B,0BAA2B,CAjJnC,2DAsJY,uBAAwB,CAIhC,4BAEI,aAAc,CAEd,cAAe,CAHf,iBAAkB,CAElB,YACe,CC9JvB,qBAGI,QAAS,CAFT,cAAe,CACf,UACS,CAHb,yBAMQ,YAAa,CANrB,gCAgBY,kBLdS,CKaT,wBLbS,CKST,cAAe,CAMf,aAAc,CAHd,WAAY,CAFZ,WAAY,CACZ,UAIc,CAjB1B,uCAsBgB,UAAW,CASX,uCLf6B,CKK7B,WAAS,CAWT,aAAc,CAZd,8BLFkB,CKUlB,cAAe,CALf,iBAAkB,CAElB,mBAAoB,CADpB,eAAmB,CAYnB,SAAU,CATV,aAAc,CAEd,cAAe,CACf,aAAc,CAId,iBAAkB,CARlB,mBAAoB,CASpB,QAAS,CAFT,wBAGU,CCpC1B,oBAII,kBAAmB,CAFnB,UNaW,CMdX,YAAa,CAIb,cAAe,CAFf,WAAY,CAGZ,eAAgB,CANpB,2CASQ,aAAc,CATtB,mCAeQ,QAAc,CAFd,uCNGqC,CMArC,cAAe,CACf,aAAc,CAHd,cAGc,CAjBtB,qCAsBQ,wBNpBa,CMyBb,YAAa,CAHb,cAAe,CAIf,mBAAc,CAPd,iBAAkB,CAKlB,QAAS,CADT,SAGc,CA5BtB,2CA+BY,aAAc,CA/B1B,wCAmCY,UNpBG,CMuBH,cAAe,CACf,eAAgB,CAHhB,eAAgB,CAChB,oBAEgB,CAvC5B,mDA0CgB,eAAgB,CA1ChC,oHAoDgB,uCNpC6B,COhB7C,oBAII,kBAAmB,CAFnB,UPaW,COdX,YAAa,CAIb,cAAe,CAFf,WAAY,CAGZ,eAAgB,CANpB,2CASQ,aAAc,CATtB,mCAeQ,QAAc,CAFd,uCPGqC,COArC,cAAe,CACf,aAAc,CAHd,cAGc,CAjBtB,qCAsBQ,wBPpBa,COyBb,YAAa,CAHb,cAAe,CAIf,mBAAc,CAPd,iBAAkB,CAKlB,QAAS,CADT,SAGc,CA5BtB,2CA+BY,aAAc,CA/B1B,wCAmCY,UPpBG,COuBH,cAAe,CACf,eAAgB,CAHhB,eAAgB,CAChB,oBAEgB,CAvC5B,mDA0CgB,eAAgB,CA1ChC,oHAoDgB,uCPpC6B,CQhB7C,2CAIQ,kBAAmB,CAJ3B,sDAOY,eAAgB,CAP5B,iCAoBQ,eRLO,CQGP,wBAA8B,CAN9B,aRVa,CQWb,cAAe,CACf,iBAAkB,CAClB,eAAgB,CAChB,gBAAiB,CACjB,gBAAiB,CAEjB,YAAa,CAEb,WAAY,CArBpB,uCAyBY,oBRvBS,CQsBT,aRtBS,CQwBT,SAAU,CA1BtB,0CA+BQ,iBAAkB,CA/B1B,gDAmCY,aAAc,CADd,eACc,CAnC1B,wEAuCY,cAAe,CAvC3B,6CAgDQ,cAAe,CAJf,aAAc,CAKd,cAAe,CAEf,WAAY,CAJZ,kBAAmB,CADnB,iBAAkB,CADlB,iBAAkB,CAKlB,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CAEjB,UAAW,CApDnB,mDA0DQ,cAAe,CACf,QAAS,CAFT,SAAU,CADV,iBAAkB,CAIlB,OAAQ,CA5DhB,6CAoEQ,qBRrDO,CQmDP,WAAY,CADZ,MAAO,CADP,iBAAkB,CAKlB,OAAQ,CAFR,UAEQ,CArEhB,0FAyEQ,qBR1DO,CQff,mDA6EQ,UAAW,CAEX,YAAa,CADb,iBACa,CA/ErB,gGAmFQ,aAAc,CAnFtB,kFA2FQ,8CR3EqC,CQ4ErC,wBAAyB,CAFzB,WAAY,CAHZ,QAAS,CACT,OAAQ,CAKR,uBAAwB,CAJxB,SAIwB,CC7FhC,mBAQI,wBTNiB,CSCjB,UTYW,CSTX,yCTW2C,CSb3C,cAAe,CAHf,cAAe,CAMf,8BAA+B,CAL/B,UAAW,CAGX,STHiB,CSFrB,+BAaQ,kBAAmB,CADnB,YAAa,CADb,WAAY,CAGZ,sBAAuB,CAd/B,+BAkBQ,iBAAkB,CAlB1B,kCA6BQ,kBT3Ba,CSuBb,iBAAkB,CAHlB,cAAe,CAKf,WAAY,CAJZ,iBAAkB,CAClB,KAAM,CAEN,UAAW,CAEX,UT1Ba,CSFrB,yCAoCY,UAAW,CAOX,uCT3BiC,CSiBjC,WAAS,CADT,8BTdsB,CSwBtB,cAAe,CALf,iBAAkB,CAElB,mBAAoB,CADpB,eAAmB,CAHnB,QAAS,CAST,SAAU,CAHV,aAAc,CAMd,iBAAkB,CAPlB,mBAAoB,CAKpB,QAAS,CACT,wBAAyB,CAZzB,OAakB,CA/C9B,wCAmDY,uCTnCiC,CShB7C,iCAwDQ,cAAe,CAxDvB,qCA2DY,gBAAiB,CACjB,iBAAkB,CAClB,QAAS,CA7DrB,uCAiEY,uCTjDiC,CShB7C,wBAsEQ,kBAAoB,CAtE5B,8CA0EgB,SAAU,CACV,OAAQ,CACR,uBAAwB,CA5ExC,qCAiFY,aAAc,CAjF1B,oCAqFY,SAAU,CArFtB,gCA0FQ,iBAAkB,CA1F1B,wCA6FY,YAAa,CA7FzB,mDAsGgB,kBAAmB,CALnB,kBT9FK,CSqGL,8BTtGK,CSqGL,UTxFD,CSmFC,cAAe,CAEf,YAAa,CAJb,WAAY,CAKZ,sBAAuB,CAMvB,eAAgB,CADhB,iBAAkB,CADlB,qCAAsC,CANtC,WAQgB,CA3GhC,uDAgHoB,STjGL,CSgGK,WAAY,CADZ,UT/FL,CSff,0DAoHoB,kBTlHC,CSmHD,uCTrGyB,CShB7C,8DAwHwB,sCTxGqB,CShB7C,kEAqIwB,kBTzHX,CS2HW,UTxHT,CSgHS,cAAe,CAKf,cAAe,CAKf,yBAAmB,CATnB,iBAAkB,CAElB,WAAY,CACZ,SAAU,CAFV,uBAAwB,CAOxB,UACmB,CAzI3C,6DA+IwB,sCT/HqB,CShB7C,4CA0JY,UT3IG,CSuIH,YAAa,CAEb,sFAAiG,CACjG,aAAc,CAEd,gBAAiB,CACjB,iBAAkB,CALlB,sBAKkB,CA5J9B,8CA+JgB,uCT/I6B,CShB7C,yDAmKgB,YAAa,CAnK7B,+DAuKgB,SAAU,CAvK1B,qEA2KgB,kDT3J6B,CShB7C,mDA+KgB,aAAc,CA/K9B,yDAmLgB,UTpKD,CSqKC,yBAA0B,CApL1C,+DAuLoB,uCTvKyB,CShB7C,uCA+LQ,aAAc,CA/LtB,6CAkMY,gBAAiB,CACjB,cAAe,CAnM3B,oFAyMY,4BAA+B,CAD/B,gBAC+B,CAzM3C,0CA8MY,eAAiB,CADjB,eACiB,CA9M7B,+DAkNY,eAAiB,CACjB,kBAAmB,CAnN/B,+DAuNY,kBAAmB,CAvN/B,mEA2NY,cAAe,CACf,eAAgB,CAChB,iBAAkB,CA7N9B,wIAmOY,oBAAqB,CADrB,eACqB,CAnOjC,2CAwOQ,eAAgB,CAChB,cAAe,CAzOvB,+FA4OY,kBTzOS,CSHrB,+CAgPY,YAAa,CAhPzB,gDAqPY,iBAAkB,CADlB,iBACkB,CArP9B,oDA0PY,eAAgB,CADhB,SACgB,CA1P5B,kCAkQQ,0BAAuB,CAAvB,qBAAuB,CAAvB,sBAAuB,CACvB,gBAAiB,CADjB,oBAAuB,CAHvB,eAAgB,CAKhB,cAAe,CAJf,SAIe,CApQvB,0EAwQY,4BAA+B,CAD/B,gBAC+B,CAxQ3C,qCA6QY,eAAiB,CADjB,eACiB,CA7Q7B,wDAkRY,gBAAiB,CADjB,iBACiB,CAlR7B,6DAqRgB,iBAAkB,CArRlC,uDA0RY,UAAW,CA1RvB,2PAkSoB,kBTtRP,CSuRO,eAAiB,CAnSrC,kFAwSgB,kBTpRK,CSqRL,eAAiB,CC3RjC,KACI,QAAS,CAGb,YACI,kCAAyC,CAG7C,WACI,kBAAmB,CAGvB,IACI,kBAAoB","sources":["webpack://fluidstyleguide/./Resources/Private/Scss/StyleguideList.scss","webpack://fluidstyleguide/./Resources/Private/Scss/_Variables.scss","webpack://fluidstyleguide/./Resources/Private/Scss/StyleguideShow.scss","webpack://fluidstyleguide/./Resources/Private/Scss/StyleguideHeader.scss","webpack://fluidstyleguide/./Resources/Private/Components/Atom/StyleguideRefreshIFrame/StyleguideRefreshIFrame.scss","webpack://fluidstyleguide/./Resources/Private/Components/Atom/StyleguideSelect/StyleguideSelect.scss","webpack://fluidstyleguide/./Resources/Private/Components/Atom/StyleguideScrollTop/StyleguideScrollTop.scss","webpack://fluidstyleguide/./Resources/Private/Components/Atom/ViewportNavigation/ViewportNavigation.scss","webpack://fluidstyleguide/./Resources/Private/Components/Atom/LanguageNavigation/LanguageNavigation.scss","webpack://fluidstyleguide/./Resources/Private/Components/Molecule/EditFixtures/EditFixtures.scss","webpack://fluidstyleguide/./Resources/Private/Components/Organism/StyleguideToolbar/StyleguideToolbar.scss","webpack://fluidstyleguide/./Resources/Private/Scss/Main.scss"],"sourcesContent":[".fluidStyleguideList {\n margin-top: 120px;\n max-width: 1200px;\n margin-left: auto;\n margin-right: auto;\n\n strong {\n font-weight: 700;\n }\n\n .fluidStyleguideTitle {\n font-size: 40px;\n margin-bottom: 16px;\n font-family: $styleguide-font;\n color: $dark-grey-0;\n }\n\n .fluidStyleguideIntro {\n padding-bottom: 64px;\n font-family: $styleguide-font;\n line-height: 1.7;\n\n a {\n color: inherit;\n }\n\n p {\n max-width: 60em;\n }\n\n &::after {\n content: \"\";\n position: relative;\n display: block;\n bottom: -30px;\n left: 0;\n right: 0;\n height: 3px;\n border: #000 solid;\n border-width: 1px 0;\n }\n }\n\n .fluidStyleguidePackageName {\n margin-bottom: 40px;\n font-size: 32px;\n font-family: $styleguide-font;\n color: $dark-grey-0;\n }\n\n .fluidStyleguideComponentName {\n font-size: 24px;\n font-family: $styleguide-font;\n color: $dark-grey-0;\n }\n\n .fluidStyleguidePackageItem {\n margin-bottom: 60px;\n padding-bottom: 60px;\n }\n\n .fluidStyleguideComponent {\n display: block;\n width: 100%;\n height: 200px;\n border: 0;\n transition: width .6s;\n }\n\n .fluidStyleguideListIframeWrapper {\n margin-bottom: 10px;\n }\n\n .breakPoint {\n background-image: repeating-linear-gradient(45deg, $white 0%, $white 2.2%, $light-grey-2 2.2%, $light-grey-3 2.1%, $white 2.5%);\n }\n\n .fluidStyleguideComponentVariants {\n &:last-child {\n .fluidStyleguideComponentExample {\n &:last-child {\n border-bottom: 0;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n }\n }\n }\n\n .fluidStyleguideComponentExample {\n margin-bottom: 60px;\n border-bottom: 1px solid $dark-grey-0;\n padding-bottom: 60px;\n }\n\n .fluidStyleguideBtn {\n background: $dark-grey-0;\n color: $white;\n padding: 16px 53px 18px 30px;\n text-align: center;\n display: inline-block;\n font-size: 14px;\n position: relative;\n font-family: $styleguide-font;\n\n &:hover {\n color: $highlight;\n }\n\n span {\n position: relative;\n\n &::after {\n position: absolute;\n font-family: $verdana-font;\n content: '›';\n top: -4px;\n width: 0;\n height: 0;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n font-size: 24px;\n right: -15px;\n color: $highlight;\n }\n }\n\n }\n}\n","// colors\n\n$dark-grey-0: #222425;\n$dark-grey-1: #2b2f31;\n$grey: #212121;\n$dark-grey-2: #4a4d4e;\n$dark-grey-3: #1b1919;\n$dark-grey-4: #171717;\n$light-grey: #757575;\n$light-grey-2: #e8e8e8;\n$light-grey-3: #d6d6d6;\n$light-grey-4: #fdfdfd;\n$red: #ff8080;\n$black-87: rgba(0, 0, 0, .87);\n$black-46: rgba(0, 0, 0, .46);\n$white: #FFFFFF;\n$highlight: var(--styleguide-highlight-color);\n$styleguide-font: var(--styleguide-font-family);\n$verdana-font: verdana, sans-serif;\n$issue-major: $red;\n$issue-minor: #ffb380;\n",".fluidStyleguideShow {\n position: fixed;\n top: 55px;\n left: 0;\n right: 0;\n bottom: 16px;\n\n .fluidStyleguideComponent {\n height: 100%;\n width: 100%;\n border: 0 none;\n transition: width .6s;\n }\n}\n",".styleguideHeader {\n display: flex;\n position: fixed;\n z-index: 99999;\n top: 0;\n left: 0;\n right: 0;\n align-items: center;\n background: $dark-grey-0;\n font-family: $styleguide-font;\n\n .componentNavigation .styleguideSelectSelected {\n position: relative;\n\n &::before {\n position: absolute;\n content: '›';\n top: 15px;\n width: 0;\n height: 0;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n font-size: 24px;\n right: 24px;\n font-family: $verdana-font;\n color: $highlight;\n }\n }\n\n .examplesNavigation {\n width: 50%;\n margin-left: -7px;\n\n svg {\n width: 26px;\n height: 26px;\n margin-left: -24px;\n fill: $highlight;\n display: none;\n }\n }\n\n .backLink {\n font-size: 13px;\n color: $white;\n position: relative;\n padding-left: 50px;\n text-decoration: none;\n height: 100%;\n display: flex;\n align-items: center;\n border-left: 1px solid $highlight;\n margin-left: 13px;\n\n\n &:hover {\n color: $highlight;\n }\n\n &::before {\n font-family: $verdana-font;\n position: absolute;\n content: '‹';\n top: 16px;\n width: 0;\n height: 0;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n font-size: 24px;\n left: 23px;\n color: $highlight;\n }\n }\n\n .actions {\n margin: 0 24px 0 auto;\n display: flex;\n align-items: center;\n height: 56px;\n }\n\n}\n",".styleguideRefreshIFrame {\n\n button {\n background-color: $dark-grey-0;\n color: $white;\n cursor: pointer;\n font-size: 14px;\n padding: 5px 10px;\n border: 1px solid white;\n\n &:hover {\n background-color: $highlight;\n }\n\n &:focus {\n outline: none;\n }\n\n }\n}\n\n\n",".styleguideSelect {\n font-family: $styleguide-font;\n width: 100%;\n\n datalist {\n display: block;\n }\n\n select {\n position: absolute;\n left: -999999px;\n }\n\n &.hasIcon {\n .styleguideSelectSelected {\n &::after {\n font-family: 'fluid-styleguide';\n position: absolute;\n content: '›';\n top: 9px;\n right: 56px;\n width: 0;\n height: 0;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n font-size: 38px;\n color: $highlight;\n }\n\n &.styleguideSelectArrowActive::after {\n content: '\\e911';\n }\n }\n }\n\n &Focus {\n border-color: $white;\n color: $white;\n }\n\n &Items div, &Selected {\n display: flex;\n align-items: center;\n height: 55px;\n cursor: pointer;\n padding: 0 24px;\n font-size: 13px;\n color: $white;\n border-bottom: 1px solid $grey;\n font-family: $styleguide-font;\n\n &.styleguideSelectEqualSelected {\n background-color: $dark-grey-0;\n color: $highlight;\n border-color: $dark-grey-3;\n }\n\n &.styleguideSelectArrowActive {\n color: $white;\n }\n }\n\n\n &Selected {\n background: $dark-grey-0;\n color: $white;\n cursor: pointer;\n border-color: transparent;\n\n &:hover {\n color: $highlight;\n }\n }\n\n input[type='text'] {\n padding: 0;\n font-size: 13px;\n color: $white;\n font-family: $styleguide-font;\n outline: none;\n width: 100%;\n background-color: transparent;\n border: 0 none;\n cursor: pointer;\n\n &:hover {\n color: $highlight;\n }\n\n &:focus {\n color: $highlight;\n }\n\n &::placeholder {\n color: $light-grey;\n font-size: 13px;\n }\n }\n\n &Items {\n cursor: pointer;\n transition: transform .15s ease-out;\n transform: scaleY(0);\n height: 0;\n transform-origin: top;\n overflow: auto;\n position: absolute;\n background-color: $dark-grey-1;\n left: 0;\n right: 0;\n z-index: 9999;\n max-height: 617px !important;\n\n &.selectPositionedTop {\n border-bottom: 0;\n }\n\n &::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: $highlight;\n }\n\n &.styleguideSelectOpened {\n transition: transform .15s ease-out;\n height: auto;\n transform: scaleY(1);\n transform-origin: top;\n border-top: 1px solid $dark-grey-3;\n }\n }\n\n &Hide {\n display: none;\n }\n\n &Items div:hover,\n &Active {\n color: $highlight !important;\n transition: color .25s ease;\n }\n\n &.orientationBottom {\n .styleguideSelectItems {\n transform-origin: bottom;\n }\n }\n\n &InputLabel {\n position: absolute;\n left: -99999px;\n top: -99999px;\n padding: 0 16px;\n }\n\n}\n\n",".styleguideScrollTop {\n position: fixed;\n width: 100%;\n bottom: 0;\n\n div {\n display: none;\n }\n\n &.active {\n div {\n cursor: pointer;\n margin: auto;\n width: 50px;\n height: 50px;\n border: 2px solid $dark-grey-0;\n background: $dark-grey-0;\n display: block;\n\n &::before {\n font-family: $verdana-font;\n content: '›';\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n font-size: 34px;\n padding-left: 0;\n padding-top: 0;\n color: $highlight;\n display: block;\n transform: rotate(-90deg);\n position: relative;\n top: -7px;\n left: -2px;\n }\n }\n }\n\n\n\n\n}\n",".viewportNavigation {\n display: flex;\n color: $white;\n height: 100%;\n align-items: center;\n font-size: 13px;\n list-style: none;\n\n &:hover .dropdownContent {\n display: block;\n }\n\n .dropdownLabel {\n color: $highlight;\n padding: 16px 0;\n border: 0 none;\n cursor: pointer;\n margin: 0 16px;\n }\n\n .dropdownContent {\n position: absolute;\n background-color: $dark-grey-0;\n padding: 16px;\n min-width: 82px;\n z-index: 1;\n top: 43px;\n display: none;\n padding-top: 0;\n\n &:hover {\n display: block;\n }\n\n li {\n color: $white;\n margin-top: 16px;\n text-decoration: none;\n cursor: pointer;\n list-style: none;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &.rulerOption {\n &.activeRulerOption {\n color: $highlight;\n }\n }\n\n &:hover {\n color: $highlight;\n }\n }\n }\n\n}\n\n\n\n\n",".languageNavigation {\n display: flex;\n color: $white;\n height: 100%;\n align-items: center;\n font-size: 13px;\n list-style: none;\n\n &:hover .dropdownContent {\n display: block;\n }\n\n .dropdownLabel {\n color: $highlight;\n padding: 16px 0;\n border: 0 none;\n cursor: pointer;\n margin: 0 16px;\n }\n\n .dropdownContent {\n position: absolute;\n background-color: $dark-grey-0;\n padding: 16px;\n min-width: 82px;\n z-index: 1;\n top: 43px;\n display: none;\n padding-top: 0;\n\n &:hover {\n display: block;\n }\n\n li {\n color: $white;\n margin-top: 16px;\n text-decoration: none;\n cursor: pointer;\n list-style: none;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &.rulerOption {\n &.activeRulerOption {\n color: $highlight;\n }\n }\n\n &:hover {\n color: $highlight;\n }\n }\n }\n\n}\n\n\n\n\n",".editFixtures {\n\n .editFixturesFixtureFormItem {\n\n margin-bottom: 24px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n .editFixturesInput {\n color: $dark-grey-0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 24px;\n border: 2px $dark-grey-0 solid;\n padding: 10px;\n background: $white;\n width: 300px;\n\n &:focus {\n color: $dark-grey-0;\n border-color: $dark-grey-0;\n outline: 0;\n }\n }\n\n .editFixturesLabelContainer {\n margin-bottom: 6px;\n\n label {\n margin-bottom: 0;\n display: block;\n }\n\n .editFixturesLabelDescription {\n font-size: 10px;\n }\n }\n\n .editFixturesCheckboxContainer {\n display: block;\n position: relative;\n padding-left: 35px;\n margin-bottom: 12px;\n cursor: pointer;\n font-size: 22px;\n user-select: none;\n height: 25px;\n width: 24px;\n }\n\n .editFixturesCheckboxContainer input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n }\n\n .editFixturesCheckboxCheckmark {\n position: absolute;\n left: 0;\n height: 24px;\n width: 24px;\n background-color: $white;\n top: 3px;\n }\n\n .editFixturesCheckboxContainer input:checked ~ .editFixturesCheckboxCheckmark {\n background-color: $white;\n }\n\n .editFixturesCheckboxCheckmark::after {\n content: '';\n position: absolute;\n display: none;\n }\n\n .editFixturesCheckboxContainer input:checked ~ .editFixturesCheckboxCheckmark::after {\n display: block;\n }\n\n .editFixturesCheckboxContainer .editFixturesCheckboxCheckmark::after {\n left: 8px;\n top: 3px;\n width: 5px;\n height: 13px;\n border: solid $highlight;\n border-width: 0 3px 3px 0;\n transform: rotate(45deg);\n }\n\n}\n",".styleguideToolbar {\n position: fixed;\n width: 100%;\n color: $white;\n font-size: 13px;\n z-index: 3;\n font-family: $styleguide-font;\n transition: bottom .25s ease 0s;\n background-color: $dark-grey-0;\n\n .toolbarTop {\n height: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .toolbarBot {\n position: relative;\n }\n\n .toolbarOpener {\n cursor: pointer;\n position: relative;\n top: 0;\n border-radius: 10%;\n width: 50px;\n height: 54px;\n z-index: -2;\n background: $dark-grey-0;\n\n &::before {\n font-family: $verdana-font;\n content: '›';\n width: 0;\n height: 0;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n font-size: 24px;\n color: $highlight;\n left: 12px;\n top: 19px;\n transform: rotate(-90deg);\n position: absolute;\n }\n\n &:hover {\n color: $highlight;\n }\n }\n\n .toolbarRuler {\n cursor: pointer;\n\n svg {\n margin-left: 15px;\n position: relative;\n top: -3px;\n }\n\n &:hover {\n color: $highlight;\n }\n }\n\n &.open {\n bottom: 0 !important;\n\n .toolbarOpener {\n &::before {\n left: 38px;\n top: 8px;\n transform: rotate(90deg);\n }\n }\n\n .toolbarTabs {\n display: block;\n }\n\n .toolbarBot {\n top: -16px;\n }\n }\n\n .toolbarTabs {\n position: relative;\n\n .tabNav {\n display: flex;\n\n .tabOpener {\n height: 54px;\n background: $dark-grey-1;\n cursor: pointer;\n width: 150px;\n display: flex;\n justify-content: center;\n align-items: center;\n color: $white;\n border-right: 2px solid $dark-grey-0;\n transition: background-color .25s ease;\n position: relative;\n overflow: hidden;\n\n svg {\n width: 28px;\n height: 28px;\n fill: $white;\n }\n\n &.active {\n background: $dark-grey-0;\n color: $highlight;\n\n svg {\n fill: $highlight;\n }\n }\n\n &.betaSign {\n\n &::after {\n content: 'Beta';\n position: absolute;\n transform: rotate(42deg);\n right: -33px;\n top: -16px;\n font-size: 10px;\n background: $red;\n padding: 1px;\n color: $white;\n width: 48px;\n padding-left: 100px;\n }\n }\n\n &:hover {\n svg {\n fill: $highlight;\n }\n }\n }\n }\n\n .tabContent {\n display: none;\n padding: 32px 32px 16px;\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n font-size: 1em;\n color: $white;\n max-height: 200px;\n overflow-y: scroll;\n\n a {\n color: $highlight;\n }\n\n > :first-child {\n margin-top: 0;\n }\n\n &::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: $highlight;\n }\n\n &.active {\n display: block;\n }\n\n .downloadZip {\n color: $white;\n text-decoration: underline;\n\n &:hover {\n color: $highlight;\n }\n }\n }\n\n }\n\n .componentArguments {\n overflow: auto;\n\n table {\n border-spacing: 0;\n min-width: 100%;\n }\n\n th,\n td {\n padding: 12px 8px;\n border-bottom: 1px $white solid;\n }\n\n th {\n text-align: left;\n font-weight: bold;\n }\n\n .componentArgumentsName {\n font-weight: bold;\n white-space: nowrap;\n }\n\n .componentArgumentsType {\n white-space: nowrap;\n }\n\n .componentArgumentsRequired {\n padding-left: 0;\n padding-right: 0;\n text-align: center;\n }\n\n .componentArgumentsDefault,\n .componentArgumentsDescription {\n font-size: 0.85em;\n word-wrap: break-word;\n }\n }\n\n .componentDocumentation {\n line-height: 1.8;\n max-width: 70em;\n\n pre, code {\n background: $dark-grey-1;\n }\n\n pre {\n padding: 16px;\n }\n\n code {\n padding: 0.3em 0.5em;\n border-radius: 3px;\n }\n\n pre > code {\n padding: 0;\n border-radius: 0;\n }\n }\n\n .qualityIssues {\n list-style: none;\n padding: 0;\n border-bottom: $white solid;\n border-width: 1px 1px 0;\n border-spacing: 0;\n min-width: 100%;\n\n th, td {\n padding: 12px 8px;\n border-bottom: 1px $white solid;\n }\n\n th {\n text-align: left;\n font-weight: bold;\n }\n\n .qualityIssueSeverity {\n text-align: center;\n padding: 12px 4px;\n\n span {\n padding: .4em .8em;\n }\n }\n\n .qualityIssueMessage {\n width: 100%;\n }\n\n .qualityIssue {\n &--major,\n &--critical,\n &--blocker {\n .qualityIssueSeverity span {\n background: $issue-major;\n font-weight: bold;\n }\n }\n\n &--minor .qualityIssueSeverity span {\n background: $issue-minor;\n font-weight: bold;\n }\n }\n }\n}\n","@import 'Variables';\n@import 'StyleguideList';\n@import 'StyleguideShow';\n@import 'StyleguideHeader';\n// Component CSS\n\n@import '../Components/Atom/StyleguideRefreshIFrame/StyleguideRefreshIFrame';\n@import '../Components/Atom/StyleguideSelect/StyleguideSelect';\n@import '../Components/Atom/StyleguideScrollTop/StyleguideScrollTop';\n@import '../Components/Atom/ViewportNavigation/ViewportNavigation';\n@import '../Components/Atom/LanguageNavigation/LanguageNavigation';\n@import '../Components/Molecule/EditFixtures/EditFixtures';\n@import '../Components/Organism/StyleguideToolbar/StyleguideToolbar';\n\nbody {\n margin: 0;\n}\n\n.breakPoint {\n background-color: $dark-grey-4 !important;\n}\n\n.boxMargin {\n margin-bottom: 40px;\n}\n\npre {\n margin: 0 !important;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"Styleguide.min.css","mappings":"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","sources":["webpack://fluidstyleguide/./Resources/Private/Scss/StyleguideList.scss","webpack://fluidstyleguide/./Resources/Private/Scss/Main.scss","webpack://fluidstyleguide/./Resources/Private/Scss/_Variables.scss","webpack://fluidstyleguide/./Resources/Private/Scss/StyleguideShow.scss","webpack://fluidstyleguide/./Resources/Private/Scss/StyleguideHeader.scss","webpack://fluidstyleguide/./Resources/Private/Components/Atom/StyleguideRefreshIFrame/StyleguideRefreshIFrame.scss","webpack://fluidstyleguide/./Resources/Private/Components/Atom/StyleguideSelect/StyleguideSelect.scss","webpack://fluidstyleguide/./Resources/Private/Components/Atom/StyleguideScrollTop/StyleguideScrollTop.scss","webpack://fluidstyleguide/./Resources/Private/Components/Atom/ViewportNavigation/ViewportNavigation.scss","webpack://fluidstyleguide/./Resources/Private/Components/Atom/LanguageNavigation/LanguageNavigation.scss","webpack://fluidstyleguide/./Resources/Private/Components/Atom/VariantsToggleNavigation/VariantsToggleNavigation.scss","webpack://fluidstyleguide/./Resources/Private/Components/Molecule/EditFixtures/EditFixtures.scss","webpack://fluidstyleguide/./Resources/Private/Components/Organism/StyleguideToolbar/StyleguideToolbar.scss"],"sourcesContent":[".fluidStyleguideList {\n margin-top: 120px;\n max-width: 1200px;\n margin-left: auto;\n margin-right: auto;\n\n strong {\n font-weight: 700;\n }\n\n .fluidStyleguideTitle {\n font-size: 40px;\n margin-bottom: 16px;\n font-family: $styleguide-font;\n color: $dark-grey-0;\n }\n\n .fluidStyleguideIntro {\n padding-bottom: 64px;\n font-family: $styleguide-font;\n line-height: 1.7;\n\n a {\n color: inherit;\n }\n\n p {\n max-width: 60em;\n }\n\n &::after {\n content: \"\";\n position: relative;\n display: block;\n bottom: -30px;\n left: 0;\n right: 0;\n height: 3px;\n border: #000 solid;\n border-width: 1px 0;\n }\n }\n\n .fluidStyleguidePackageName {\n margin-bottom: 40px;\n font-size: 32px;\n font-family: $styleguide-font;\n color: $dark-grey-0;\n }\n\n .fluidStyleguideComponentName {\n font-size: 24px;\n font-family: $styleguide-font;\n color: $dark-grey-0;\n }\n\n .fluidStyleguidePackageItem {\n margin-bottom: 60px;\n padding-bottom: 60px;\n }\n\n .fluidStyleguideComponent {\n display: block;\n width: 100%;\n height: 200px;\n border: 0;\n transition: width .6s;\n }\n\n .fluidStyleguideListIframeWrapper {\n margin-bottom: 10px;\n }\n\n .breakPoint {\n background-image: repeating-linear-gradient(45deg, $white 0%, $white 2.2%, $light-grey-2 2.2%, $light-grey-3 2.1%, $white 2.5%);\n }\n\n .fluidStyleguideComponentVariants {\n &:last-child {\n .fluidStyleguideComponentExample {\n &:last-child {\n border-bottom: 0;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n }\n }\n }\n\n .fluidStyleguideComponentExample {\n margin-bottom: 60px;\n border-bottom: 1px solid $dark-grey-0;\n padding-bottom: 60px;\n }\n\n .fluidStyleguideBtn {\n background: $dark-grey-0;\n color: $white;\n padding: 16px 53px 18px 30px;\n text-align: center;\n display: inline-block;\n font-size: 14px;\n position: relative;\n font-family: $styleguide-font;\n\n &:hover {\n color: $highlight;\n }\n\n span {\n position: relative;\n\n &::after {\n position: absolute;\n font-family: $verdana-font;\n content: '›';\n top: -4px;\n width: 0;\n height: 0;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n font-size: 24px;\n right: -15px;\n color: $highlight;\n }\n }\n\n }\n}\n","@import 'Variables';\n@import 'StyleguideList';\n@import 'StyleguideShow';\n@import 'StyleguideHeader';\n// Component CSS\n\n@import '../Components/Atom/StyleguideRefreshIFrame/StyleguideRefreshIFrame';\n@import '../Components/Atom/StyleguideSelect/StyleguideSelect';\n@import '../Components/Atom/StyleguideScrollTop/StyleguideScrollTop';\n@import '../Components/Atom/ViewportNavigation/ViewportNavigation';\n@import '../Components/Atom/LanguageNavigation/LanguageNavigation';\n@import '../Components/Atom/VariantsToggleNavigation/VariantsToggleNavigation';\n@import '../Components/Molecule/EditFixtures/EditFixtures';\n@import '../Components/Organism/StyleguideToolbar/StyleguideToolbar';\n\nbody {\n margin: 0;\n}\n\n.breakPoint {\n background-color: $dark-grey-4 !important;\n}\n\n.boxMargin {\n margin-bottom: 40px;\n}\n\npre {\n margin: 0 !important;\n}\n\n.fluidStyleguideFixtureName {\n font-size: 18px;\n font-family: $styleguide-font;\n color: $dark-grey-0;\n}\n","// colors\n\n$dark-grey-0: #222425;\n$dark-grey-1: #2b2f31;\n$grey: #212121;\n$dark-grey-2: #4a4d4e;\n$dark-grey-3: #1b1919;\n$dark-grey-4: #171717;\n$light-grey: #757575;\n$light-grey-2: #e8e8e8;\n$light-grey-3: #d6d6d6;\n$light-grey-4: #fdfdfd;\n$red: #ff8080;\n$black-87: rgba(0, 0, 0, .87);\n$black-46: rgba(0, 0, 0, .46);\n$white: #FFFFFF;\n$highlight: var(--styleguide-highlight-color);\n$styleguide-font: var(--styleguide-font-family);\n$verdana-font: verdana, sans-serif;\n$issue-major: $red;\n$issue-minor: #ffb380;\n",".fluidStyleguideShow {\n position: fixed;\n top: 55px;\n left: 0;\n right: 0;\n bottom: 16px;\n\n &.showAllVariants {\n position: relative;\n inset: unset;\n\n width: 100%;\n padding-top: 55px;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n\n & ~ .showAllVariants {\n padding-top: 0;\n margin-top: 2rem;\n border-top: 2px solid;\n }\n }\n\n .fluidStyleguideComponent {\n height: 100%;\n width: 100%;\n border: 0 none;\n transition: width .6s;\n }\n}\n",".styleguideHeader {\n display: flex;\n position: fixed;\n z-index: 99999;\n top: 0;\n left: 0;\n right: 0;\n align-items: center;\n background: $dark-grey-0;\n font-family: $styleguide-font;\n\n .componentNavigation .styleguideSelectSelected {\n position: relative;\n\n &::before {\n position: absolute;\n content: '›';\n top: 15px;\n width: 0;\n height: 0;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n font-size: 24px;\n right: 24px;\n font-family: $verdana-font;\n color: $highlight;\n }\n }\n\n .examplesNavigation {\n width: 50%;\n margin-left: -7px;\n\n svg {\n width: 26px;\n height: 26px;\n margin-left: -24px;\n fill: $highlight;\n display: none;\n }\n }\n\n .backLink {\n font-size: 13px;\n color: $white;\n position: relative;\n padding-left: 50px;\n text-decoration: none;\n height: 100%;\n display: flex;\n align-items: center;\n border-left: 1px solid $highlight;\n margin-left: 13px;\n\n\n &:hover {\n color: $highlight;\n }\n\n &::before {\n font-family: $verdana-font;\n position: absolute;\n content: '‹';\n top: 16px;\n width: 0;\n height: 0;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n font-size: 24px;\n left: 23px;\n color: $highlight;\n }\n }\n\n .actions {\n margin: 0 24px 0 auto;\n display: flex;\n align-items: center;\n height: 56px;\n }\n\n}\n",".styleguideRefreshIFrame {\n\n button {\n background-color: $dark-grey-0;\n color: $white;\n cursor: pointer;\n font-size: 14px;\n padding: 5px 10px;\n border: 1px solid white;\n\n &:hover {\n background-color: $highlight;\n }\n\n &:focus {\n outline: none;\n }\n\n }\n}\n\n\n",".styleguideSelect {\n font-family: $styleguide-font;\n width: 100%;\n\n datalist {\n display: block;\n }\n\n select {\n position: absolute;\n left: -999999px;\n }\n\n &.hasIcon {\n .styleguideSelectSelected {\n &::after {\n font-family: 'fluid-styleguide';\n position: absolute;\n content: '›';\n top: 9px;\n right: 56px;\n width: 0;\n height: 0;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n font-size: 38px;\n color: $highlight;\n }\n\n &.styleguideSelectArrowActive::after {\n content: '\\e911';\n }\n }\n }\n\n &Focus {\n border-color: $white;\n color: $white;\n }\n\n &Items div, &Selected {\n display: flex;\n align-items: center;\n height: 55px;\n cursor: pointer;\n padding: 0 24px;\n font-size: 13px;\n color: $white;\n border-bottom: 1px solid $grey;\n font-family: $styleguide-font;\n\n &.styleguideSelectEqualSelected {\n background-color: $dark-grey-0;\n color: $highlight;\n border-color: $dark-grey-3;\n }\n\n &.styleguideSelectArrowActive {\n color: $white;\n }\n }\n\n\n &Selected {\n background: $dark-grey-0;\n color: $white;\n cursor: pointer;\n border-color: transparent;\n\n &:hover {\n color: $highlight;\n }\n }\n\n input[type='text'] {\n padding: 0;\n font-size: 13px;\n color: $white;\n font-family: $styleguide-font;\n outline: none;\n width: 100%;\n background-color: transparent;\n border: 0 none;\n cursor: pointer;\n\n &:hover {\n color: $highlight;\n }\n\n &:focus {\n color: $highlight;\n }\n\n &::placeholder {\n color: $light-grey;\n font-size: 13px;\n }\n }\n\n &Items {\n cursor: pointer;\n transition: transform .15s ease-out;\n transform: scaleY(0);\n height: 0;\n transform-origin: top;\n overflow: auto;\n position: absolute;\n background-color: $dark-grey-1;\n left: 0;\n right: 0;\n z-index: 9999;\n max-height: 617px !important;\n\n &.selectPositionedTop {\n border-bottom: 0;\n }\n\n &::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: $highlight;\n }\n\n &.styleguideSelectOpened {\n transition: transform .15s ease-out;\n height: auto;\n transform: scaleY(1);\n transform-origin: top;\n border-top: 1px solid $dark-grey-3;\n }\n }\n\n &Hide {\n display: none;\n }\n\n &Items div:hover,\n &Active {\n color: $highlight !important;\n transition: color .25s ease;\n }\n\n &.orientationBottom {\n .styleguideSelectItems {\n transform-origin: bottom;\n }\n }\n\n &InputLabel {\n position: absolute;\n left: -99999px;\n top: -99999px;\n padding: 0 16px;\n }\n\n}\n\n",".styleguideScrollTop {\n position: fixed;\n width: 100%;\n bottom: 0;\n\n div {\n display: none;\n }\n\n &.active {\n div {\n cursor: pointer;\n margin: auto;\n width: 50px;\n height: 50px;\n border: 2px solid $dark-grey-0;\n background: $dark-grey-0;\n display: block;\n\n &::before {\n font-family: $verdana-font;\n content: '›';\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n font-size: 34px;\n padding-left: 0;\n padding-top: 0;\n color: $highlight;\n display: block;\n transform: rotate(-90deg);\n position: relative;\n top: -7px;\n left: -2px;\n }\n }\n }\n\n\n\n\n}\n",".viewportNavigation {\n display: flex;\n color: $white;\n height: 100%;\n align-items: center;\n font-size: 13px;\n list-style: none;\n\n &:hover .dropdownContent {\n display: block;\n }\n\n .dropdownLabel {\n color: $highlight;\n padding: 16px 0;\n border: 0 none;\n cursor: pointer;\n margin: 0 16px;\n }\n\n .dropdownContent {\n position: absolute;\n background-color: $dark-grey-0;\n padding: 16px;\n min-width: 82px;\n z-index: 1;\n top: 43px;\n display: none;\n padding-top: 0;\n\n &:hover {\n display: block;\n }\n\n li {\n color: $white;\n margin-top: 16px;\n text-decoration: none;\n cursor: pointer;\n list-style: none;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &.rulerOption {\n &.activeRulerOption {\n color: $highlight;\n }\n }\n\n &:hover {\n color: $highlight;\n }\n }\n }\n\n}\n\n\n\n\n",".languageNavigation {\n display: flex;\n color: $white;\n height: 100%;\n align-items: center;\n font-size: 13px;\n list-style: none;\n\n &:hover .dropdownContent {\n display: block;\n }\n\n .dropdownLabel {\n color: $highlight;\n padding: 16px 0;\n border: 0 none;\n cursor: pointer;\n margin: 0 16px;\n }\n\n .dropdownContent {\n position: absolute;\n background-color: $dark-grey-0;\n padding: 16px;\n min-width: 82px;\n z-index: 1;\n top: 43px;\n display: none;\n padding-top: 0;\n\n &:hover {\n display: block;\n }\n\n li {\n color: $white;\n margin-top: 16px;\n text-decoration: none;\n cursor: pointer;\n list-style: none;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &.rulerOption {\n &.activeRulerOption {\n color: $highlight;\n }\n }\n\n &:hover {\n color: $highlight;\n }\n }\n }\n\n}\n\n\n\n\n",".variantsToggleNavigation {\n font-size: 13px;\n font-family: $styleguide-font;\n color: $white;\n\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: center;\n\n label {\n display: inline-block;\n white-space: nowrap;\n cursor: pointer;\n }\n\n input {\n width: 2em;\n height: 1em;\n vertical-align: top;\n margin-right: .5em;\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e\");\n background-position: left center;\n background-size: contain;\n background-color: #fff;\n background-repeat: no-repeat;\n border-radius: 2em;\n border: 1px solid rgba(0,0,0,.25);\n transition: background-position .15s ease-in-out;\n appearance: none;\n color-adjust: exact;\n\n &:checked {\n background-color: $highlight;\n border-color: $highlight;\n background-position: right center;\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\");\n }\n }\n}\n",".editFixtures {\n\n .editFixturesFixtureFormItem {\n\n margin-bottom: 24px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n .editFixturesInput {\n color: $dark-grey-0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 24px;\n border: 2px $dark-grey-0 solid;\n padding: 10px;\n background: $white;\n width: 300px;\n\n &:focus {\n color: $dark-grey-0;\n border-color: $dark-grey-0;\n outline: 0;\n }\n }\n\n .editFixturesLabelContainer {\n margin-bottom: 6px;\n\n label {\n margin-bottom: 0;\n display: block;\n }\n\n .editFixturesLabelDescription {\n font-size: 10px;\n }\n }\n\n .editFixturesCheckboxContainer {\n display: block;\n position: relative;\n padding-left: 35px;\n margin-bottom: 12px;\n cursor: pointer;\n font-size: 22px;\n user-select: none;\n height: 25px;\n width: 24px;\n }\n\n .editFixturesCheckboxContainer input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n }\n\n .editFixturesCheckboxCheckmark {\n position: absolute;\n left: 0;\n height: 24px;\n width: 24px;\n background-color: $white;\n top: 3px;\n }\n\n .editFixturesCheckboxContainer input:checked ~ .editFixturesCheckboxCheckmark {\n background-color: $white;\n }\n\n .editFixturesCheckboxCheckmark::after {\n content: '';\n position: absolute;\n display: none;\n }\n\n .editFixturesCheckboxContainer input:checked ~ .editFixturesCheckboxCheckmark::after {\n display: block;\n }\n\n .editFixturesCheckboxContainer .editFixturesCheckboxCheckmark::after {\n left: 8px;\n top: 3px;\n width: 5px;\n height: 13px;\n border: solid $highlight;\n border-width: 0 3px 3px 0;\n transform: rotate(45deg);\n }\n\n}\n",".styleguideToolbar {\n position: fixed;\n width: 100%;\n color: $white;\n font-size: 13px;\n z-index: 3;\n font-family: $styleguide-font;\n transition: bottom .25s ease 0s;\n background-color: $dark-grey-0;\n\n .toolbarTop {\n height: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .toolbarBot {\n position: relative;\n }\n\n .toolbarOpener {\n cursor: pointer;\n position: relative;\n top: 0;\n border-radius: 10%;\n width: 50px;\n height: 54px;\n z-index: -2;\n background: $dark-grey-0;\n\n &::before {\n font-family: $verdana-font;\n content: '›';\n width: 0;\n height: 0;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n font-size: 24px;\n color: $highlight;\n left: 12px;\n top: 19px;\n transform: rotate(-90deg);\n position: absolute;\n }\n\n &:hover {\n color: $highlight;\n }\n }\n\n .toolbarRuler {\n cursor: pointer;\n\n svg {\n margin-left: 15px;\n position: relative;\n top: -3px;\n }\n\n &:hover {\n color: $highlight;\n }\n }\n\n &.open {\n bottom: 0 !important;\n\n .toolbarOpener {\n &::before {\n left: 38px;\n top: 8px;\n transform: rotate(90deg);\n }\n }\n\n .toolbarTabs {\n display: block;\n }\n\n .toolbarBot {\n top: -16px;\n }\n }\n\n .toolbarTabs {\n position: relative;\n\n .tabNav {\n display: flex;\n\n .tabOpener {\n height: 54px;\n background: $dark-grey-1;\n cursor: pointer;\n width: 150px;\n display: flex;\n justify-content: center;\n align-items: center;\n color: $white;\n border-right: 2px solid $dark-grey-0;\n transition: background-color .25s ease;\n position: relative;\n overflow: hidden;\n\n svg {\n width: 28px;\n height: 28px;\n fill: $white;\n }\n\n &.active {\n background: $dark-grey-0;\n color: $highlight;\n\n svg {\n fill: $highlight;\n }\n }\n\n &.betaSign {\n\n &::after {\n content: 'Beta';\n position: absolute;\n transform: rotate(42deg);\n right: -33px;\n top: -16px;\n font-size: 10px;\n background: $red;\n padding: 1px;\n color: $white;\n width: 48px;\n padding-left: 100px;\n }\n }\n\n &:hover {\n svg {\n fill: $highlight;\n }\n }\n }\n }\n\n .tabContent {\n display: none;\n padding: 32px 32px 16px;\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n font-size: 1em;\n color: $white;\n max-height: 200px;\n overflow-y: scroll;\n\n a {\n color: $highlight;\n }\n\n > :first-child {\n margin-top: 0;\n }\n\n &::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: $highlight;\n }\n\n &.active {\n display: block;\n }\n\n .downloadZip {\n color: $white;\n text-decoration: underline;\n\n &:hover {\n color: $highlight;\n }\n }\n }\n\n }\n\n .componentArguments {\n overflow: auto;\n\n table {\n border-spacing: 0;\n min-width: 100%;\n }\n\n th,\n td {\n padding: 12px 8px;\n border-bottom: 1px $white solid;\n }\n\n th {\n text-align: left;\n font-weight: bold;\n }\n\n .componentArgumentsName {\n font-weight: bold;\n white-space: nowrap;\n }\n\n .componentArgumentsType {\n white-space: nowrap;\n }\n\n .componentArgumentsRequired {\n padding-left: 0;\n padding-right: 0;\n text-align: center;\n }\n\n .componentArgumentsDefault,\n .componentArgumentsDescription {\n font-size: 0.85em;\n word-wrap: break-word;\n }\n }\n\n .componentDocumentation {\n line-height: 1.8;\n max-width: 70em;\n\n pre, code {\n background: $dark-grey-1;\n }\n\n pre {\n padding: 16px;\n }\n\n code {\n padding: 0.3em 0.5em;\n border-radius: 3px;\n }\n\n pre > code {\n padding: 0;\n border-radius: 0;\n }\n }\n\n .qualityIssues {\n list-style: none;\n padding: 0;\n border-bottom: $white solid;\n border-width: 1px 1px 0;\n border-spacing: 0;\n min-width: 100%;\n\n th, td {\n padding: 12px 8px;\n border-bottom: 1px $white solid;\n }\n\n th {\n text-align: left;\n font-weight: bold;\n }\n\n .qualityIssueSeverity {\n text-align: center;\n padding: 12px 4px;\n\n span {\n padding: .4em .8em;\n }\n }\n\n .qualityIssueMessage {\n width: 100%;\n }\n\n .qualityIssue {\n &--major,\n &--critical,\n &--blocker {\n .qualityIssueSeverity span {\n background: $issue-major;\n font-weight: bold;\n }\n }\n\n &--minor .qualityIssueSeverity span {\n background: $issue-minor;\n font-weight: bold;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/Resources/Public/Javascript/Styleguide.min.js b/Resources/Public/Javascript/Styleguide.min.js index a3947e7..9684f26 100644 --- a/Resources/Public/Javascript/Styleguide.min.js +++ b/Resources/Public/Javascript/Styleguide.min.js @@ -1,2 +1,2 @@ -!function(){var e={"./Resources/Private/Components/Atom/LanguageNavigation/LanguageNavigation.js":function(e,n,o){"use strict";o.r(n);o("./node_modules/core-js/modules/es.object.to-string.js"),o("./node_modules/core-js/modules/web.dom-collections.for-each.js"),o("./node_modules/core-js/modules/es.array.iterator.js"),o("./node_modules/core-js/modules/es.string.iterator.js"),o("./node_modules/core-js/modules/web.dom-collections.iterator.js"),o("./node_modules/core-js/modules/web.url.js"),o("./node_modules/core-js/modules/web.url-search-params.js"),o("./node_modules/core-js/modules/es.regexp.to-string.js");var t=o("./Resources/Private/Javascript/Utils.js");(0,t.register)("LanguageNavigation",(function(e){var n=(0,t.findAll)(".fluidStyleguideComponent"),o=(0,t.findAll)(".languageItem",e),r=(0,t.find)(".dropdownLabel",e);o.forEach((function(s){var i=s.dataset.language;s.addEventListener("click",(function(){(0,t.find)(".active",e).classList.remove("active"),s.classList.add("active"),n.forEach((function(e){var n=new URL(e.src);n.searchParams.set("language",i),e.src=n.toString()})),r.textContent=s.textContent,o.forEach((function(e){e.style.display="block"})),s.style.display="none",document.body.classList.remove("breakPoint")}))}))}))},"./Resources/Private/Components/Atom/StyleguideRefreshIFrame/StyleguideRefreshIFrame.js":function(){var e=document.getElementById("styleguideRefreshIframe_button"),n=document.getElementById("componentIframe");null!=e&&e.addEventListener("click",(function(){n.contentWindow.location.reload(!0)}))},"./Resources/Private/Components/Atom/StyleguideScrollTop/StyleguideScrollTop.js":function(e,n,o){"use strict";o.r(n);var t=o("./Resources/Private/Javascript/Utils.js");(0,t.register)("StyleguideScrollTop",(function(e){window.addEventListener("scroll",(function(){window.scrollY>200?e.classList.add("active"):e.classList.remove("active")})),(0,t.find)("div",e).addEventListener("click",(function(){window.scrollTo({top:0,behavior:"smooth"})}))}))},"./Resources/Private/Components/Atom/StyleguideSelect/StyleguideSelect.js":function(e,n,o){"use strict";o.r(n);o("./node_modules/core-js/modules/es.array.find.js"),o("./node_modules/core-js/modules/es.object.to-string.js"),o("./node_modules/core-js/modules/es.string.trim.js");var t=o("./Resources/Private/Javascript/Utils.js"),r=o("./Resources/Private/Components/Atom/StyleguideSelect/StyleguideSelectHelper.js");(0,t.register)("StyleguideSelect",(function(e){if(e){var n,o=!!e.dataset.autosuggest&&e.dataset.autosuggest,s=!!e.dataset.submitformonselect&&e.dataset.submitformonselect,i=e.getElementsByTagName("select")[0],a=r.StyleguideSelectHelper.buildFormCustomSelectLabel(i,o),l=r.StyleguideSelectHelper.buildFormCustomSelect(i,s),c=(0,t.findAll)("div",l),u=(0,t.find)("input",a);e.appendChild(a),e.appendChild(l),o&&u?(u.addEventListener("input",(function(e){r.StyleguideSelectHelper.handleAutoSuggestInput(c,l,e.currentTarget)})),u.addEventListener("focus",(function(e){e.currentTarget.value=""})),u.addEventListener("blur",(function(e){r.StyleguideSelectHelper.handleAutoSuggestBlur(c,l,e.currentTarget)})),n=(0,t.findAll)("div",l).find((function(e){return e.innerHTML===(0,t.find)("input",a).value.trim()}))):n=(0,t.findAll)("div",l).find((function(e){return e.innerHTML===a.textContent})),void 0!==n&&n.classList.add("".concat("styleguideSelect","EqualSelected")),a.addEventListener("click",(function(e){e.stopPropagation(),e.preventDefault(),o&&u&&u.focus(),r.StyleguideSelectHelper.toggleSelect(l)})),document.addEventListener("keydown",(function(e){r.StyleguideSelectHelper.handleSelectNavigationKeypressDown(l,e),r.StyleguideSelectHelper.handleSelectNavigationKeypressUp(l,e),r.StyleguideSelectHelper.handleSelectNavigationKeypressEnter(l,e),r.StyleguideSelectHelper.handleSelectNavigationKeypressEscape(l,e)})),i.addEventListener("focus",(function(e){r.StyleguideSelectHelper.simulateSelectFocus(l,e)})),i.addEventListener("blur",(function(e){r.StyleguideSelectHelper.simulateSelectBlur(l,e)}))}}))},"./Resources/Private/Components/Atom/StyleguideSelect/StyleguideSelectHelper.js":function(e,n,o){"use strict";o.r(n),o.d(n,{StyleguideSelectHelper:function(){return l}});o("./node_modules/core-js/modules/es.string.trim.js"),o("./node_modules/core-js/modules/es.object.to-string.js"),o("./node_modules/core-js/modules/web.dom-collections.for-each.js"),o("./node_modules/core-js/modules/es.regexp.exec.js"),o("./node_modules/core-js/modules/es.string.split.js"),o("./node_modules/core-js/modules/es.array.filter.js"),o("./node_modules/core-js/modules/es.array.includes.js"),o("./node_modules/core-js/modules/es.string.includes.js"),o("./node_modules/core-js/modules/es.array.concat.js");var t=o("./Resources/Private/Javascript/Utils.js");o("./Resources/Private/Javascript/Polyfills.js");function r(e,n){for(var o=0;o1&&void 0!==arguments[1]&&arguments[1],r=(0,t.findAll)("option",n);if(r){var s=!!o&&n.closest("form"),i=document.createElement("DIV");i.setAttribute("class","".concat(e.classPrefix,"Items"));for(var a=function(t){var a=document.createElement("DIV");a.innerHTML=n.options[t].innerHTML.trim(),r[t].dataset.url&&a.setAttribute("data-url",r[t].dataset.url),a.addEventListener("mousedown",(function(e){e.preventDefault()})),a.addEventListener("click",(function(r){if(r.preventDefault(),r.stopPropagation(),r.currentTarget.dataset.url)return location.href=r.currentTarget.dataset.url,!1;var a=r.currentTarget.parentNode.previousSibling,l=r.currentTarget.parentNode.getElementsByClassName("".concat(e.classPrefix,"EqualSelected"));if(n.options[t].dataset.reset){a.innerHTML=n.options[t].innerHTML,n.selectedIndex=0;for(var c=0;cr,a="height:".concat(s+2,"px;max-height:").concat(i+2,"px;");n.setAttribute("style",a)}}],(o=null)&&r(n.prototype,o),s&&r(n,s),Object.defineProperty(n,"prototype",{writable:!1}),e}();a="styleguideSelect",(i="classPrefix")in(s=l)?Object.defineProperty(s,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):s[i]=a},"./Resources/Private/Components/Atom/ViewportNavigation/ViewportNavigation.js":function(e,n,o){"use strict";o.r(n);o("./node_modules/core-js/modules/es.object.to-string.js"),o("./node_modules/core-js/modules/web.dom-collections.for-each.js");var t=o("./Resources/Private/Javascript/Utils.js");(0,t.register)("ViewportNavigation",(function(e){var n=(0,t.findAll)(".fluidStyleguideComponent"),o=(0,t.findAll)(".viewportItem",e),r=((0,t.find)(".rulerOption",e),(0,t.find)(".dropdownLabel",e)),s=e.dataset.listview;o.forEach((function(i){var a=i.dataset.viewport;i.addEventListener("click",(function(){(0,t.find)(".active",e).classList.remove("active"),i.classList.add("active"),n.forEach((function(e){e.style.width=a,"100%"!==a&&s&&e.parentElement.classList.add("breakPoint")})),r.textContent=i.textContent,o.forEach((function(e){e.style.display="block"})),i.style.display="none",document.body.classList.remove("breakPoint"),"100%"===a||s||document.body.classList.add("breakPoint")}))}))}))},"./Resources/Private/Components/Molecule/EditFixtures/EditFixtures.js":function(e,n,o){"use strict";o.r(n);o("./node_modules/core-js/modules/es.object.to-string.js"),o("./node_modules/core-js/modules/web.dom-collections.for-each.js");var t=o("./Resources/Private/Javascript/Utils.js");(0,t.register)("EditFixtures",(function(e){var n=(0,t.find)("form",e),o=(0,t.findAll)(".editFixturesInput",e),r=(0,t.findAll)(".editFixturesCheckbox",e);o.forEach((function(e){e.addEventListener("input",(function(){n.submit()}))})),r.forEach((function(e){e.addEventListener("change",(function(){n.submit()}))}))}))},"./Resources/Private/Components/Organism/StyleguideToolbar/StyleguideToolbar.js":function(e,n,o){"use strict";o.r(n);o("./node_modules/core-js/modules/es.object.to-string.js"),o("./node_modules/core-js/modules/web.dom-collections.for-each.js");var t=o("./Resources/Private/Javascript/Utils.js");(0,t.register)("StyleguideToolbar",(function(e){var n=(0,t.find)(".toolbarOpener",e),o=(0,t.findAll)(".tabOpener",e),r=(0,t.findAll)(".tabContent",e);e.style.bottom="-".concat(e.clientHeight-16,"px"),n.addEventListener("click",(function(){e.classList.toggle("open")||(r.forEach((function(e,n){n?e.classList.remove("active"):e.classList.add("active")})),o.forEach((function(e,n){n?e.classList.remove("active"):e.classList.add("active")})))})),o.forEach((function(e,n){e.addEventListener("click",(function(){(0,t.find)(".tabOpener.active").classList.remove("active"),(0,t.find)(".tabContent.active").classList.remove("active"),r.forEach((function(o,t){n===t&&(e.classList.add("active"),o.classList.add("active"))}))}))}))}))},"./Resources/Private/Javascript/Polyfills.js":function(){window.Element&&!Element.prototype.closest&&(Element.prototype.closest=function(e){var n,o=(this.document||this.ownerDocument).querySelectorAll(e),t=this;do{for(n=o.length;--n>=0&&o.item(n)!==t;);}while(n<0&&(t=t.parentElement));return t})},"./Resources/Private/Javascript/Utils.js":function(e,n,o){"use strict";o.r(n),o.d(n,{find:function(){return t},findAll:function(){return r},register:function(){return s}});o("./node_modules/core-js/modules/es.array.slice.js"),o("./node_modules/core-js/modules/es.object.to-string.js"),o("./node_modules/core-js/modules/web.dom-collections.for-each.js");var t=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return n.querySelector(e)},r=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return[].slice.call(n.querySelectorAll(e))},s=function(e,n){document.addEventListener("DOMContentLoaded",(function(){r("[data-component=".concat(e,"]")).forEach((function(e){return n(e)}))}))}},"./node_modules/core-js/internals/a-callable.js":function(e,n,o){var t=o("./node_modules/core-js/internals/global.js"),r=o("./node_modules/core-js/internals/is-callable.js"),s=o("./node_modules/core-js/internals/try-to-string.js"),i=t.TypeError;e.exports=function(e){if(r(e))return e;throw i(s(e)+" is not a function")}},"./node_modules/core-js/internals/a-constructor.js":function(e,n,o){var t=o("./node_modules/core-js/internals/global.js"),r=o("./node_modules/core-js/internals/is-constructor.js"),s=o("./node_modules/core-js/internals/try-to-string.js"),i=t.TypeError;e.exports=function(e){if(r(e))return e;throw i(s(e)+" is not a constructor")}},"./node_modules/core-js/internals/a-possible-prototype.js":function(e,n,o){var t=o("./node_modules/core-js/internals/global.js"),r=o("./node_modules/core-js/internals/is-callable.js"),s=t.String,i=t.TypeError;e.exports=function(e){if("object"==typeof e||r(e))return e;throw i("Can't set "+s(e)+" as a prototype")}},"./node_modules/core-js/internals/add-to-unscopables.js":function(e,n,o){var t=o("./node_modules/core-js/internals/well-known-symbol.js"),r=o("./node_modules/core-js/internals/object-create.js"),s=o("./node_modules/core-js/internals/object-define-property.js"),i=t("unscopables"),a=Array.prototype;null==a[i]&&s.f(a,i,{configurable:!0,value:r(null)}),e.exports=function(e){a[i][e]=!0}},"./node_modules/core-js/internals/advance-string-index.js":function(e,n,o){"use strict";var t=o("./node_modules/core-js/internals/string-multibyte.js").charAt;e.exports=function(e,n,o){return n+(o?t(e,n).length:1)}},"./node_modules/core-js/internals/an-instance.js":function(e,n,o){var t=o("./node_modules/core-js/internals/global.js"),r=o("./node_modules/core-js/internals/object-is-prototype-of.js"),s=t.TypeError;e.exports=function(e,n){if(r(n,e))return e;throw s("Incorrect invocation")}},"./node_modules/core-js/internals/an-object.js":function(e,n,o){var t=o("./node_modules/core-js/internals/global.js"),r=o("./node_modules/core-js/internals/is-object.js"),s=t.String,i=t.TypeError;e.exports=function(e){if(r(e))return e;throw i(s(e)+" is not an object")}},"./node_modules/core-js/internals/array-for-each.js":function(e,n,o){"use strict";var t=o("./node_modules/core-js/internals/array-iteration.js").forEach,r=o("./node_modules/core-js/internals/array-method-is-strict.js")("forEach");e.exports=r?[].forEach:function(e){return t(this,e,arguments.length>1?arguments[1]:void 0)}},"./node_modules/core-js/internals/array-from.js":function(e,n,o){"use strict";var t=o("./node_modules/core-js/internals/global.js"),r=o("./node_modules/core-js/internals/function-bind-context.js"),s=o("./node_modules/core-js/internals/function-call.js"),i=o("./node_modules/core-js/internals/to-object.js"),a=o("./node_modules/core-js/internals/call-with-safe-iteration-closing.js"),l=o("./node_modules/core-js/internals/is-array-iterator-method.js"),c=o("./node_modules/core-js/internals/is-constructor.js"),u=o("./node_modules/core-js/internals/length-of-array-like.js"),d=o("./node_modules/core-js/internals/create-property.js"),f=o("./node_modules/core-js/internals/get-iterator.js"),j=o("./node_modules/core-js/internals/get-iterator-method.js"),m=t.Array;e.exports=function(e){var n=i(e),o=c(this),t=arguments.length,p=t>1?arguments[1]:void 0,g=void 0!==p;g&&(p=r(p,t>2?arguments[2]:void 0));var h,v,y,_,b,w,x=j(n),S=0;if(!x||this==m&&l(x))for(h=u(n),v=o?new this(h):m(h);h>S;S++)w=g?p(n[S],S):n[S],d(v,S,w);else for(b=(_=f(n,x)).next,v=o?new this:[];!(y=s(b,_)).done;S++)w=g?a(_,p,[y.value,S],!0):y.value,d(v,S,w);return v.length=S,v}},"./node_modules/core-js/internals/array-includes.js":function(e,n,o){var t=o("./node_modules/core-js/internals/to-indexed-object.js"),r=o("./node_modules/core-js/internals/to-absolute-index.js"),s=o("./node_modules/core-js/internals/length-of-array-like.js"),i=function(e){return function(n,o,i){var a,l=t(n),c=s(l),u=r(i,c);if(e&&o!=o){for(;c>u;)if((a=l[u++])!=a)return!0}else for(;c>u;u++)if((e||u in l)&&l[u]===o)return e||u||0;return!e&&-1}};e.exports={includes:i(!0),indexOf:i(!1)}},"./node_modules/core-js/internals/array-iteration.js":function(e,n,o){var t=o("./node_modules/core-js/internals/function-bind-context.js"),r=o("./node_modules/core-js/internals/function-uncurry-this.js"),s=o("./node_modules/core-js/internals/indexed-object.js"),i=o("./node_modules/core-js/internals/to-object.js"),a=o("./node_modules/core-js/internals/length-of-array-like.js"),l=o("./node_modules/core-js/internals/array-species-create.js"),c=r([].push),u=function(e){var n=1==e,o=2==e,r=3==e,u=4==e,d=6==e,f=7==e,j=5==e||d;return function(m,p,g,h){for(var v,y,_=i(m),b=s(_),w=t(p,g),x=a(b),S=0,k=h||l,P=n?k(m,x):o||f?k(m,0):void 0;x>S;S++)if((j||S in b)&&(y=w(v=b[S],S,_),e))if(n)P[S]=y;else if(y)switch(e){case 3:return!0;case 5:return v;case 6:return S;case 2:c(P,v)}else switch(e){case 4:return!1;case 7:c(P,v)}return d?-1:r||u?u:P}};e.exports={forEach:u(0),map:u(1),filter:u(2),some:u(3),every:u(4),find:u(5),findIndex:u(6),filterReject:u(7)}},"./node_modules/core-js/internals/array-method-has-species-support.js":function(e,n,o){var t=o("./node_modules/core-js/internals/fails.js"),r=o("./node_modules/core-js/internals/well-known-symbol.js"),s=o("./node_modules/core-js/internals/engine-v8-version.js"),i=r("species");e.exports=function(e){return s>=51||!t((function(){var n=[];return(n.constructor={})[i]=function(){return{foo:1}},1!==n[e](Boolean).foo}))}},"./node_modules/core-js/internals/array-method-is-strict.js":function(e,n,o){"use strict";var t=o("./node_modules/core-js/internals/fails.js");e.exports=function(e,n){var o=[][e];return!!o&&t((function(){o.call(null,n||function(){return 1},1)}))}},"./node_modules/core-js/internals/array-slice-simple.js":function(e,n,o){var t=o("./node_modules/core-js/internals/global.js"),r=o("./node_modules/core-js/internals/to-absolute-index.js"),s=o("./node_modules/core-js/internals/length-of-array-like.js"),i=o("./node_modules/core-js/internals/create-property.js"),a=t.Array,l=Math.max;e.exports=function(e,n,o){for(var t=s(e),c=r(n,t),u=r(void 0===o?t:o,t),d=a(l(u-c,0)),f=0;c0;)e[t]=e[--t];t!==s++&&(e[t]=o)}return e},a=function(e,n,o,t){for(var r=n.length,s=o.length,i=0,a=0;i0&&t[0]<4?1:+(t[0]+t[1])),!r&&i&&(!(t=i.match(/Edge\/(\d+)/))||t[1]>=74)&&(t=i.match(/Chrome\/(\d+)/))&&(r=+t[1]),e.exports=r},"./node_modules/core-js/internals/enum-bug-keys.js":function(e){e.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},"./node_modules/core-js/internals/export.js":function(e,n,o){var t=o("./node_modules/core-js/internals/global.js"),r=o("./node_modules/core-js/internals/object-get-own-property-descriptor.js").f,s=o("./node_modules/core-js/internals/create-non-enumerable-property.js"),i=o("./node_modules/core-js/internals/redefine.js"),a=o("./node_modules/core-js/internals/set-global.js"),l=o("./node_modules/core-js/internals/copy-constructor-properties.js"),c=o("./node_modules/core-js/internals/is-forced.js");e.exports=function(e,n){var o,u,d,f,j,m=e.target,p=e.global,g=e.stat;if(o=p?t:g?t[m]||a(m,{}):(t[m]||{}).prototype)for(u in n){if(f=n[u],d=e.noTargetGet?(j=r(o,u))&&j.value:o[u],!c(p?u:m+(g?".":"#")+u,e.forced)&&void 0!==d){if(typeof f==typeof d)continue;l(f,d)}(e.sham||d&&d.sham)&&s(f,"sham",!0),i(o,u,f,e)}}},"./node_modules/core-js/internals/fails.js":function(e){e.exports=function(e){try{return!!e()}catch(e){return!0}}},"./node_modules/core-js/internals/fix-regexp-well-known-symbol-logic.js":function(e,n,o){"use strict";o("./node_modules/core-js/modules/es.regexp.exec.js");var t=o("./node_modules/core-js/internals/function-uncurry-this.js"),r=o("./node_modules/core-js/internals/redefine.js"),s=o("./node_modules/core-js/internals/regexp-exec.js"),i=o("./node_modules/core-js/internals/fails.js"),a=o("./node_modules/core-js/internals/well-known-symbol.js"),l=o("./node_modules/core-js/internals/create-non-enumerable-property.js"),c=a("species"),u=RegExp.prototype;e.exports=function(e,n,o,d){var f=a(e),j=!i((function(){var n={};return n[f]=function(){return 7},7!=""[e](n)})),m=j&&!i((function(){var n=!1,o=/a/;return"split"===e&&((o={}).constructor={},o.constructor[c]=function(){return o},o.flags="",o[f]=/./[f]),o.exec=function(){return n=!0,null},o[f](""),!n}));if(!j||!m||o){var p=t(/./[f]),g=n(f,""[e],(function(e,n,o,r,i){var a=t(e),l=n.exec;return l===s||l===u.exec?j&&!i?{done:!0,value:p(n,o,r)}:{done:!0,value:a(o,n,r)}:{done:!1}}));r(String.prototype,e,g[0]),r(u,f,g[1])}d&&l(u[f],"sham",!0)}},"./node_modules/core-js/internals/function-apply.js":function(e,n,o){var t=o("./node_modules/core-js/internals/function-bind-native.js"),r=Function.prototype,s=r.apply,i=r.call;e.exports="object"==typeof Reflect&&Reflect.apply||(t?i.bind(s):function(){return i.apply(s,arguments)})},"./node_modules/core-js/internals/function-bind-context.js":function(e,n,o){var t=o("./node_modules/core-js/internals/function-uncurry-this.js"),r=o("./node_modules/core-js/internals/a-callable.js"),s=o("./node_modules/core-js/internals/function-bind-native.js"),i=t(t.bind);e.exports=function(e,n){return r(e),void 0===n?e:s?i(e,n):function(){return e.apply(n,arguments)}}},"./node_modules/core-js/internals/function-bind-native.js":function(e,n,o){var t=o("./node_modules/core-js/internals/fails.js");e.exports=!t((function(){var e=function(){}.bind();return"function"!=typeof e||e.hasOwnProperty("prototype")}))},"./node_modules/core-js/internals/function-call.js":function(e,n,o){var t=o("./node_modules/core-js/internals/function-bind-native.js"),r=Function.prototype.call;e.exports=t?r.bind(r):function(){return r.apply(r,arguments)}},"./node_modules/core-js/internals/function-name.js":function(e,n,o){var t=o("./node_modules/core-js/internals/descriptors.js"),r=o("./node_modules/core-js/internals/has-own-property.js"),s=Function.prototype,i=t&&Object.getOwnPropertyDescriptor,a=r(s,"name"),l=a&&"something"===function(){}.name,c=a&&(!t||t&&i(s,"name").configurable);e.exports={EXISTS:a,PROPER:l,CONFIGURABLE:c}},"./node_modules/core-js/internals/function-uncurry-this.js":function(e,n,o){var t=o("./node_modules/core-js/internals/function-bind-native.js"),r=Function.prototype,s=r.bind,i=r.call,a=t&&s.bind(i,i);e.exports=t?function(e){return e&&a(e)}:function(e){return e&&function(){return i.apply(e,arguments)}}},"./node_modules/core-js/internals/get-built-in.js":function(e,n,o){var t=o("./node_modules/core-js/internals/global.js"),r=o("./node_modules/core-js/internals/is-callable.js"),s=function(e){return r(e)?e:void 0};e.exports=function(e,n){return arguments.length<2?s(t[e]):t[e]&&t[e][n]}},"./node_modules/core-js/internals/get-iterator-method.js":function(e,n,o){var t=o("./node_modules/core-js/internals/classof.js"),r=o("./node_modules/core-js/internals/get-method.js"),s=o("./node_modules/core-js/internals/iterators.js"),i=o("./node_modules/core-js/internals/well-known-symbol.js")("iterator");e.exports=function(e){if(null!=e)return r(e,i)||r(e,"@@iterator")||s[t(e)]}},"./node_modules/core-js/internals/get-iterator.js":function(e,n,o){var t=o("./node_modules/core-js/internals/global.js"),r=o("./node_modules/core-js/internals/function-call.js"),s=o("./node_modules/core-js/internals/a-callable.js"),i=o("./node_modules/core-js/internals/an-object.js"),a=o("./node_modules/core-js/internals/try-to-string.js"),l=o("./node_modules/core-js/internals/get-iterator-method.js"),c=t.TypeError;e.exports=function(e,n){var o=arguments.length<2?l(e):n;if(s(o))return i(r(o,e));throw c(a(e)+" is not iterable")}},"./node_modules/core-js/internals/get-method.js":function(e,n,o){var t=o("./node_modules/core-js/internals/a-callable.js");e.exports=function(e,n){var o=e[n];return null==o?void 0:t(o)}},"./node_modules/core-js/internals/global.js":function(e,n,o){var t=function(e){return e&&e.Math==Math&&e};e.exports=t("object"==typeof globalThis&&globalThis)||t("object"==typeof window&&window)||t("object"==typeof self&&self)||t("object"==typeof o.g&&o.g)||function(){return this}()||Function("return this")()},"./node_modules/core-js/internals/has-own-property.js":function(e,n,o){var t=o("./node_modules/core-js/internals/function-uncurry-this.js"),r=o("./node_modules/core-js/internals/to-object.js"),s=t({}.hasOwnProperty);e.exports=Object.hasOwn||function(e,n){return s(r(e),n)}},"./node_modules/core-js/internals/hidden-keys.js":function(e){e.exports={}},"./node_modules/core-js/internals/html.js":function(e,n,o){var t=o("./node_modules/core-js/internals/get-built-in.js");e.exports=t("document","documentElement")},"./node_modules/core-js/internals/ie8-dom-define.js":function(e,n,o){var t=o("./node_modules/core-js/internals/descriptors.js"),r=o("./node_modules/core-js/internals/fails.js"),s=o("./node_modules/core-js/internals/document-create-element.js");e.exports=!t&&!r((function(){return 7!=Object.defineProperty(s("div"),"a",{get:function(){return 7}}).a}))},"./node_modules/core-js/internals/indexed-object.js":function(e,n,o){var t=o("./node_modules/core-js/internals/global.js"),r=o("./node_modules/core-js/internals/function-uncurry-this.js"),s=o("./node_modules/core-js/internals/fails.js"),i=o("./node_modules/core-js/internals/classof-raw.js"),a=t.Object,l=r("".split);e.exports=s((function(){return!a("z").propertyIsEnumerable(0)}))?function(e){return"String"==i(e)?l(e,""):a(e)}:a},"./node_modules/core-js/internals/inspect-source.js":function(e,n,o){var t=o("./node_modules/core-js/internals/function-uncurry-this.js"),r=o("./node_modules/core-js/internals/is-callable.js"),s=o("./node_modules/core-js/internals/shared-store.js"),i=t(Function.toString);r(s.inspectSource)||(s.inspectSource=function(e){return i(e)}),e.exports=s.inspectSource},"./node_modules/core-js/internals/internal-state.js":function(e,n,o){var t,r,s,i=o("./node_modules/core-js/internals/native-weak-map.js"),a=o("./node_modules/core-js/internals/global.js"),l=o("./node_modules/core-js/internals/function-uncurry-this.js"),c=o("./node_modules/core-js/internals/is-object.js"),u=o("./node_modules/core-js/internals/create-non-enumerable-property.js"),d=o("./node_modules/core-js/internals/has-own-property.js"),f=o("./node_modules/core-js/internals/shared-store.js"),j=o("./node_modules/core-js/internals/shared-key.js"),m=o("./node_modules/core-js/internals/hidden-keys.js"),p="Object already initialized",g=a.TypeError,h=a.WeakMap;if(i||f.state){var v=f.state||(f.state=new h),y=l(v.get),_=l(v.has),b=l(v.set);t=function(e,n){if(_(v,e))throw new g(p);return n.facade=e,b(v,e,n),n},r=function(e){return y(v,e)||{}},s=function(e){return _(v,e)}}else{var w=j("state");m[w]=!0,t=function(e,n){if(d(e,w))throw new g(p);return n.facade=e,u(e,w,n),n},r=function(e){return d(e,w)?e[w]:{}},s=function(e){return d(e,w)}}e.exports={set:t,get:r,has:s,enforce:function(e){return s(e)?r(e):t(e,{})},getterFor:function(e){return function(n){var o;if(!c(n)||(o=r(n)).type!==e)throw g("Incompatible receiver, "+e+" required");return o}}}},"./node_modules/core-js/internals/is-array-iterator-method.js":function(e,n,o){var t=o("./node_modules/core-js/internals/well-known-symbol.js"),r=o("./node_modules/core-js/internals/iterators.js"),s=t("iterator"),i=Array.prototype;e.exports=function(e){return void 0!==e&&(r.Array===e||i[s]===e)}},"./node_modules/core-js/internals/is-array.js":function(e,n,o){var t=o("./node_modules/core-js/internals/classof-raw.js");e.exports=Array.isArray||function(e){return"Array"==t(e)}},"./node_modules/core-js/internals/is-callable.js":function(e){e.exports=function(e){return"function"==typeof e}},"./node_modules/core-js/internals/is-constructor.js":function(e,n,o){var t=o("./node_modules/core-js/internals/function-uncurry-this.js"),r=o("./node_modules/core-js/internals/fails.js"),s=o("./node_modules/core-js/internals/is-callable.js"),i=o("./node_modules/core-js/internals/classof.js"),a=o("./node_modules/core-js/internals/get-built-in.js"),l=o("./node_modules/core-js/internals/inspect-source.js"),c=function(){},u=[],d=a("Reflect","construct"),f=/^\s*(?:class|function)\b/,j=t(f.exec),m=!f.exec(c),p=function(e){if(!s(e))return!1;try{return d(c,u,e),!0}catch(e){return!1}},g=function(e){if(!s(e))return!1;switch(i(e)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return m||!!j(f,l(e))}catch(e){return!0}};g.sham=!0,e.exports=!d||r((function(){var e;return p(p.call)||!p(Object)||!p((function(){e=!0}))||e}))?g:p},"./node_modules/core-js/internals/is-forced.js":function(e,n,o){var t=o("./node_modules/core-js/internals/fails.js"),r=o("./node_modules/core-js/internals/is-callable.js"),s=/#|\.prototype\./,i=function(e,n){var o=l[a(e)];return o==u||o!=c&&(r(n)?t(n):!!n)},a=i.normalize=function(e){return String(e).replace(s,".").toLowerCase()},l=i.data={},c=i.NATIVE="N",u=i.POLYFILL="P";e.exports=i},"./node_modules/core-js/internals/is-object.js":function(e,n,o){var t=o("./node_modules/core-js/internals/is-callable.js");e.exports=function(e){return"object"==typeof e?null!==e:t(e)}},"./node_modules/core-js/internals/is-pure.js":function(e){e.exports=!1},"./node_modules/core-js/internals/is-regexp.js":function(e,n,o){var t=o("./node_modules/core-js/internals/is-object.js"),r=o("./node_modules/core-js/internals/classof-raw.js"),s=o("./node_modules/core-js/internals/well-known-symbol.js")("match");e.exports=function(e){var n;return t(e)&&(void 0!==(n=e[s])?!!n:"RegExp"==r(e))}},"./node_modules/core-js/internals/is-symbol.js":function(e,n,o){var t=o("./node_modules/core-js/internals/global.js"),r=o("./node_modules/core-js/internals/get-built-in.js"),s=o("./node_modules/core-js/internals/is-callable.js"),i=o("./node_modules/core-js/internals/object-is-prototype-of.js"),a=o("./node_modules/core-js/internals/use-symbol-as-uid.js"),l=t.Object;e.exports=a?function(e){return"symbol"==typeof e}:function(e){var n=r("Symbol");return s(n)&&i(n.prototype,l(e))}},"./node_modules/core-js/internals/iterator-close.js":function(e,n,o){var t=o("./node_modules/core-js/internals/function-call.js"),r=o("./node_modules/core-js/internals/an-object.js"),s=o("./node_modules/core-js/internals/get-method.js");e.exports=function(e,n,o){var i,a;r(e);try{if(!(i=s(e,"return"))){if("throw"===n)throw o;return o}i=t(i,e)}catch(e){a=!0,i=e}if("throw"===n)throw o;if(a)throw i;return r(i),o}},"./node_modules/core-js/internals/iterators-core.js":function(e,n,o){"use strict";var t,r,s,i=o("./node_modules/core-js/internals/fails.js"),a=o("./node_modules/core-js/internals/is-callable.js"),l=o("./node_modules/core-js/internals/object-create.js"),c=o("./node_modules/core-js/internals/object-get-prototype-of.js"),u=o("./node_modules/core-js/internals/redefine.js"),d=o("./node_modules/core-js/internals/well-known-symbol.js"),f=o("./node_modules/core-js/internals/is-pure.js"),j=d("iterator"),m=!1;[].keys&&("next"in(s=[].keys())?(r=c(c(s)))!==Object.prototype&&(t=r):m=!0),null==t||i((function(){var e={};return t[j].call(e)!==e}))?t={}:f&&(t=l(t)),a(t[j])||u(t,j,(function(){return this})),e.exports={IteratorPrototype:t,BUGGY_SAFARI_ITERATORS:m}},"./node_modules/core-js/internals/iterators.js":function(e){e.exports={}},"./node_modules/core-js/internals/length-of-array-like.js":function(e,n,o){var t=o("./node_modules/core-js/internals/to-length.js");e.exports=function(e){return t(e.length)}},"./node_modules/core-js/internals/native-symbol.js":function(e,n,o){var t=o("./node_modules/core-js/internals/engine-v8-version.js"),r=o("./node_modules/core-js/internals/fails.js");e.exports=!!Object.getOwnPropertySymbols&&!r((function(){var e=Symbol();return!String(e)||!(Object(e)instanceof Symbol)||!Symbol.sham&&t&&t<41}))},"./node_modules/core-js/internals/native-url.js":function(e,n,o){var t=o("./node_modules/core-js/internals/fails.js"),r=o("./node_modules/core-js/internals/well-known-symbol.js"),s=o("./node_modules/core-js/internals/is-pure.js"),i=r("iterator");e.exports=!t((function(){var e=new URL("b?a=1&b=2&c=3","http://a"),n=e.searchParams,o="";return e.pathname="c%20d",n.forEach((function(e,t){n.delete("b"),o+=t+e})),s&&!e.toJSON||!n.sort||"http://a/c%20d?a=1&c=3"!==e.href||"3"!==n.get("c")||"a=1"!==String(new URLSearchParams("?a=1"))||!n[i]||"a"!==new URL("https://a@b").username||"b"!==new URLSearchParams(new URLSearchParams("a=b")).get("a")||"xn--e1aybc"!==new URL("http://тест").host||"#%D0%B1"!==new URL("http://a#б").hash||"a1c3"!==o||"x"!==new URL("http://x",void 0).host}))},"./node_modules/core-js/internals/native-weak-map.js":function(e,n,o){var t=o("./node_modules/core-js/internals/global.js"),r=o("./node_modules/core-js/internals/is-callable.js"),s=o("./node_modules/core-js/internals/inspect-source.js"),i=t.WeakMap;e.exports=r(i)&&/native code/.test(s(i))},"./node_modules/core-js/internals/not-a-regexp.js":function(e,n,o){var t=o("./node_modules/core-js/internals/global.js"),r=o("./node_modules/core-js/internals/is-regexp.js"),s=t.TypeError;e.exports=function(e){if(r(e))throw s("The method doesn't accept regular expressions");return e}},"./node_modules/core-js/internals/object-assign.js":function(e,n,o){"use strict";var t=o("./node_modules/core-js/internals/descriptors.js"),r=o("./node_modules/core-js/internals/function-uncurry-this.js"),s=o("./node_modules/core-js/internals/function-call.js"),i=o("./node_modules/core-js/internals/fails.js"),a=o("./node_modules/core-js/internals/object-keys.js"),l=o("./node_modules/core-js/internals/object-get-own-property-symbols.js"),c=o("./node_modules/core-js/internals/object-property-is-enumerable.js"),u=o("./node_modules/core-js/internals/to-object.js"),d=o("./node_modules/core-js/internals/indexed-object.js"),f=Object.assign,j=Object.defineProperty,m=r([].concat);e.exports=!f||i((function(){if(t&&1!==f({b:1},f(j({},"a",{enumerable:!0,get:function(){j(this,"b",{value:3,enumerable:!1})}}),{b:2})).b)return!0;var e={},n={},o=Symbol(),r="abcdefghijklmnopqrst";return e[o]=7,r.split("").forEach((function(e){n[e]=e})),7!=f({},e)[o]||a(f({},n)).join("")!=r}))?function(e,n){for(var o=u(e),r=arguments.length,i=1,f=l.f,j=c.f;r>i;)for(var p,g=d(arguments[i++]),h=f?m(a(g),f(g)):a(g),v=h.length,y=0;v>y;)p=h[y++],t&&!s(j,g,p)||(o[p]=g[p]);return o}:f},"./node_modules/core-js/internals/object-create.js":function(e,n,o){var t,r=o("./node_modules/core-js/internals/an-object.js"),s=o("./node_modules/core-js/internals/object-define-properties.js"),i=o("./node_modules/core-js/internals/enum-bug-keys.js"),a=o("./node_modules/core-js/internals/hidden-keys.js"),l=o("./node_modules/core-js/internals/html.js"),c=o("./node_modules/core-js/internals/document-create-element.js"),u=o("./node_modules/core-js/internals/shared-key.js"),d=u("IE_PROTO"),f=function(){},j=function(e){return"