@vue-interface/select-field 1.0.0-beta.0 → 1.0.0-beta.10

package/dist/select-field.css

@@ -1 +0,0 @@
-.activity-indicator-label{margin-top:.75rem;text-align:center}.activity-indicator-xs{font-size:.5rem}.activity-indicator-sm{font-size:.75rem}.activity-indicator-md{font-size:1rem}.activity-indicator-lg{font-size:1.25rem}.activity-indicator-xl{font-size:1.75rem}.activity-indicator-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto}.activity-indicator-absolute{position:absolute;width:100%;height:100%;top:0;left:0}.activity-indicator-chase{width:2.5em;height:2.5em;position:relative;-webkit-animation:activity-indicator-chase 2.5s infinite linear both;animation:activity-indicator-chase 2.5s infinite linear both}.activity-indicator-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-animation:activity-indicator-chase-dot 2s infinite ease-in-out both;animation:activity-indicator-chase-dot 2s infinite ease-in-out both}.activity-indicator-chase-dot:before{content:"";display:block;width:25%;height:25%;background-color:currentColor;border-radius:100%;-webkit-animation:activity-indicator-chase-dot-before 2s infinite ease-in-out both;animation:activity-indicator-chase-dot-before 2s infinite ease-in-out both}.activity-indicator-chase-dot:nth-child(1){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.activity-indicator-chase-dot:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s}.activity-indicator-chase-dot:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s}.activity-indicator-chase-dot:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s}.activity-indicator-chase-dot:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s}.activity-indicator-chase-dot:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s}.activity-indicator-chase-dot:nth-child(1):before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.activity-indicator-chase-dot:nth-child(2):before{-webkit-animation-delay:-1s;animation-delay:-1s}.activity-indicator-chase-dot:nth-child(3):before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.activity-indicator-chase-dot:nth-child(4):before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.activity-indicator-chase-dot:nth-child(5):before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.activity-indicator-chase-dot:nth-child(6):before{-webkit-animation-delay:-.6s;animation-delay:-.6s}@-webkit-keyframes activity-indicator-chase{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes activity-indicator-chase{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes activity-indicator-chase-dot{80%,to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes activity-indicator-chase-dot{80%,to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes activity-indicator-chase-dot-before{50%{-webkit-transform:scale(.4);transform:scale(.4)}to,0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes activity-indicator-chase-dot-before{50%{-webkit-transform:scale(.4);transform:scale(.4)}to,0%{-webkit-transform:scale(1);transform:scale(1)}}.activity-indicator-circle-fade{width:2.5em;height:2.5em;position:relative}.activity-indicator-circle-fade .activity-indicator-circle{width:100%;height:100%;position:absolute;left:0;top:0}.activity-indicator-circle-fade .activity-indicator-circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:activity-indicator-circle-fade 1.2s infinite ease-in-out both;animation:activity-indicator-circle-fade 1.2s infinite ease-in-out both}.activity-indicator-circle-fade .activity-indicator-circle2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.activity-indicator-circle-fade .activity-indicator-circle3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.activity-indicator-circle-fade .activity-indicator-circle4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.activity-indicator-circle-fade .activity-indicator-circle5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.activity-indicator-circle-fade .activity-indicator-circle6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.activity-indicator-circle-fade .activity-indicator-circle7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.activity-indicator-circle-fade .activity-indicator-circle8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.activity-indicator-circle-fade .activity-indicator-circle9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.activity-indicator-circle-fade .activity-indicator-circle10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.activity-indicator-circle-fade .activity-indicator-circle11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.activity-indicator-circle-fade .activity-indicator-circle12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.activity-indicator-circle-fade .activity-indicator-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.activity-indicator-circle-fade .activity-indicator-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.activity-indicator-circle-fade .activity-indicator-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.activity-indicator-circle-fade .activity-indicator-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.activity-indicator-circle-fade .activity-indicator-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.activity-indicator-circle-fade .activity-indicator-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.activity-indicator-circle-fade .activity-indicator-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.activity-indicator-circle-fade .activity-indicator-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.activity-indicator-circle-fade .activity-indicator-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.activity-indicator-circle-fade .activity-indicator-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.activity-indicator-circle-fade .activity-indicator-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes activity-indicator-circle-fade{0%,39%,to{opacity:0}40%{opacity:1}}@keyframes activity-indicator-circle-fade{0%,39%,to{opacity:0}40%{opacity:1}}.activity-indicator-circle-orbit{width:2.5em;height:2.5em;position:relative;text-align:center;-webkit-animation:activity-indicator-circle-orbit-rotate 2s infinite linear;animation:activity-indicator-circle-orbit-rotate 2s infinite linear}.activity-indicator-circle-orbit-dot1,.activity-indicator-circle-orbit-dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:currentColor;border-radius:100%;-webkit-animation:activity-indicator-circle-orbit-bounce 2s infinite ease-in-out;animation:activity-indicator-circle-orbit-bounce 2s infinite ease-in-out}.activity-indicator-circle-orbit-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes activity-indicator-circle-orbit-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes activity-indicator-circle-orbit-rotate{to{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes activity-indicator-circle-orbit-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes activity-indicator-circle-orbit-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.activity-indicator-circle-trail{width:2.5em;height:2.5em;position:relative}.activity-indicator-circle-trail .activity-indicator-child{width:100%;height:100%;position:absolute;left:0;top:0}.activity-indicator-circle-trail .activity-indicator-child:before{content:"";display:block;margin:0 auto;width:.4em;height:.4em;background-color:currentColor;border-radius:100%;-webkit-animation:activity-indicator-circle-trail 1.2s infinite ease-in-out both;animation:activity-indicator-circle-trail 1.2s infinite ease-in-out both}.activity-indicator-circle-trail .activity-indicator-circle-trail2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.activity-indicator-circle-trail .activity-indicator-circle-trail3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.activity-indicator-circle-trail .activity-indicator-circle-trail4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.activity-indicator-circle-trail .activity-indicator-circle-trail5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.activity-indicator-circle-trail .activity-indicator-circle-trail6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.activity-indicator-circle-trail .activity-indicator-circle-trail7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.activity-indicator-circle-trail .activity-indicator-circle-trail8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.activity-indicator-circle-trail .activity-indicator-circle-trail9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.activity-indicator-circle-trail .activity-indicator-circle-trail10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.activity-indicator-circle-trail .activity-indicator-circle-trail11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.activity-indicator-circle-trail .activity-indicator-circle-trail12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes activity-indicator-circle-trail{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes activity-indicator-circle-trail{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.activity-indicator-dots{font-size:1em;position:relative}.activity-indicator-dots>div{width:1em;height:1em;background-color:currentColor;border-radius:100%;display:inline-block;-webkit-animation:activity-indicator-dots 1.4s infinite ease-in-out both;animation:activity-indicator-dots 1.4s infinite ease-in-out both}.activity-indicator-dots>div:not(:last-child){margin-right:.2em}.activity-indicator-dots .activity-indicator-dots-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.activity-indicator-dots .activity-indicator-dots-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes activity-indicator-dots{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes activity-indicator-dots{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.activity-indicator-double-pulse{width:2.5em;height:2.5em;position:relative}.activity-indicator-double-pulse-bounce1,.activity-indicator-double-pulse-bounce2{width:100%;height:100%;border-radius:50%;background-color:currentColor;opacity:.66;position:absolute;top:0;left:0;-webkit-animation:activity-indicator-double-pulse 2s infinite ease-in-out;animation:activity-indicator-double-pulse 2s infinite ease-in-out}.activity-indicator-double-pulse-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes activity-indicator-double-pulse{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes activity-indicator-double-pulse{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.activity-indicator-facebook{height:4em}.activity-indicator-facebook>div{background-color:#333;height:100%;width:6px;margin-right:2px;display:inline-block;-webkit-animation:activity-indicator-facebook 1.2s infinite ease-in-out;animation:activity-indicator-facebook 1.2s infinite ease-in-out}.activity-indicator-facebook .activity-indicator-facebook-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.activity-indicator-facebook .activity-indicator-facebook-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.activity-indicator-facebook .activity-indicator-facebook-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.activity-indicator-facebook .activity-indicator-facebook-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes activity-indicator-facebook{0%,40%,to{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes activity-indicator-facebook{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.activity-indicator-grid{width:2.5em;height:2.5em}.activity-indicator-grid .activity-indicator-grid{width:33%;height:33%;background-color:currentColor;float:left;-webkit-animation:activity-indicator-grid 1.3s infinite ease-in-out;animation:activity-indicator-grid 1.3s infinite ease-in-out}.activity-indicator-grid .activity-indicator-grid1{-webkit-animation-delay:.2s;animation-delay:.2s}.activity-indicator-grid .activity-indicator-grid2{-webkit-animation-delay:.3s;animation-delay:.3s}.activity-indicator-grid .activity-indicator-grid3{-webkit-animation-delay:.4s;animation-delay:.4s}.activity-indicator-grid .activity-indicator-grid4{-webkit-animation-delay:.1s;animation-delay:.1s}.activity-indicator-grid .activity-indicator-grid5{-webkit-animation-delay:.2s;animation-delay:.2s}.activity-indicator-grid .activity-indicator-grid6{-webkit-animation-delay:.3s;animation-delay:.3s}.activity-indicator-grid .activity-indicator-grid7{-webkit-animation-delay:0s;animation-delay:0s}.activity-indicator-grid .activity-indicator-grid8{-webkit-animation-delay:.1s;animation-delay:.1s}.activity-indicator-grid .activity-indicator-grid9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes activity-indicator-grid{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scaleZ(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes activity-indicator-grid{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scaleZ(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.activity-indicator-pulse{width:2.5em;height:2.5em;background-color:currentColor;border-radius:100%;-webkit-animation:activity-indicator-pulse 1s infinite ease-in-out;animation:activity-indicator-pulse 1s infinite ease-in-out}@-webkit-keyframes activity-indicator-pulse{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1);opacity:0}}@keyframes activity-indicator-pulse{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.activity-indicator-spinner{width:2.5em;height:2.5em;position:relative}.activity-indicator-spinner .activity-indicator-spinner{width:100%;height:100%;position:absolute;left:0;top:0}.activity-indicator-spinner .activity-indicator-spinner:before{content:"";display:block;margin:0 auto;width:10%;height:33.333%;background-color:currentColor;-webkit-animation:activity-indicator-spinner 1.2s infinite ease-in-out both;animation:activity-indicator-spinner 1.2s infinite ease-in-out both}.activity-indicator-spinner .activity-indicator-spinner2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.activity-indicator-spinner .activity-indicator-spinner3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.activity-indicator-spinner .activity-indicator-spinner4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.activity-indicator-spinner .activity-indicator-spinner5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.activity-indicator-spinner .activity-indicator-spinner6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.activity-indicator-spinner .activity-indicator-spinner7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.activity-indicator-spinner .activity-indicator-spinner8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.activity-indicator-spinner .activity-indicator-spinner9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.activity-indicator-spinner .activity-indicator-spinner10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.activity-indicator-spinner .activity-indicator-spinner11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.activity-indicator-spinner .activity-indicator-spinner12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.activity-indicator-spinner .activity-indicator-spinner2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.activity-indicator-spinner .activity-indicator-spinner3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.activity-indicator-spinner .activity-indicator-spinner4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.activity-indicator-spinner .activity-indicator-spinner5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.activity-indicator-spinner .activity-indicator-spinner6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.activity-indicator-spinner .activity-indicator-spinner7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.activity-indicator-spinner .activity-indicator-spinner8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.activity-indicator-spinner .activity-indicator-spinner9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.activity-indicator-spinner .activity-indicator-spinner10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.activity-indicator-spinner .activity-indicator-spinner11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.activity-indicator-spinner .activity-indicator-spinner12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes activity-indicator-spinner{0%,39%,to{opacity:0}40%{opacity:1}}@keyframes activity-indicator-spinner{0%,39%,to{opacity:0}40%{opacity:1}}.activity-indicator-spotify{width:2em;height:2em;border-radius:50%;background:conic-gradient(white,black);position:relative;-webkit-animation:activity-indicator-spotify 1.4s linear infinite;animation:activity-indicator-spotify 1.4s linear infinite;-webkit-transform:translateZ(0);transform:translateZ(0)}.activity-indicator-spotify:after{background:white;width:75%;height:75%;border-radius:50%;content:"";margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@-webkit-keyframes activity-indicator-spotify{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes activity-indicator-spotify{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.activity-indicator-square{width:2.5em;height:2.5em;background-color:currentColor;-webkit-animation:activity-indicator-square 1.2s infinite ease-in-out;animation:activity-indicator-square 1.2s infinite ease-in-out}@-webkit-keyframes activity-indicator-square{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}to{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes activity-indicator-square{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.activity-indicator-square-fold{margin:1em;width:2.5em;height:2.5em;position:relative;-webkit-transform:rotateZ(45deg);transform:rotate(45deg)}.activity-indicator-square-fold .activity-indicator-square-fold-square{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);transform:scale(1.1)}.activity-indicator-square-fold .activity-indicator-square-fold-square:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:activity-indicator-square-fold 2.4s infinite linear both;animation:activity-indicator-square-fold 2.4s infinite linear both;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.activity-indicator-square-fold .activity-indicator-square-fold-square2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotate(90deg)}.activity-indicator-square-fold .activity-indicator-square-fold-square3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotate(180deg)}.activity-indicator-square-fold .activity-indicator-square-fold-square4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotate(270deg)}.activity-indicator-square-fold .activity-indicator-square-fold-square2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.activity-indicator-square-fold .activity-indicator-square-fold-square3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.activity-indicator-square-fold .activity-indicator-square-fold-square4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes activity-indicator-square-fold{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0);opacity:1}90%,to{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes activity-indicator-square-fold{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0);opacity:1}90%,to{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}.activity-indicator-square-orbit{margin:.5em;width:3em;height:3em;position:relative}.activity-indicator-square-orbit-cube1,.activity-indicator-square-orbit-cube2{background-color:#333;width:1em;height:1em;position:absolute;top:0;left:0;-webkit-animation:activity-indicator-square-orbit 1.8s infinite ease-in-out;animation:activity-indicator-square-orbit 1.8s infinite ease-in-out}.activity-indicator-square-orbit-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes activity-indicator-square-orbit{25%{-webkit-transform:translateX(2em) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(2em) translateY(2em) rotate(-180deg)}75%{-webkit-transform:translateX(0px) translateY(2em) rotate(-270deg) scale(.5)}to{-webkit-transform:rotate(-360deg)}}@keyframes activity-indicator-square-orbit{25%{transform:translate(2em) rotate(-90deg) scale(.5);-webkit-transform:translateX(2em) rotate(-90deg) scale(.5)}50%{transform:translate(2em) translateY(2em) rotate(-179deg);-webkit-transform:translateX(2em) translateY(2em) rotate(-179deg)}50.1%{transform:translate(2em) translateY(2em) rotate(-180deg);-webkit-transform:translateX(2em) translateY(2em) rotate(-180deg)}75%{transform:translate(0) translateY(2em) rotate(-270deg) scale(.5);-webkit-transform:translateX(0px) translateY(2em) rotate(-270deg) scale(.5)}to{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}.select-field,.select-field .form-group-inner{position:relative;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.select-field .activity-indicator{position:absolute;right:1.25em;top:50%;-webkit-transform:translate(-1rem,-50%);transform:translate(-1rem,-50%);-webkit-transition:all .15s ease-in;transition:all .15s ease-in}.select-field .activity-indicator-xs{font-size:.5em;right:2em}.select-field.has-activity .form-control-xs{padding-right:3.75em}.select-field .activity-indicator-sm{font-size:.5em;right:2em}.select-field.has-activity .form-control-sm{padding-right:3em}.select-field .activity-indicator-md{font-size:.666em}.select-field.has-activity .form-control-md{padding-right:3em}.select-field .activity-indicator-lg{font-size:.75em}.select-field.has-activity .form-control-lg{padding-right:3em}.select-field .activity-indicator-xl{font-size:1em}.select-field.has-activity .activity-indicator-xl~.form-control-xl{padding-right:3.75em}.select-field.is-valid .valid-feedback,.select-field.is-invalid .invalid-feedback{display:-webkit-box;display:-ms-flexbox;display:flex}.select-field .form-control-icon{padding-left:2em}.select-field .form-group-inner-icon{position:absolute;top:50%;left:.666em;width:1rem;font-size:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-field-sm .form-group-inner-icon{position:absolute;top:50%;left:.666rem;width:.75em;font-size:1.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-field-lg .form-group-inner-icon{position:absolute;top:50%;left:.666rem;width:1.25em;font-size:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-field .activity-indicator{opacity:1}.select-field .select-field-fade-enter,.select-field .select-field-fade-leave-to{opacity:0}

package/dist/select-field.es.js

@@ -1,532 +0,0 @@
-import { openBlock as a, createElementBlock as d, normalizeClass as w, normalizeStyle as N, createElementVNode as x, createBlock as O, resolveDynamicComponent as P, createCommentVNode as p, toDisplayString as j, resolveComponent as R, resolveDirective as I, renderSlot as f, withDirectives as H, mergeProps as D, createVNode as M, Transition as Z, withCtx as G } from "vue";
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var b = function() {
-  return b = Object.assign || function(t) {
-    for (var i, s = 1, r = arguments.length; s < r; s++) {
-      i = arguments[s];
-      for (var n in i)
-        Object.prototype.hasOwnProperty.call(i, n) && (t[n] = i[n]);
-    }
-    return t;
-  }, b.apply(this, arguments);
-};
-function V(e) {
-  return e.toLowerCase();
-}
-var q = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], W = /[^A-Z0-9]+/gi;
-function U(e, t) {
-  t === void 0 && (t = {});
-  for (var i = t.splitRegexp, s = i === void 0 ? q : i, r = t.stripRegexp, n = r === void 0 ? W : r, u = t.transform, g = u === void 0 ? V : u, o = t.delimiter, S = o === void 0 ? " " : o, l = E(E(e, s, "$1\0$2"), n, "\0"), c = 0, h = l.length; l.charAt(c) === "\0"; )
-    c++;
-  for (; l.charAt(h - 1) === "\0"; )
-    h--;
-  return l.slice(c, h).split("\0").map(g).join(S);
-}
-function E(e, t, i) {
-  return t instanceof RegExp ? e.replace(t, i) : t.reduce(function(s, r) {
-    return s.replace(r, i);
-  }, e);
-}
-function X(e, t) {
-  return t === void 0 && (t = {}), U(e, b({
-    delimiter: "."
-  }, t));
-}
-function y(e, t) {
-  return t === void 0 && (t = {}), X(e, b({
-    delimiter: "-"
-  }, t));
-}
-class L {
-  constructor(t = {}) {
-    this.components = /* @__PURE__ */ new Map(), Object.entries(t).forEach(([i, s]) => {
-      this.register(i, s);
-    });
-  }
-  get(t) {
-    const i = this.components.get(t = y(t));
-    if (i)
-      return i;
-    throw new Error(`"${t}" has not been registered yet!`);
-  }
-  register(t, i) {
-    return typeof t == "object" ? (Object.entries(t).forEach(([s, r]) => {
-      this.register(y(s), r);
-    }), this) : (this.components.set(y(t), i), this);
-  }
-  remove(t) {
-    return this.components.delete(y(t)), this;
-  }
-  reset() {
-    return this.components = /* @__PURE__ */ new Map(), this;
-  }
-}
-function J(...e) {
-  return new L(...e);
-}
-const A = J();
-const T = (e, t) => {
-  const i = e.__vccOpts || e;
-  for (const [s, r] of t)
-    i[s] = r;
-  return i;
-};
-function v(e, t = "px") {
-  return e != null && e !== !1 && isFinite(e) ? `${e}${t}` : e;
-}
-const K = {
-  name: "ActivityIndicator",
-  props: {
-    absolute: Boolean,
-    center: Boolean,
-    label: String,
-    size: {
-      type: String,
-      default: "md"
-    },
-    registry: {
-      type: L,
-      default() {
-        return A;
-      }
-    },
-    type: {
-      type: String,
-      required: !0
-    },
-    height: [String, Number],
-    maxHeight: [String, Number],
-    minHeight: [String, Number],
-    width: [String, Number],
-    maxWidth: [String, Number],
-    minWidth: [String, Number]
-  },
-  data: () => ({
-    is: null
-  }),
-  computed: {
-    classes() {
-      return {
-        "activity-indicator-center": this.center,
-        "activity-indicator-absolute": this.absolute,
-        [this.size && `activity-indicator-${this.size}`]: !!this.size
-      };
-    },
-    style() {
-      return {
-        width: v(this.width),
-        maxWidth: v(this.maxWidth),
-        minWidth: v(this.minWidth),
-        height: v(this.height),
-        maxHeight: v(this.maxHeight),
-        minHeight: v(this.minHeight)
-      };
-    }
-  },
-  async mounted() {
-    const e = await this.component();
-    this.is = () => e;
-  },
-  methods: {
-    async component() {
-      let e = A.get(this.type);
-      return e instanceof Promise ? e : (typeof e == "function" && (e = await e()), e.default ? e.default : e);
-    }
-  }
-}, Q = { class: "activity-indicator-content" }, Y = {
-  key: 1,
-  class: "activity-indicator-label"
-};
-function ee(e, t, i, s, r, n) {
-  return a(), d("div", {
-    class: w(["activity-indicator", n.classes]),
-    style: N(n.style)
-  }, [
-    x("div", Q, [
-      e.is ? (a(), O(P(e.is()), {
-        key: 0,
-        class: "mx-auto"
-      })) : p("", !0),
-      i.label ? (a(), d("div", Y, j(i.label), 1)) : p("", !0)
-    ])
-  ], 6);
-}
-const te = /* @__PURE__ */ T(K, [["render", ee]]);
-const m = {};
-function _(...e) {
-  if (!e.length)
-    return m;
-  const [t, i] = e;
-  return typeof t == "string" ? typeof m[t] < "u" ? m[t] : i : Array.isArray(t) ? t.reduce((s, r) => Object.assign(s, {
-    [r]: m[r]
-  }), {}) : Object.assign(m, ...e);
-}
-var ie = {
-  props: {
-    dropShadow: [Boolean, String],
-    dropShadowableClassPrefix: {
-      type: String,
-      default: "drop-shadow"
-    },
-    shadow: [Boolean, String],
-    shadowableClassPrefix: {
-      type: String,
-      default: "shadow"
-    }
-  },
-  computed: {
-    shadowableClass() {
-      const e = this.dropShadow === !0 ? "" : this.dropShadow && `-${this.dropShadow}`, t = this.shadow === !0 ? "" : this.shadow && `-${this.shadow}`;
-      return {
-        [`${this.dropShadowableClassPrefix}${e}`]: !!this.dropShadow,
-        [`${this.shadowableClassPrefix}${t}`]: !!this.shadow
-      };
-    }
-  }
-}, C = function() {
-  return C = Object.assign || function(t) {
-    for (var i, s = 1, r = arguments.length; s < r; s++) {
-      i = arguments[s];
-      for (var n in i)
-        Object.prototype.hasOwnProperty.call(i, n) && (t[n] = i[n]);
-    }
-    return t;
-  }, C.apply(this, arguments);
-};
-function se(e) {
-  return e.toLowerCase();
-}
-var re = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], ne = /[^A-Z0-9]+/gi;
-function ae(e, t) {
-  t === void 0 && (t = {});
-  for (var i = t.splitRegexp, s = i === void 0 ? re : i, r = t.stripRegexp, n = r === void 0 ? ne : r, u = t.transform, g = u === void 0 ? se : u, o = t.delimiter, S = o === void 0 ? " " : o, l = F(F(e, s, "$1\0$2"), n, "\0"), c = 0, h = l.length; l.charAt(c) === "\0"; )
-    c++;
-  for (; l.charAt(h - 1) === "\0"; )
-    h--;
-  return l.slice(c, h).split("\0").map(g).join(S);
-}
-function F(e, t, i) {
-  return t instanceof RegExp ? e.replace(t, i) : t.reduce(function(s, r) {
-    return s.replace(r, i);
-  }, e);
-}
-function oe(e, t) {
-  return t === void 0 && (t = {}), ae(e, C({
-    delimiter: "."
-  }, t));
-}
-function B(e, t) {
-  return t === void 0 && (t = {}), oe(e, C({
-    delimiter: "-"
-  }, t));
-}
-function $(e, t, i = "-") {
-  const s = t.toString().replace(new RegExp(`^${e}${i}?`), "");
-  return [B(s), e].filter((r) => !!r).join(i);
-}
-function k(e) {
-  return !Array.isArray(e) && typeof e == "object";
-}
-function z(e) {
-  return e === void 0;
-}
-const le = {
-  directives: {
-    bindEvents: {
-      beforeMount(e, t, i) {
-        t.instance.bindEvents(e);
-      }
-    }
-  },
-  mixins: [ie],
-  inheritAttrs: !1,
-  props: {
-    activity: {
-      type: Boolean,
-      default: !1
-    },
-    animated: {
-      type: Boolean,
-      default: () => _("animated", !1)
-    },
-    nativeEvents: {
-      type: Array,
-      default() {
-        return ["focus", "blur", "change", "click", "keypress", "keyup", "keydown", "progress", "paste"];
-      }
-    },
-    defaultControlClass: {
-      type: String,
-      default: () => _("defaultControlClass", "form-control")
-    },
-    error: [String, Array, Boolean],
-    errors: {
-      type: [Array, Object, Boolean],
-      default() {
-        return {};
-      }
-    },
-    feedback: [String, Array],
-    group: {
-      type: Boolean,
-      default: () => _("group", !0)
-    },
-    helpText: [Number, String],
-    hideLabel: Boolean,
-    indicator: {
-      type: String,
-      default: () => _("indicator", "spinner")
-    },
-    indicatorSize: String,
-    inline: Boolean,
-    invalid: Boolean,
-    label: [Number, String],
-    labelClass: {
-      type: [Object, String],
-      default: () => _("labelClass", "form-label")
-    },
-    modelValue: {
-      default: void 0
-    },
-    pill: Boolean,
-    plaintext: Boolean,
-    size: String,
-    spacing: String,
-    valid: Boolean
-  },
-  data() {
-    return {
-      defaultEmpty: !1,
-      hasChanged: !1,
-      hasFocus: !1,
-      isEmpty: !0
-    };
-  },
-  computed: {
-    id() {
-      return this.$attrs.id || this.$attrs.name || (Math.random() + 1).toString(36).substring(7);
-    },
-    componentName() {
-      return this.$options.name;
-    },
-    controlAttributes() {
-      return Object.fromEntries(Object.entries(this.$attrs).concat([["id", this.id], ["class", this.controlClasses]]));
-    },
-    controlClass() {
-      return this.defaultControlClass;
-    },
-    controlSizeClass() {
-      return $(this.size, this.controlClass);
-    },
-    formGroupClasses() {
-      return {
-        [B(this.componentName)]: !!this.componentName,
-        [this.size && $(this.size, this.componentName)]: !!this.size,
-        animated: this.animated,
-        "default-empty": this.defaultEmpty,
-        "form-group": this.group,
-        [this.size && $(this.size, "form-group")]: !!this.size,
-        "has-activity": this.activity,
-        "has-changed": this.hasChanged,
-        "has-focus": this.hasFocus,
-        "has-icon": !!this.$slots.icon,
-        "is-empty": this.isEmpty,
-        "is-invalid": !!(this.invalid || this.invalidFeedback),
-        "is-valid": !!(this.valid || this.validFeedback),
-        [this.$attrs.class]: !!this.$attrs.class,
-        [this.$attrs.id]: !!this.$attrs.id
-      };
-    },
-    controlClasses() {
-      return Object.assign({
-        [this.controlClass]: !!this.controlClass,
-        [this.controlSizeClass]: !!this.controlSizeClass,
-        "form-control-icon": !!this.$slots.icon,
-        "is-valid": !!(this.valid || this.validFeedback),
-        "is-invalid": !!(this.invalid || this.invalidFeedback),
-        [this.pillClasses]: this.pill,
-        [this.plaintextClass]: this.plaintext,
-        [this.spacing]: !!this.spacing
-      }, this.shadowableClass);
-    },
-    hasDefaultSlot() {
-      return !!this.$slots.default;
-    },
-    invalidFeedback() {
-      if (this.error === "")
-        return null;
-      if (this.error)
-        return this.error;
-      const e = this.getFieldErrors();
-      return Array.isArray(e) ? e.filter((t) => t && typeof t == "string").join("<br>") : e;
-    },
-    pillClasses() {
-      return "rounded rounded-pill";
-    },
-    plaintextClass() {
-      return "form-control-plaintext";
-    },
-    validFeedback() {
-      return Array.isArray(this.feedback) ? this.feedback.join("<br>") : this.feedback;
-    }
-  },
-  watch: {
-    hasFocus() {
-      this.shouldChangeOnFocus() && (this.hasChanged = !0);
-    },
-    defaultEmpty() {
-      this.hasChanged = !0;
-    }
-  },
-  methods: {
-    bindEvents(e, t) {
-      t || (t = this.onInput);
-      const i = e.querySelectorAll("option")[e.selectedIndex];
-      z(this.modelValue) ? z(i) || (e.value = i.value) : e.value = this.modelValue, e.value && t(e.value), this.hasChanged = !!e.value, this.isEmpty = !e.value, e.addEventListener("focus", () => {
-        this.hasFocus = !0;
-      }), e.addEventListener("blur", () => {
-        this.hasFocus = !1;
-      }), e.addEventListener("input", (s) => {
-        this.isEmpty = !1, this.hasChanged = !0;
-      }), e.addEventListener(e.tagName === "SELECT" ? "change" : "input", () => t(e.value)), this.nativeEvents.forEach((s) => {
-        e.addEventListener(s, (r) => {
-          this.$emit(s, r);
-        });
-      });
-    },
-    blur() {
-      this.getInputField() && this.getInputField().blur();
-    },
-    focus() {
-      this.getInputField() && this.getInputField().focus();
-    },
-    getInputField() {
-      return this.$el.querySelector(".form-control, input, select, textarea");
-    },
-    getFieldErrors() {
-      let e = this.error || this.errors;
-      return this.errors && k(this.errors) && (e = this.errors[this.$attrs.name || this.$attrs.id]), !e || Array.isArray(e) || k(e) ? e : [e];
-    },
-    shouldChangeOnFocus() {
-      return !this.getInputField().readOnly;
-    },
-    onInput(e) {
-      this.$emit("update:modelValue", e);
-    }
-  }
-};
-const de = {
-  name: "SelectField",
-  components: {
-    ActivityIndicator: te
-  },
-  mixins: [
-    le
-  ],
-  props: {
-    defaultControlClass: {
-      type: String,
-      default: "form-select"
-    }
-  },
-  computed: {
-    controlClass() {
-      return this.plaintext ? `${this.defaultControlClass}-plaintext` : this.defaultControlClass;
-    }
-  },
-  mounted() {
-  },
-  methods: {
-    shouldChangeOnFocus() {
-      return !1;
-    }
-  }
-}, ue = ["for", "innerHTML"], ce = { class: "form-group-inner" }, he = ["innerHTML"], fe = ["innerHTML"];
-function pe(e, t, i, s, r, n) {
-  const u = R("activity-indicator"), g = I("bind-events");
-  return a(), d("div", {
-    class: w(e.formGroupClasses)
-  }, [
-    f(e.$slots, "label", {}, () => [
-      e.label ? (a(), d("label", {
-        key: 0,
-        ref: "label",
-        for: e.id,
-        class: w(e.labelClass),
-        onClick: t[0] || (t[0] = (...o) => e.focus && e.focus(...o)),
-        innerHTML: e.label
-      }, null, 10, ue)) : p("", !0)
-    ]),
-    x("div", ce, [
-      f(e.$slots, "control", {
-        bindEvents: e.bindEvents,
-        controlAttributes: e.controlAttributes,
-        focus: e.focus
-      }, () => [
-        e.$slots.icon ? (a(), d("div", {
-          key: 0,
-          class: "form-group-inner-icon",
-          onClick: t[1] || (t[1] = (...o) => e.focus && e.focus(...o))
-        }, [
-          f(e.$slots, "icon")
-        ])) : p("", !0),
-        H((a(), d("select", D({ ref: "field" }, Object.assign({
-          disabled: e.$attrs.readonly
-        }, e.controlAttributes)), [
-          f(e.$slots, "default")
-        ], 16)), [
-          [g]
-        ])
-      ]),
-      f(e.$slots, "activity", {}, () => [
-        M(Z, { name: "select-field-fade" }, {
-          default: G(() => [
-            e.activity ? (a(), O(u, {
-              key: "activity",
-              ref: "activity",
-              type: e.indicator,
-              size: e.indicatorSize || e.size
-            }, null, 8, ["type", "size"])) : p("", !0)
-          ]),
-          _: 1
-        })
-      ])
-    ]),
-    f(e.$slots, "feedback", {}, () => [
-      e.invalidFeedback ? (a(), d("div", {
-        key: 0,
-        class: "invalid-feedback",
-        invalid: "",
-        innerHTML: e.invalidFeedback
-      }, null, 8, he)) : e.validFeedback ? (a(), d("div", {
-        key: 1,
-        class: "valid-feedback",
-        valid: "",
-        innerHTML: e.validFeedback
-      }, null, 8, fe)) : p("", !0)
-    ]),
-    f(e.$slots, "help", {}, () => [
-      e.helpText ? (a(), d("small", {
-        key: 0,
-        ref: "help"
-      }, j(e.helpText), 513)) : p("", !0)
-    ])
-  ], 2);
-}
-const ge = /* @__PURE__ */ T(de, [["render", pe]]);
-export {
-  ge as SelectField
-};

package/dist/select-field.umd.js

@@ -1,14 +0,0 @@
-(function(d,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(d=typeof globalThis<"u"?globalThis:d||self,i(d.SelectField={},d.Vue))})(this,function(d,i){"use strict";/*! *****************************************************************************
-  Copyright (c) Microsoft Corporation.
-
-  Permission to use, copy, modify, and/or distribute this software for any
-  purpose with or without fee is hereby granted.
-
-  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-  PERFORMANCE OF THIS SOFTWARE.
-  ***************************************************************************** */var _=function(){return _=Object.assign||function(t){for(var s,n=1,r=arguments.length;n<r;n++){s=arguments[n];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(t[a]=s[a])}return t},_.apply(this,arguments)};function z(e){return e.toLowerCase()}var x=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],N=/[^A-Z0-9]+/gi;function O(e,t){t===void 0&&(t={});for(var s=t.splitRegexp,n=s===void 0?x:s,r=t.stripRegexp,a=r===void 0?N:r,c=t.transform,g=c===void 0?z:c,o=t.delimiter,C=o===void 0?" ":o,l=S(S(e,n,"$1\0$2"),a,"\0"),u=0,h=l.length;l.charAt(u)==="\0";)u++;for(;l.charAt(h-1)==="\0";)h--;return l.slice(u,h).split("\0").map(g).join(C)}function S(e,t,s){return t instanceof RegExp?e.replace(t,s):t.reduce(function(n,r){return n.replace(r,s)},e)}function j(e,t){return t===void 0&&(t={}),O(e,_({delimiter:"."},t))}function y(e,t){return t===void 0&&(t={}),j(e,_({delimiter:"-"},t))}class ${constructor(t={}){this.components=new Map,Object.entries(t).forEach(([s,n])=>{this.register(s,n)})}get(t){const s=this.components.get(t=y(t));if(s)return s;throw new Error(`"${t}" has not been registered yet!`)}register(t,s){return typeof t=="object"?(Object.entries(t).forEach(([n,r])=>{this.register(y(n),r)}),this):(this.components.set(y(t),s),this)}remove(t){return this.components.delete(y(t)),this}reset(){return this.components=new Map,this}}function T(...e){return new $(...e)}const E=T(),te="",k=(e,t)=>{const s=e.__vccOpts||e;for(const[n,r]of t)s[n]=r;return s};function p(e,t="px"){return e!=null&&e!==!1&&isFinite(e)?`${e}${t}`:e}const L={name:"ActivityIndicator",props:{absolute:Boolean,center:Boolean,label:String,size:{type:String,default:"md"},registry:{type:$,default(){return E}},type:{type:String,required:!0},height:[String,Number],maxHeight:[String,Number],minHeight:[String,Number],width:[String,Number],maxWidth:[String,Number],minWidth:[String,Number]},data:()=>({is:null}),computed:{classes(){return{"activity-indicator-center":this.center,"activity-indicator-absolute":this.absolute,[this.size&&`activity-indicator-${this.size}`]:!!this.size}},style(){return{width:p(this.width),maxWidth:p(this.maxWidth),minWidth:p(this.minWidth),height:p(this.height),maxHeight:p(this.maxHeight),minHeight:p(this.minHeight)}}},async mounted(){const e=await this.component();this.is=()=>e},methods:{async component(){let e=E.get(this.type);return e instanceof Promise?e:(typeof e=="function"&&(e=await e()),e.default?e.default:e)}}},P={class:"activity-indicator-content"},R={key:1,class:"activity-indicator-label"};function I(e,t,s,n,r,a){return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["activity-indicator",a.classes]),style:i.normalizeStyle(a.style)},[i.createElementVNode("div",P,[e.is?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.is()),{key:0,class:"mx-auto"})):i.createCommentVNode("",!0),s.label?(i.openBlock(),i.createElementBlock("div",R,i.toDisplayString(s.label),1)):i.createCommentVNode("",!0)])],6)}const V=k(L,[["render",I]]),ie="",se="",ne="",re="",ae="",oe="",le="",de="",ce="",ue="",he="",pe="",fe="",me="",f={};function m(...e){if(!e.length)return f;const[t,s]=e;return typeof t=="string"?typeof f[t]<"u"?f[t]:s:Array.isArray(t)?t.reduce((n,r)=>Object.assign(n,{[r]:f[r]}),{}):Object.assign(f,...e)}var D={props:{dropShadow:[Boolean,String],dropShadowableClassPrefix:{type:String,default:"drop-shadow"},shadow:[Boolean,String],shadowableClassPrefix:{type:String,default:"shadow"}},computed:{shadowableClass(){const e=this.dropShadow===!0?"":this.dropShadow&&`-${this.dropShadow}`,t=this.shadow===!0?"":this.shadow&&`-${this.shadow}`;return{[`${this.dropShadowableClassPrefix}${e}`]:!!this.dropShadow,[`${this.shadowableClassPrefix}${t}`]:!!this.shadow}}}},v=function(){return v=Object.assign||function(t){for(var s,n=1,r=arguments.length;n<r;n++){s=arguments[n];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(t[a]=s[a])}return t},v.apply(this,arguments)};function H(e){return e.toLowerCase()}var M=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],Z=/[^A-Z0-9]+/gi;function q(e,t){t===void 0&&(t={});for(var s=t.splitRegexp,n=s===void 0?M:s,r=t.stripRegexp,a=r===void 0?Z:r,c=t.transform,g=c===void 0?H:c,o=t.delimiter,C=o===void 0?" ":o,l=w(w(e,n,"$1\0$2"),a,"\0"),u=0,h=l.length;l.charAt(u)==="\0";)u++;for(;l.charAt(h-1)==="\0";)h--;return l.slice(u,h).split("\0").map(g).join(C)}function w(e,t,s){return t instanceof RegExp?e.replace(t,s):t.reduce(function(n,r){return n.replace(r,s)},e)}function G(e,t){return t===void 0&&(t={}),q(e,v({delimiter:"."},t))}function F(e,t){return t===void 0&&(t={}),G(e,v({delimiter:"-"},t))}function b(e,t,s="-"){const n=t.toString().replace(new RegExp(`^${e}${s}?`),"");return[F(n),e].filter(r=>!!r).join(s)}function A(e){return!Array.isArray(e)&&typeof e=="object"}function B(e){return e===void 0}const W={directives:{bindEvents:{beforeMount(e,t,s){t.instance.bindEvents(e)}}},mixins:[D],inheritAttrs:!1,props:{activity:{type:Boolean,default:!1},animated:{type:Boolean,default:()=>m("animated",!1)},nativeEvents:{type:Array,default(){return["focus","blur","change","click","keypress","keyup","keydown","progress","paste"]}},defaultControlClass:{type:String,default:()=>m("defaultControlClass","form-control")},error:[String,Array,Boolean],errors:{type:[Array,Object,Boolean],default(){return{}}},feedback:[String,Array],group:{type:Boolean,default:()=>m("group",!0)},helpText:[Number,String],hideLabel:Boolean,indicator:{type:String,default:()=>m("indicator","spinner")},indicatorSize:String,inline:Boolean,invalid:Boolean,label:[Number,String],labelClass:{type:[Object,String],default:()=>m("labelClass","form-label")},modelValue:{default:void 0},pill:Boolean,plaintext:Boolean,size:String,spacing:String,valid:Boolean},data(){return{defaultEmpty:!1,hasChanged:!1,hasFocus:!1,isEmpty:!0}},computed:{id(){return this.$attrs.id||this.$attrs.name||(Math.random()+1).toString(36).substring(7)},componentName(){return this.$options.name},controlAttributes(){return Object.fromEntries(Object.entries(this.$attrs).concat([["id",this.id],["class",this.controlClasses]]))},controlClass(){return this.defaultControlClass},controlSizeClass(){return b(this.size,this.controlClass)},formGroupClasses(){return{[F(this.componentName)]:!!this.componentName,[this.size&&b(this.size,this.componentName)]:!!this.size,animated:this.animated,"default-empty":this.defaultEmpty,"form-group":this.group,[this.size&&b(this.size,"form-group")]:!!this.size,"has-activity":this.activity,"has-changed":this.hasChanged,"has-focus":this.hasFocus,"has-icon":!!this.$slots.icon,"is-empty":this.isEmpty,"is-invalid":!!(this.invalid||this.invalidFeedback),"is-valid":!!(this.valid||this.validFeedback),[this.$attrs.class]:!!this.$attrs.class,[this.$attrs.id]:!!this.$attrs.id}},controlClasses(){return Object.assign({[this.controlClass]:!!this.controlClass,[this.controlSizeClass]:!!this.controlSizeClass,"form-control-icon":!!this.$slots.icon,"is-valid":!!(this.valid||this.validFeedback),"is-invalid":!!(this.invalid||this.invalidFeedback),[this.pillClasses]:this.pill,[this.plaintextClass]:this.plaintext,[this.spacing]:!!this.spacing},this.shadowableClass)},hasDefaultSlot(){return!!this.$slots.default},invalidFeedback(){if(this.error==="")return null;if(this.error)return this.error;const e=this.getFieldErrors();return Array.isArray(e)?e.filter(t=>t&&typeof t=="string").join("<br>"):e},pillClasses(){return"rounded rounded-pill"},plaintextClass(){return"form-control-plaintext"},validFeedback(){return Array.isArray(this.feedback)?this.feedback.join("<br>"):this.feedback}},watch:{hasFocus(){this.shouldChangeOnFocus()&&(this.hasChanged=!0)},defaultEmpty(){this.hasChanged=!0}},methods:{bindEvents(e,t){t||(t=this.onInput);const s=e.querySelectorAll("option")[e.selectedIndex];B(this.modelValue)?B(s)||(e.value=s.value):e.value=this.modelValue,e.value&&t(e.value),this.hasChanged=!!e.value,this.isEmpty=!e.value,e.addEventListener("focus",()=>{this.hasFocus=!0}),e.addEventListener("blur",()=>{this.hasFocus=!1}),e.addEventListener("input",n=>{this.isEmpty=!1,this.hasChanged=!0}),e.addEventListener(e.tagName==="SELECT"?"change":"input",()=>t(e.value)),this.nativeEvents.forEach(n=>{e.addEventListener(n,r=>{this.$emit(n,r)})})},blur(){this.getInputField()&&this.getInputField().blur()},focus(){this.getInputField()&&this.getInputField().focus()},getInputField(){return this.$el.querySelector(".form-control, input, select, textarea")},getFieldErrors(){let e=this.error||this.errors;return this.errors&&A(this.errors)&&(e=this.errors[this.$attrs.name||this.$attrs.id]),!e||Array.isArray(e)||A(e)?e:[e]},shouldChangeOnFocus(){return!this.getInputField().readOnly},onInput(e){this.$emit("update:modelValue",e)}}},ge="",U={name:"SelectField",components:{ActivityIndicator:V},mixins:[W],props:{defaultControlClass:{type:String,default:"form-select"}},computed:{controlClass(){return this.plaintext?`${this.defaultControlClass}-plaintext`:this.defaultControlClass}},mounted(){},methods:{shouldChangeOnFocus(){return!1}}},X=["for","innerHTML"],J={class:"form-group-inner"},K=["innerHTML"],Q=["innerHTML"];function Y(e,t,s,n,r,a){const c=i.resolveComponent("activity-indicator"),g=i.resolveDirective("bind-events");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(e.formGroupClasses)},[i.renderSlot(e.$slots,"label",{},()=>[e.label?(i.openBlock(),i.createElementBlock("label",{key:0,ref:"label",for:e.id,class:i.normalizeClass(e.labelClass),onClick:t[0]||(t[0]=(...o)=>e.focus&&e.focus(...o)),innerHTML:e.label},null,10,X)):i.createCommentVNode("",!0)]),i.createElementVNode("div",J,[i.renderSlot(e.$slots,"control",{bindEvents:e.bindEvents,controlAttributes:e.controlAttributes,focus:e.focus},()=>[e.$slots.icon?(i.openBlock(),i.createElementBlock("div",{key:0,class:"form-group-inner-icon",onClick:t[1]||(t[1]=(...o)=>e.focus&&e.focus(...o))},[i.renderSlot(e.$slots,"icon")])):i.createCommentVNode("",!0),i.withDirectives((i.openBlock(),i.createElementBlock("select",i.mergeProps({ref:"field"},Object.assign({disabled:e.$attrs.readonly},e.controlAttributes)),[i.renderSlot(e.$slots,"default")],16)),[[g]])]),i.renderSlot(e.$slots,"activity",{},()=>[i.createVNode(i.Transition,{name:"select-field-fade"},{default:i.withCtx(()=>[e.activity?(i.openBlock(),i.createBlock(c,{key:"activity",ref:"activity",type:e.indicator,size:e.indicatorSize||e.size},null,8,["type","size"])):i.createCommentVNode("",!0)]),_:1})])]),i.renderSlot(e.$slots,"feedback",{},()=>[e.invalidFeedback?(i.openBlock(),i.createElementBlock("div",{key:0,class:"invalid-feedback",invalid:"",innerHTML:e.invalidFeedback},null,8,K)):e.validFeedback?(i.openBlock(),i.createElementBlock("div",{key:1,class:"valid-feedback",valid:"",innerHTML:e.validFeedback},null,8,Q)):i.createCommentVNode("",!0)]),i.renderSlot(e.$slots,"help",{},()=>[e.helpText?(i.openBlock(),i.createElementBlock("small",{key:0,ref:"help"},i.toDisplayString(e.helpText),513)):i.createCommentVNode("",!0)])],2)}const ee=k(U,[["render",Y]]);d.SelectField=ee,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});