react-sm-select
Version:
React Multi/Single Select Component
251 lines (248 loc) • 21 kB
CSS
.MultiSelect {
outline: none;
position: relative; }
.MultiSelect .Header {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
background-color: #fff;
border: 1px solid #949ca6;
border-radius: 5px;
color: #143154;
overflow: hidden;
max-width: 100%;
padding: 0 15px;
top: 0;
bottom: 0;
left: 0;
right: 0;
outline: none; }
.MultiSelect .Header--selected {
box-shadow: inset 0 0 4px rgba(18, 152, 212, 0.3); }
.MultiSelect .Header--disabled {
border-color: #cfd4d9; }
.MultiSelect .Header--focusedActive {
border-color: #1298d4; }
.MultiSelect .Header--focusedDisabled {
border-color: #b3bbc2; }
.MultiSelect .Header--expanded {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-color: #cfd4d9; }
.MultiSelect .Header__value {
box-sizing: border-box;
display: flex;
flex-grow: 1;
height: 40px;
line-height: 41px;
color: #143154;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.MultiSelect .Header__value span {
position: absolute;
width: calc(100% - 45px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.MultiSelect .Header__value--resetable span {
width: calc(100% - 65px); }
.MultiSelect .Header__valuePlaceholder {
color: #949ca6; }
.MultiSelect .Header__valueCounter {
color: #1298d4;
margin-left: 5px; }
.MultiSelect .Header__controls {
box-sizing: border-box;
display: flex;
position: absolute;
height: 100%;
right: 0;
padding: 0 12px;
line-height: 40px;
cursor: pointer; }
.MultiSelect .Header__controls :not(:first-child) {
margin-left: 10px; }
.MultiSelect .Header__tags {
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
overflow-x: auto;
padding-right: 20px;
margin-right: 40px;
margin-bottom: -50px;
padding-bottom: 50px; }
.MultiSelect .Header__tags::-webkit-scrollbar {
display: none; }
.MultiSelect .Header__tag {
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
height: 29px;
line-height: 29px;
margin-right: 4px; }
.MultiSelect .Header__tag__label {
box-sizing: border-box;
color: #fff;
background-color: #1298d4;
padding: 0 11px 0 10px;
border-radius: 3px; }
.MultiSelect .Header__tag__close {
box-sizing: border-box;
color: #143154;
background-color: #cfd4d9;
padding: 0 5px;
position: relative;
left: -3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
cursor: pointer; }
.MultiSelect .Header__tag__close:hover {
color: #1298d4; }
.MultiSelect .Header__arrow {
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
border-bottom-color: #949ca6; }
.MultiSelect .Header__arrow:hover {
border-bottom-color: #1298d4; }
.MultiSelect .Header__arrow .arrow, .MultiSelect .Header__arrow .Header__arrow--up, .MultiSelect .Header__arrow .Header__arrow--down {
position: relative;
border: 5.5px solid transparent;
border-top-width: 0;
border-bottom-color: inherit;
height: 0;
width: 0;
transition: 0.4s; }
.MultiSelect .Header__arrow--up {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
top: -1px; }
.MultiSelect .Header__arrow--down {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
top: 1px; }
.MultiSelect .Header__arrow--active {
border-bottom-color: #1298d4 ; }
.MultiSelect .Header__arrow--disabled {
border-bottom-color: #949ca6 ; }
.MultiSelect .Header__loading {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%; }
.MultiSelect .Header__loading__icon {
box-sizing: border-box;
-webkit-animation: loading_spin 800ms infinite linear;
animation: loading_spin 800ms infinite linear;
width: 16px;
height: 16px;
border: 3px dotted #cfd4d9;
border-radius: 50%;
border-right-color: #143154;
display: inline-block;
position: relative;
vertical-align: middle; }
@-webkit-keyframes loading_spin {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn); } }
@keyframes loading_spin {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn); } }
.MultiSelect .Header__reset {
cursor: pointer;
color: #949ca6; }
.MultiSelect .Header__reset:hover {
color: #1298d4; }
.MultiSelect .DropDown {
box-sizing: border-box;
position: absolute;
width: 100%;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border: 1px solid #1298d4;
border-top: none;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
max-height: 300px;
z-index: 1;
overflow: hidden; }
.MultiSelect .DropDown--disabled {
border-color: #cfd4d9; }
.MultiSelect .DropDown__searchField {
box-sizing: border-box;
display: block;
border: none;
border-bottom: 1px solid #cfd4d9;
height: 40px;
width: 100%;
max-width: 100%;
line-height: 1;
padding: 10px 15px;
color: #143154;
outline: none;
font-family: inherit; }
.MultiSelect .DropDown__searchField::-webkit-input-placeholder {
color: #949ca6;
opacity: 1; }
.MultiSelect .DropDown__searchField::-moz-placeholder {
color: #949ca6;
opacity: 1; }
.MultiSelect .DropDown__searchField:-ms-input-placeholder {
color: #949ca6;
opacity: 1; }
.MultiSelect .DropDown__searchField::-ms-input-placeholder {
color: #949ca6;
opacity: 1; }
.MultiSelect .DropDown__searchField::placeholder {
color: #949ca6;
opacity: 1; }
.MultiSelect .DropDown__searchField--selected {
box-shadow: inset 0 0 3px rgba(18, 152, 212, 0.3);
color: #143154; }
.MultiSelect .DropDown__selectAll .Option__label {
color: #143154; }
.MultiSelect .OptionList {
margin: 0;
padding-left: 0;
max-height: 259px;
overflow-y: auto;
scroll-behavior: smooth; }
.MultiSelect .OptionList__item {
list-style: none; }
.MultiSelect .Option {
box-sizing: border-box;
display: block;
padding: 0 15px;
line-height: 38px;
background-color: #fff;
color: #143154;
cursor: pointer;
outline: none; }
.MultiSelect .Option--focus {
background-color: #f3f3f3;
outline: 0; }
.MultiSelect .Option--hover {
background-color: #ebf5ff;
outline: 0; }
.MultiSelect .Option__label {
display: inline-block;
vertical-align: middle;
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
cursor: default;
padding: 2px 5px; }
.MultiSelect .Option__renderer {
display: flex;
justify-content: space-between;
align-items: center; }
/*# sourceMappingURL=data:application/json;base64,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RTtJQUNmO01BQ0UseUJBQXlCO01BQ3pCLFVBQVUsRUFBRTtJQUNkO01BQ0UseUJBQXlCO01BQ3pCLFVBQVUsRUFBRTtJQUNkO01BQ0UscUJBQXFCO01BQ3JCLHNCQUFzQjtNQUN0QiwrQkFBK0I7TUFDL0IsNEJBQTRCO01BQzVCLGVBQWU7TUFDZixnQkFBZ0IsRUFBRTtJQUNwQjtNQUNFLGFBQWE7TUFDYiw4QkFBOEI7TUFDOUIsbUJBQW1CLEVBQUUiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5NdWx0aVNlbGVjdCB7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuICAuTXVsdGlTZWxlY3QgLkhlYWRlciB7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICM5NDljYTY7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGNvbG9yOiAjMTQzMTU0O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmc6IDAgMTVweDtcbiAgICB0b3A6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgb3V0bGluZTogbm9uZTsgfVxuICAgIC5NdWx0aVNlbGVjdCAuSGVhZGVyLS1zZWxlY3RlZCB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgNHB4IHJnYmEoMTgsIDE1MiwgMjEyLCAwLjMpOyB9XG4gICAgLk11bHRpU2VsZWN0IC5IZWFkZXItLWRpc2FibGVkIHtcbiAgICAgIGJvcmRlci1jb2xvcjogI2NmZDRkOTsgfVxuICAgIC5NdWx0aVNlbGVjdCAuSGVhZGVyLS1mb2N1c2VkQWN0aXZlIHtcbiAgICAgIGJvcmRlci1jb2xvcjogIzEyOThkNDsgfVxuICAgIC5NdWx0aVNlbGVjdCAuSGVhZGVyLS1mb2N1c2VkRGlzYWJsZWQge1xuICAgICAgYm9yZGVyLWNvbG9yOiAjYjNiYmMyOyB9XG4gICAgLk11bHRpU2VsZWN0IC5IZWFkZXItLWV4cGFuZGVkIHtcbiAgICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG4gICAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICNjZmQ0ZDk7IH1cbiAgICAuTXVsdGlTZWxlY3QgLkhlYWRlcl9fdmFsdWUge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICBoZWlnaHQ6IDQwcHg7XG4gICAgICBsaW5lLWhlaWdodDogNDFweDtcbiAgICAgIGNvbG9yOiAjMTQzMTU0O1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDsgfVxuICAgICAgLk11bHRpU2VsZWN0IC5IZWFkZXJfX3ZhbHVlIHNwYW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSA0NXB4KTtcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7IH1cbiAgICAuTXVsdGlTZWxlY3QgLkhlYWRlcl9fdmFsdWUtLXJlc2V0YWJsZSBzcGFuIHtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSA2NXB4KTsgfVxuICAgIC5NdWx0aVNlbGVjdCAuSGVhZGVyX192YWx1ZVBsYWNlaG9sZGVyIHtcbiAgICAgIGNvbG9yOiAjOTQ5Y2E2OyB9XG4gICAgLk11bHRpU2VsZWN0IC5IZWFkZXJfX3ZhbHVlQ291bnRlciB7XG4gICAgICBjb2xvcjogIzEyOThkNDtcbiAgICAgIG1hcmdpbi1sZWZ0OiA1cHg7IH1cbiAgICAuTXVsdGlTZWxlY3QgLkhlYWRlcl9fY29udHJvbHMge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICByaWdodDogMDtcbiAgICAgIHBhZGRpbmc6IDAgMTJweDtcbiAgICAgIGxpbmUtaGVpZ2h0OiA0MHB4O1xuICAgICAgY3Vyc29yOiBwb2ludGVyOyB9XG4gICAgICAuTXVsdGlTZWxlY3QgLkhlYWRlcl9fY29udHJvbHMgOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7IH1cbiAgICAuTXVsdGlTZWxlY3QgLkhlYWRlcl9fdGFncyB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgb3ZlcmZsb3cteDogYXV0bztcbiAgICAgIHBhZGRpbmctcmlnaHQ6IDIwcHg7XG4gICAgICBtYXJnaW4tcmlnaHQ6IDQwcHg7XG4gICAgICBtYXJnaW4tYm90dG9tOiAtNTBweDtcbiAgICAgIHBhZGRpbmctYm90dG9tOiA1MHB4OyB9XG4gICAgICAuTXVsdGlTZWxlY3QgLkhlYWRlcl9fdGFnczo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lOyB9XG4gICAgLk11bHRpU2VsZWN0IC5IZWFkZXJfX3RhZyB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICBmbGV4LXdyYXA6IG5vd3JhcDtcbiAgICAgIGhlaWdodDogMjlweDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAyOXB4O1xuICAgICAgbWFyZ2luLXJpZ2h0OiA0cHg7IH1cbiAgICAgIC5NdWx0aVNlbGVjdCAuSGVhZGVyX190YWdfX2xhYmVsIHtcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgY29sb3I6ICNmZmY7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMxMjk4ZDQ7XG4gICAgICAgIHBhZGRpbmc6IDAgMTFweCAwIDEwcHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDsgfVxuICAgICAgLk11bHRpU2VsZWN0IC5IZWFkZXJfX3RhZ19fY2xvc2Uge1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICBjb2xvcjogIzE0MzE1NDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2NmZDRkOTtcbiAgICAgICAgcGFkZGluZzogMCA1cHg7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgbGVmdDogLTNweDtcbiAgICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDNweDtcbiAgICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDNweDtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyOyB9XG4gICAgICAgIC5NdWx0aVNlbGVjdCAuSGVhZGVyX190YWdfX2Nsb3NlOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogIzEyOThkNDsgfVxuICAgIC5NdWx0aVNlbGVjdCAuSGVhZGVyX19hcnJvdyB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICM5NDljYTY7IH1cbiAgICAgIC5NdWx0aVNlbGVjdCAuSGVhZGVyX19hcnJvdzpob3ZlciB7XG4gICAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICMxMjk4ZDQ7IH1cbiAgICAgIC5NdWx0aVNlbGVjdCAuSGVhZGVyX19hcnJvdyAuYXJyb3csIC5NdWx0aVNlbGVjdCAuSGVhZGVyX19hcnJvdyAuSGVhZGVyX19hcnJvdy0tdXAsIC5NdWx0aVNlbGVjdCAuSGVhZGVyX19hcnJvdyAuSGVhZGVyX19hcnJvdy0tZG93biB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgYm9yZGVyOiA1LjVweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyLXRvcC13aWR0aDogMDtcbiAgICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogaW5oZXJpdDtcbiAgICAgICAgaGVpZ2h0OiAwO1xuICAgICAgICB3aWR0aDogMDtcbiAgICAgICAgdHJhbnNpdGlvbjogMC40czsgfVxuICAgICAgLk11bHRpU2VsZWN0IC5IZWFkZXJfX2Fycm93LS11cCB7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gICAgICAgIHRvcDogLTFweDsgfVxuICAgICAgLk11bHRpU2VsZWN0IC5IZWFkZXJfX2Fycm93LS1kb3duIHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICAgICAgdG9wOiAxcHg7IH1cbiAgICAgIC5NdWx0aVNlbGVjdCAuSGVhZGVyX19hcnJvdy0tYWN0aXZlIHtcbiAgICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogIzEyOThkNCAhaW1wb3J0YW50OyB9XG4gICAgICAuTXVsdGlTZWxlY3QgLkhlYWRlcl9fYXJyb3ctLWRpc2FibGVkIHtcbiAgICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogIzk0OWNhNiAhaW1wb3J0YW50OyB9XG4gICAgLk11bHRpU2VsZWN0IC5IZWFkZXJfX2xvYWRpbmcge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGhlaWdodDogMTAwJTsgfVxuICAgICAgLk11bHRpU2VsZWN0IC5IZWFkZXJfX2xvYWRpbmdfX2ljb24ge1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICBhbmltYXRpb246IGxvYWRpbmdfc3BpbiA4MDBtcyBpbmZpbml0ZSBsaW5lYXI7XG4gICAgICAgIHdpZHRoOiAxNnB4O1xuICAgICAgICBoZWlnaHQ6IDE2cHg7XG4gICAgICAgIGJvcmRlcjogM3B4IGRvdHRlZCAjY2ZkNGQ5O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIGJvcmRlci1yaWdodC1jb2xvcjogIzE0MzE1NDtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7IH1cblxuQGtleWZyYW1lcyBsb2FkaW5nX3NwaW4ge1xuICB0byB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMXR1cm4pOyB9IH1cbiAgICAuTXVsdGlTZWxlY3QgLkhlYWRlcl9fcmVzZXQge1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgY29sb3I6ICM5NDljYTY7IH1cbiAgICAgIC5NdWx0aVNlbGVjdCAuSGVhZGVyX19yZXNldDpob3ZlciB7XG4gICAgICAgIGNvbG9yOiAjMTI5OGQ0OyB9XG4gIC5NdWx0aVNlbGVjdCAuRHJvcERvd24ge1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDVweDtcbiAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNXB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICMxMjk4ZDQ7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgICBib3gtc2hhZG93OiAwIDFweCAwIHJnYmEoMCwgMCwgMCwgMC4wNik7XG4gICAgbWF4LWhlaWdodDogMzAwcHg7XG4gICAgei1pbmRleDogMTtcbiAgICBvdmVyZmxvdzogaGlkZGVuOyB9XG4gICAgLk11bHRpU2VsZWN0IC5Ecm9wRG93bi0tZGlzYWJsZWQge1xuICAgICAgYm9yZGVyLWNvbG9yOiAjY2ZkNGQ5OyB9XG4gICAgLk11bHRpU2VsZWN0IC5Ecm9wRG93bl9fc2VhcmNoRmllbGQge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNjZmQ0ZDk7XG4gICAgICBoZWlnaHQ6IDQwcHg7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxO1xuICAgICAgcGFkZGluZzogMTBweCAxNXB4O1xuICAgICAgY29sb3I6ICMxNDMxNTQ7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7IH1cbiAgICAgIC5NdWx0aVNlbGVjdCAuRHJvcERvd25fX3NlYXJjaEZpZWxkOjpwbGFjZWhvbGRlciB7XG4gICAgICAgIGNvbG9yOiAjOTQ5Y2E2O1xuICAgICAgICBvcGFjaXR5OiAxOyB9XG4gICAgICAuTXVsdGlTZWxlY3QgLkRyb3BEb3duX19zZWFyY2hGaWVsZC0tc2VsZWN0ZWQge1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgM3B4IHJnYmEoMTgsIDE1MiwgMjEyLCAwLjMpO1xuICAgICAgICBjb2xvcjogIzE0MzE1NDsgfVxuICAgIC5NdWx0aVNlbGVjdCAuRHJvcERvd25fX3NlbGVjdEFsbCAuT3B0aW9uX19sYWJlbCB7XG4gICAgICBjb2xvcjogIzE0MzE1NDsgfVxuICAuTXVsdGlTZWxlY3QgLk9wdGlvbkxpc3Qge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgbWF4LWhlaWdodDogMjU5cHg7XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsgfVxuICAgIC5NdWx0aVNlbGVjdCAuT3B0aW9uTGlzdF9faXRlbSB7XG4gICAgICBsaXN0LXN0eWxlOiBub25lOyB9XG4gIC5NdWx0aVNlbGVjdCAuT3B0aW9uIHtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBhZGRpbmc6IDAgMTVweDtcbiAgICBsaW5lLWhlaWdodDogMzhweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICAgIGNvbG9yOiAjMTQzMTU0O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBvdXRsaW5lOiBub25lOyB9XG4gICAgLk11bHRpU2VsZWN0IC5PcHRpb24tLWZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmM2YzZjM7XG4gICAgICBvdXRsaW5lOiAwOyB9XG4gICAgLk11bHRpU2VsZWN0IC5PcHRpb24tLWhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNlYmY1ZmY7XG4gICAgICBvdXRsaW5lOiAwOyB9XG4gICAgLk11bHRpU2VsZWN0IC5PcHRpb25fX2xhYmVsIHtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMnB4O1xuICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDJweDtcbiAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgIHBhZGRpbmc6IDJweCA1cHg7IH1cbiAgICAuTXVsdGlTZWxlY3QgLk9wdGlvbl9fcmVuZGVyZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7IH1cbiJdfQ== */