{"version":3,"sources":["..\\..\\scss\\BsMultiSelect.scss","..\\..\\node_modules\\bootstrap\\scss\\mixins\\_gradients.scss","dist\\css\\BsMultiSelect.css"],"names":[],"mappings":"AA2CI,6CACI,QAAA,KACA,UAAA,KACA,OAAA,KACA,WAAA,2BACA,cAAA,EACA,OAAA,KACA,gBAAA,KAEA,mDACI,OAAA,KACA,QAAA,EACA,OAAA,EACA,YAAA,QACA,MAAA,QACA,iBAAA,YACA,OAAA,EACA,QAAA,EACA,WAAA,KAEJ,sDACI,iBAAA,QAEJ,+DACI,MAAA,QAEA,QAAA,EAHJ,mEACI,MAAA,QAEA,QAAA,EAHJ,0DACI,MAAA,QAEA,QAAA,EAKJ,sDACI,aAAA,EACA,sBAAA,EAAA,qBAAA,EACA,oBAAA,OAAA,mBAAA,OACA,MAAA,eACA,uEACI,MAAA,KACA,UAAA,KAEJ,oEACI,QAAA,IAvEZ,mDACI,MAAA,QACA,iBAAA,KACA,aAAA,QACA,QAAA,EAII,WAAA,EAAA,EAAA,EAAA,OAAA,qBAqEJ,6DACI,WAAA,0BACA,mEACI,UAAA,QAIR,6DACI,WAAA,yBACA,mEACI,UAAA,QAtER,sDAAA,kEAEI,aAAA,QACA,4DAAA,wEACI,aAAA,QACA,WAAA,EAAA,EAAA,EAAA,OAAA,oBALR,wDAAA,oEAEI,aAAA,QACA,8DAAA,0EACI,aAAA,QACA,WAAA,EAAA,EAAA,EAAA,OAAA,oBA0ER,kDACI,gBAAA,KACA,aAAA,EACA,cAAA,EACA,cAAA,EAEA,qDAEI,QAAA,MACA,MAAA,KACA,QAAA,EAAA,MACA,MAAA,KACA,YAAA,IACA,MAAA,QACA,WAAA,QAEA,YAAA,OACA,iBAAA,YACA,OAAA,EACA,OAAA,QACA,iEACI,OAAA,QACA,gBAAA,WACA,mFAAA,mFACI,OAAA,QAGR,gFACI,QAAA,GAEJ,2DCvId,iBAAA,QD0Ic,0EACI,MAAA,kBAEJ,oEACI,MAAA,kBAKZ,iEACI,aAAA,OACA,cAAA,OACA,QAAA,EACA,UAAA,MAKJ,wEACI,WAAA,0BACA,8EACI,UAAA,QAMR,wEACI,WAAA,yBACA,8EACI,UAAA,QAQR,4DACI,WAAA,mBAEA,4EACI,YAAA,SACA,aAAA,MACA,eAAA,EAIR,kEACI,QAAA,IACA,UAAA,WAAA,mBAAA,mBAUZ,sHEhDA,4HFkDI,MAAA,QAIJ,4HEjDA,kIFmDI,MAAA,kBAIJ,oGACI,aAAA,kBACA,iBAAA,kBAEJ,0GACI,OAAA,IAAA,MAAA","sourcesContent":["@use \"sass:map\";\r\n@import \"./../node_modules/bootstrap/scss/_functions\";\r\n@import \"./../node_modules/bootstrap/scss/vendor/_rfs\";\r\n@import \"./../node_modules/bootstrap/scss/mixins/_box-shadow\";\r\n@import \"./../node_modules/bootstrap/scss/mixins/_transition\";\r\n@import \"./../node_modules/bootstrap/scss/mixins/_forms\";\r\n@import \"./../node_modules/bootstrap/scss/mixins/_gradients\";\r\n@import \"./../node_modules/bootstrap/scss/_variables\"; // update it after copy, reference your custom theme variables\r\n\r\n// NOTE: strict copy of BS4  @mixin form-control-focus()  from mixins/_forms.scss\r\n// NOTE: there are changes in form-control-focus in BS5 (depricated?)\r\n// NOTE: ask Bootstrap team to add .focus class to the framework\r\n@mixin form-control-focus-bsmultiselect() {\r\n    &.focus { // .focus instead of :focus\r\n        color: $input-focus-color;\r\n        background-color: $input-focus-bg;\r\n        border-color: $input-focus-border-color;\r\n        outline: 0;\r\n        @if $enable-shadows {\r\n            box-shadow: $input-box-shadow, $input-focus-box-shadow;\r\n        } @else {\r\n            box-shadow: $input-focus-box-shadow;\r\n        }\r\n    }\r\n}\r\n\r\n// NOTE: .was-validated support for ul.form-control, done by analogy to @form-validation-state\r\n//       that call  @include form-validation-state-selector($state) mixins/_forms.scss\r\n@mixin form-validation-state-bsmultiselect($state, $color) {\r\n    ul.form-control{\r\n        .was-validated &:#{$state},\r\n        &.is-#{$state} {\r\n            border-color: $color;\r\n            &.focus { // .focus instead of :focus\r\n                border-color: $color;\r\n                box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.dashboardcode-bsmultiselect {\r\n    // JS css/cssPatch: picks\r\n    ul.form-control {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        height: auto;\r\n        min-height: #{$input-height};\r\n        margin-bottom: 0;\r\n        cursor: text;\r\n        list-style-type: none;\r\n        \r\n        input {\r\n            height: auto;\r\n            padding: 0;\r\n            margin: 0;\r\n            font-weight: inherit;\r\n            color: inherit;\r\n            background-color: transparent;\r\n            border: 0;\r\n            outline: none;\r\n            box-shadow: none;\r\n        }\r\n        &.disabled{\r\n            background-color: $input-disabled-bg;\r\n        }\r\n        &::placeholder {\r\n            color: $input-placeholder-color;\r\n            // NOTE: CopyPaste from BS - override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\r\n            opacity: 1;\r\n        }\r\n        // pickButton: {fontSize:'0.8em',  float : \"none\", verticalAlign: \"text-top\"},\r\n\r\n        // JS css/cssPatch: pick\r\n        > li.badge {\r\n            padding-left: 0;\r\n            padding-inline-start: 0;\r\n            padding-inline-end: .5rem;\r\n            color: var(--bs-dark);\r\n            button.btn-close {\r\n                float: none;\r\n                font-size: .8em;\r\n            }\r\n            span.disabled {\r\n                opacity: $btn-disabled-opacity;\r\n            }\r\n        }\r\n\r\n        @include form-control-focus-bsmultiselect();\r\n\r\n        &.form-control-sm {\r\n            min-height: #{$input-height-sm};\r\n            input{\r\n                font-size: $font-size-sm;\r\n            }\r\n        }\r\n    \r\n        &.form-control-lg {\r\n            min-height: #{$input-height-lg};\r\n            input{\r\n                font-size: $font-size-lg;\r\n            }\r\n        }\r\n    }\r\n    @include form-validation-state-bsmultiselect(\"valid\", $form-feedback-valid-color);\r\n    @include form-validation-state-bsmultiselect(\"invalid\", $form-feedback-invalid-color);\r\n\r\n    // JS css/cssPatch: choices\r\n    div.dropdown-menu {\r\n        > ul {\r\n            list-style-type: none;\r\n            padding-left: 0;\r\n            padding-right: 0;\r\n            margin-bottom: 0;\r\n            // JS css/cssPatch: choice\r\n            > li {\r\n                // NOTE: next block copied from .dropdown-item to have similar styles\r\n                display: block;\r\n                width: 100%;\r\n                padding: 0 map.get($spacers, 2); // NOTE: overrides BS $dropdown-item-padding-x; because it is too large\r\n                clear: both;\r\n                font-weight: $font-weight-normal;\r\n                color: $dropdown-link-color;\r\n                text-align: inherit;\r\n\r\n                white-space: nowrap;\r\n                background-color: transparent;\r\n                border: 0;\r\n                cursor: pointer;\r\n                .form-check{ // BS problem: without this dropdown menu's custom checkboxes on inline form justified center\r\n                    cursor: inherit;\r\n                    justify-content: flex-start; // 'initial' works well but not for IE11\r\n                    .form-check-label, .form-check-input{\r\n                        cursor: inherit;\r\n                    }\r\n                }\r\n                &.disabled .form-check-label { \r\n                    opacity: $form-check-input-disabled-opacity; //  $custom-control-label-disabled-color; \r\n                }\r\n                &.hover{ // from bs4 _dropdown.scss\r\n                    @include gradient-bg($dropdown-link-hover-bg);\r\n                }\r\n                &.hover:not(.disabled){\r\n                    color: var(--bs-primary); //$dropdown-link-hover-color;\r\n                }\r\n                &.hover.selected{\r\n                    color: var(--bs-primary); //$dropdown-link-hover-color;\r\n                }\r\n            }\r\n        }\r\n    \r\n        +div.alert-warning {\r\n            padding-left: .25rem;\r\n            padding-right: .25rem;\r\n            z-index: 4;  \r\n            font-size:small; \r\n        }\r\n    }\r\n\r\n    &.input-group.input-group-sm {\r\n        ul.form-control {\r\n            min-height: #{$input-height-sm};\r\n            input{\r\n                font-size: $font-size-sm;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.input-group.input-group-lg {\r\n        ul.form-control {\r\n            min-height: #{$input-height-lg};\r\n            input{\r\n                font-size: $font-size-lg;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.form-floating{\r\n    .dashboardcode-bsmultiselect{\r\n        ul.form-control{\r\n            min-height: calc(3.5rem + 2px);\r\n\r\n            &.floating-lifted{\r\n                padding-top: 1.625rem;\r\n                padding-left: 0.7rem;\r\n                padding-bottom: 0;\r\n            }\r\n        } \r\n\r\n        +label.floating-lifted{\r\n            opacity: .65; \r\n            transform: scale(.85) translateY(-.5rem) translateX(.15rem); \r\n        }\r\n    }\r\n}\r\n\r\n// From this I am solving BS4 .was-validated problem: impossibility to exclude custom checkboxes from validation styling.\r\n// So there we redefine pseudoclasses :valid:checked and :valid:not(:checked) - our options are allready valid.\r\n// Note: nested form for dropdown with 'novalidate ' attribute possibly could solve it but nested forms are not allowed\r\n\r\n// 1. reset \"coloring\"  (for both checked and uchecked) labels\r\n.was-validated .dashboardcode-bsmultiselect div.dropdown-menu  > ul > li .form-check-input:valid:checked ~ .form-check-label,\r\n.was-validated .dashboardcode-bsmultiselect div.dropdown-menu  > ul > li .form-check-input:valid:not(:checked) ~ .form-check-label {\r\n    color: $dropdown-link-color;\r\n}\r\n\r\n// 2. but use different color for hovered item (for both checked and uchecked) labels\r\n.was-validated .dashboardcode-bsmultiselect div.dropdown-menu > ul > li.hover .form-check-input:valid:checked ~ .form-check-label,\r\n.was-validated .dashboardcode-bsmultiselect div.dropdown-menu > ul > li.hover .form-check-input:valid:not(:checked) ~ .form-check-label{\r\n    color: var(--bs-primary);\r\n}\r\n\r\n// 3. reset \"coloring\" for checkbox ('checked' and 'not(:checked)')\r\n.was-validated .dashboardcode-bsmultiselect  div.dropdown-menu > ul > li .form-check-input:valid:checked  {\r\n    border-color: var(--bs-primary);\r\n    background-color: var(--bs-primary);\r\n}\r\n.was-validated .dashboardcode-bsmultiselect  div.dropdown-menu > ul > li .form-check-input:valid:not(:checked) {\r\n    border: $form-check-input-border;\r\n} \r\n\r\n","// Gradients\n\n// scss-docs-start gradient-bg-mixin\n@mixin gradient-bg($color: null) {\n  background-color: $color;\n\n  @if $enable-gradients {\n    background-image: var(--#{$variable-prefix}gradient);\n  }\n}\n// scss-docs-end gradient-bg-mixin\n\n// scss-docs-start gradient-mixins\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: null, $end-percent: null) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n}\n\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n}\n\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n// scss-docs-end gradient-mixins\n",".dashboardcode-bsmultiselect ul.form-control {\n  display: flex;\n  flex-wrap: wrap;\n  height: auto;\n  min-height: calc(1.5em + 0.75rem + 2px);\n  margin-bottom: 0;\n  cursor: text;\n  list-style-type: none;\n}\n.dashboardcode-bsmultiselect ul.form-control input {\n  height: auto;\n  padding: 0;\n  margin: 0;\n  font-weight: inherit;\n  color: inherit;\n  background-color: transparent;\n  border: 0;\n  outline: none;\n  box-shadow: none;\n}\n.dashboardcode-bsmultiselect ul.form-control.disabled {\n  background-color: #e9ecef;\n}\n.dashboardcode-bsmultiselect ul.form-control::-moz-placeholder {\n  color: #6c757d;\n  opacity: 1;\n}\n.dashboardcode-bsmultiselect ul.form-control:-ms-input-placeholder {\n  color: #6c757d;\n  opacity: 1;\n}\n.dashboardcode-bsmultiselect ul.form-control::placeholder {\n  color: #6c757d;\n  opacity: 1;\n}\n.dashboardcode-bsmultiselect ul.form-control > li.badge {\n  padding-left: 0;\n  -webkit-padding-start: 0;\n  padding-inline-start: 0;\n  -webkit-padding-end: 0.5rem;\n  padding-inline-end: 0.5rem;\n  color: var(--bs-dark);\n}\n.dashboardcode-bsmultiselect ul.form-control > li.badge button.btn-close {\n  float: none;\n  font-size: 0.8em;\n}\n.dashboardcode-bsmultiselect ul.form-control > li.badge span.disabled {\n  opacity: 0.65;\n}\n.dashboardcode-bsmultiselect ul.form-control.focus {\n  color: #212529;\n  background-color: #fff;\n  border-color: #86b7fe;\n  outline: 0;\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n.dashboardcode-bsmultiselect ul.form-control.form-control-sm {\n  min-height: calc(1.5em + 0.5rem + 2px);\n}\n.dashboardcode-bsmultiselect ul.form-control.form-control-sm input {\n  font-size: 0.875rem;\n}\n.dashboardcode-bsmultiselect ul.form-control.form-control-lg {\n  min-height: calc(1.5em + 1rem + 2px);\n}\n.dashboardcode-bsmultiselect ul.form-control.form-control-lg input {\n  font-size: 1.25rem;\n}\n.was-validated .dashboardcode-bsmultiselect ul.form-control:valid, .dashboardcode-bsmultiselect ul.form-control.is-valid {\n  border-color: #198754;\n}\n.was-validated .dashboardcode-bsmultiselect ul.form-control:valid.focus, .dashboardcode-bsmultiselect ul.form-control.is-valid.focus {\n  border-color: #198754;\n  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);\n}\n.was-validated .dashboardcode-bsmultiselect ul.form-control:invalid, .dashboardcode-bsmultiselect ul.form-control.is-invalid {\n  border-color: #dc3545;\n}\n.was-validated .dashboardcode-bsmultiselect ul.form-control:invalid.focus, .dashboardcode-bsmultiselect ul.form-control.is-invalid.focus {\n  border-color: #dc3545;\n  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);\n}\n.dashboardcode-bsmultiselect div.dropdown-menu > ul {\n  list-style-type: none;\n  padding-left: 0;\n  padding-right: 0;\n  margin-bottom: 0;\n}\n.dashboardcode-bsmultiselect div.dropdown-menu > ul > li {\n  display: block;\n  width: 100%;\n  padding: 0 0.5rem;\n  clear: both;\n  font-weight: 400;\n  color: #212529;\n  text-align: inherit;\n  white-space: nowrap;\n  background-color: transparent;\n  border: 0;\n  cursor: pointer;\n}\n.dashboardcode-bsmultiselect div.dropdown-menu > ul > li .form-check {\n  cursor: inherit;\n  justify-content: flex-start;\n}\n.dashboardcode-bsmultiselect div.dropdown-menu > ul > li .form-check .form-check-label, .dashboardcode-bsmultiselect div.dropdown-menu > ul > li .form-check .form-check-input {\n  cursor: inherit;\n}\n.dashboardcode-bsmultiselect div.dropdown-menu > ul > li.disabled .form-check-label {\n  opacity: 0.5;\n}\n.dashboardcode-bsmultiselect div.dropdown-menu > ul > li.hover {\n  background-color: #e9ecef;\n}\n.dashboardcode-bsmultiselect div.dropdown-menu > ul > li.hover:not(.disabled) {\n  color: var(--bs-primary);\n}\n.dashboardcode-bsmultiselect div.dropdown-menu > ul > li.hover.selected {\n  color: var(--bs-primary);\n}\n.dashboardcode-bsmultiselect div.dropdown-menu + div.alert-warning {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n  z-index: 4;\n  font-size: small;\n}\n.dashboardcode-bsmultiselect.input-group.input-group-sm ul.form-control {\n  min-height: calc(1.5em + 0.5rem + 2px);\n}\n.dashboardcode-bsmultiselect.input-group.input-group-sm ul.form-control input {\n  font-size: 0.875rem;\n}\n.dashboardcode-bsmultiselect.input-group.input-group-lg ul.form-control {\n  min-height: calc(1.5em + 1rem + 2px);\n}\n.dashboardcode-bsmultiselect.input-group.input-group-lg ul.form-control input {\n  font-size: 1.25rem;\n}\n\n.form-floating .dashboardcode-bsmultiselect ul.form-control {\n  min-height: calc(3.5rem + 2px);\n}\n.form-floating .dashboardcode-bsmultiselect ul.form-control.floating-lifted {\n  padding-top: 1.625rem;\n  padding-left: 0.7rem;\n  padding-bottom: 0;\n}\n.form-floating .dashboardcode-bsmultiselect + label.floating-lifted {\n  opacity: 0.65;\n  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);\n}\n\n.was-validated .dashboardcode-bsmultiselect div.dropdown-menu > ul > li .form-check-input:valid:checked ~ .form-check-label,\n.was-validated .dashboardcode-bsmultiselect div.dropdown-menu > ul > li .form-check-input:valid:not(:checked) ~ .form-check-label {\n  color: #212529;\n}\n\n.was-validated .dashboardcode-bsmultiselect div.dropdown-menu > ul > li.hover .form-check-input:valid:checked ~ .form-check-label,\n.was-validated .dashboardcode-bsmultiselect div.dropdown-menu > ul > li.hover .form-check-input:valid:not(:checked) ~ .form-check-label {\n  color: var(--bs-primary);\n}\n\n.was-validated .dashboardcode-bsmultiselect div.dropdown-menu > ul > li .form-check-input:valid:checked {\n  border-color: var(--bs-primary);\n  background-color: var(--bs-primary);\n}\n\n.was-validated .dashboardcode-bsmultiselect div.dropdown-menu > ul > li .form-check-input:valid:not(:checked) {\n  border: 1px solid rgba(0, 0, 0, 0.25);\n}\n\n/*# sourceMappingURL=BsMultiSelect.css.map */"]}