UNPKG

stf-angular-select

Version:

Custom reusable select for angular with wide posibilities

1 lines 6.19 kB
{"version":3,"sources":["webpack:///webpack:///src/stf-select.scss"],"names":[],"mappings":"AAAA,YAA8B,cAAc,YAAY,cAAoC,qBAAqB,CAAC,mCAAtG,kBAA0D,qBAAsB,CAA8K,uBAA/G,YAAY,oBAAwB,wCAA+D,WAAW,CAAC,mBAAmB,YAAY,CAAC,mBAAmB,aAAa,YAA2B,iBAAiB,uBAAyB,mCAAoC,CAAgF,4CAA7K,eAA6F,mBAAmB,gBAAgB,uBAAuB,qBAAqB,CAA2R,yBAAjQ,kBAAkB,QAAQ,WAA0B,iBAAiB,sBAAuG,oDAA2D,yBAAyB,CAAC,kBAAkB,cAAc,kBAAkB,QAAQ,WAAW,YAAY,WAAW,kBAAkB,aAAa,eAAe,SAAS,CAAC,wBAAwB,WAAW,qBAAqB,kBAAkB,SAAS,UAAU,QAAQ,SAAS,mBAAmB,uBAA2B,oDAAiE,CAAC,qBAAqB,WAAW,gBAAgB,aAAa,iBAAiB,gBAAgB,aAAa,kBAAkB,SAAS,UAAU,yBAAyB,gEAAkE,CAAC,wCAAwC,SAAS,CAAC,8CAA8C,qBAAwB,CAAC,8CAA8C,wBAAwB,CAAC,qBAAqB,cAAc,qCAAsC,QAAQ,CAAC,iCAAiC,eAAe,CAAC,gCAAgC,kBAAkB,CAAC,mCAAmC,eAAe,CAAC,kCAAkC,kBAAkB,CAAC,8BAA8B,aAAa,CAAC,0CAA0C,eAAe,CAAC,yCAAyC,kBAAkB,CAAC,mBAAmB,gBAAgB,kBAAkB,aAAa,mBAAmB,WAAW,kCAAmC,iBAAiB,aAAa,eAAe,qBAAqB,CAAC,yBAAyB,eAAe,CAAC,yBAAyB,aAAa,CAAC,0BAA0B,aAAa,kBAAkB,MAAM,UAAU,sBAAsB,CAAC,yCAAyC,aAAa,CAAC,+CAA+C,WAAW,qDAAwD,qBAAsB,CAAC,8CAA8C,SAAS,CAAC,gDAAgD,eAAe,CAAC,6CAA6C,WAAW,qDAAwD,qBAAsB,CAAC,4CAA4C,oDAAiE,CAAC,2CAA2C,uCAAwC,CAAC,yCAAyC,aAAa,CAAC,4CAA4C,SAAS,CAAC,8CAA8C,cAAc,WAAW,kBAAkB,CAAC,oDAAmE,iBAAiC,uBAAuB,YAAY,gCAAgC,aAAa,kBAAoB,WAAW,eAAe,gBAAgB,eAAe,CAAC,+EAA+E,gBAAgB,qBAAsB,CAAC,sEAAsE,gBAAgB,qBAAsB,CAAC,0EAA0E,gBAAgB,qBAAsB,CAAC,uDAAuD,eAAe,kBAAkB,CAAC,8DAA8D,2BAA2B,CAAC,gEAAgE,aAAa,CAAC,+DAA+D,UAAU,aAAa,CAAC,uEAAuE,2BAA2B,CAAC,yEAAyE,aAAa,CAAC,+EAA+E,cAAc,eAAe,kBAAkB,CAAC,wEAAwE,UAAU,aAAa","file":"styles.css","sourcesContent":[".stf-select{position:relative;margin:18px 0;height:52px;padding:2px 0;box-sizing:border-box;vertical-align:middle}.stf-select__container{position:relative;height:33px;padding:0px 2px 3px 0px;border-bottom:1px solid rgba(0,0,0,0.12);box-sizing:border-box;cursor:text}.stf-select__label{display:none}.stf-select__value{display:none;height:33px;font-size:16px;line-height:26px;padding:2px 35px 4px 0px;border-bottom:1px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.stf-select__placeholder{position:absolute;top:3px;width:100%;font-size:16px;line-height:24px;color:rgba(0,0,0,0.38);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;transition:transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);transform-origin:left top}.stf-select__icon{display:block;position:absolute;top:5px;right:-5px;height:28px;width:24px;text-align:center;margin:0 4px;cursor:pointer;z-index:6}.stf-select__icon:after{content:'';display:inline-block;position:absolute;top:10px;right:5px;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:rgba(0,0,0,0.54) transparent transparent transparent}.stf-select__options{width:100%;min-width:136px;min-height:0;max-height:256px;overflow-y:auto;display:none;position:absolute;top:50px;z-index:7;background-color:#fafafa;box-shadow:0 8px 8px 0 rgba(0,0,0,0.24),0 0 8px 0 rgba(0,0,0,0.12)}.stf-select__options::-webkit-scrollbar{width:8px}.stf-select__options::-webkit-scrollbar-track{background-color:#dddddd}.stf-select__options::-webkit-scrollbar-thumb{background-color:#bdbdbd}.stf-select__divider{display:block;border-top:1px solid rgba(0,0,0,0.12);margin:0}.stf-select__divider:first-child{padding-top:8px}.stf-select__divider:last-child{padding-bottom:8px}.stf-select md-divider:first-child{padding-top:8px}.stf-select md-divider:last-child{padding-bottom:8px}.stf-select stf-select-option{display:block}.stf-select stf-select-option:first-child{padding-top:8px}.stf-select stf-select-option:last-child{padding-bottom:8px}.stf-select-option{min-height:48px;position:relative;display:flex;align-items:center;width:auto;transition:background 0.15s linear;padding:8px 16px;outline:none;cursor:pointer;box-sizing:border-box}.stf-select-option:hover{background:#eee}.stf-select-option_error{color:#ec413b}.stf-select__search-input{display:none;position:absolute;top:0;z-index:5;background:transparent}.stf-select_has-value .stf-select__value{display:block}.stf-select_has-value .stf-select__placeholder{width:auto;transform:translateY(-22px) translateX(0px) scale(0.75);color:rgba(0,0,0,0.54)}.stf-select_has-value .stf-select__icon:after{opacity:1}.stf-select_has-value .stf-select__search-input{background:#fff}.stf-select_focused .stf-select__placeholder{width:auto;transform:translateY(-22px) translateX(0px) scale(0.75);color:rgba(0,0,0,0.87)}.stf-select_focused .stf-select__icon:after{border-color:rgba(0,0,0,0.87) transparent transparent transparent}.stf-select_focused .stf-select__container{border-bottom:2px solid rgba(0,0,0,0.87)}.stf-select_focused .stf-select__options{display:block}.stf-select_focused .stf-select__icon:after{opacity:1}.stf-select_focused .stf-select__search-input{display:block;width:100%;padding-right:35px}.stf-select_focused .stf-select__search-input input{font-size:16px;line-height:22px;font-weight:400;background:transparent;border:none;border-bottom:1px solid #d8d8d8;outline:none;padding:4px 0 5px 0;width:100%;font-size:16px;font-weight:400;border-bottom:0}.stf-select_focused .stf-select__search-input input::-webkit-input-placeholder{font-weight:400;color:rgba(0,0,0,0.54)}.stf-select_focused .stf-select__search-input input::-moz-placeholder{font-weight:400;color:rgba(0,0,0,0.54)}.stf-select_focused .stf-select__search-input input:-ms-input-placeholder{font-weight:400;color:rgba(0,0,0,0.54)}np-stf-select[required] .stf-select__placeholder:after{font-size:13px;vertical-align:top}.ng-submitted np-stf-select.ng-invalid .stf-select__container{border-bottom-color:#ec413b}.ng-submitted np-stf-select.ng-invalid .stf-select__placeholder{color:#ec413b}.ng-submitted np-stf-select.ng-invalid .stf-select__icon:after{opacity:1;color:#ec413b}.ng-submitted np-stf-select.ng-invalid-required .stf-select__container{border-bottom-color:#ec413b}.ng-submitted np-stf-select.ng-invalid-required .stf-select__placeholder{color:#ec413b}.ng-submitted np-stf-select.ng-invalid-required .stf-select__placeholder:after{color:#ec413b;font-size:13px;vertical-align:top}.ng-submitted np-stf-select.ng-invalid-required .stf-select__icon:after{opacity:1;color:#ec413b}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/stf-select.scss"],"sourceRoot":""}