@danielgindi/selectbox 1.0.147 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/droplist.css +1 -1
- package/css/droplist.css.map +1 -1
- package/dist/lib.cjs.js +853 -338
- package/dist/lib.cjs.js.map +1 -1
- package/dist/lib.cjs.min.js +2 -2
- package/dist/lib.cjs.min.js.map +1 -1
- package/dist/lib.es6.js +853 -338
- package/dist/lib.es6.js.map +1 -1
- package/dist/lib.es6.min.js +2 -2
- package/dist/lib.es6.min.js.map +1 -1
- package/dist/lib.umd.js +853 -338
- package/dist/lib.umd.js.map +1 -1
- package/dist/lib.umd.min.js +2 -2
- package/dist/lib.umd.min.js.map +1 -1
- package/lib/DropList.js +726 -104
- package/lib/SelectBox.js +80 -187
- package/package.json +19 -20
- package/scss/droplist.scss +141 -110
- package/vue/DropList.vue +93 -8
- package/vue/SelectBox.vue +13 -13
package/css/droplist.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
.droplist_wrapper{box-sizing:border-box;z-index:10000;float:left;margin:0;padding:0;border:1px solid #b1b1b1;outline:0;border-radius:5px;background:#fff;max-height:300px;max-width:100%}.droplist_wrapper .droplist_header{position:relative;padding:.5em;box-sizing:inherit}.droplist_wrapper .droplist_header input[type=search]{box-sizing:inherit;width:100%}.droplist_wrapper.droplist__is_above{border-bottom-left-radius:0;border-bottom-right-radius:0;margin:1px 0 0 0}.droplist_wrapper.droplist__is_below{border-top-left-radius:0;border-top-right-radius:0;margin:-1px 0 0 0}.droplist_wrapper ul{list-style:none;margin:0;padding:0;border:0;overflow-y:auto;overflow-x:hidden;max-height:100%;max-width:100%;background:none}.droplist_wrapper ul li{box-sizing:border-box;position:relative;margin:0;padding:3px 11px 4px 11px;height:23px;font-size:13px;line-height:17px;color:#3e3f48;white-space:nowrap;cursor:pointer;width:100%;overflow:hidden}.droplist_wrapper ul li.droplist__item_focus{background-color:#3e3f48;color:#fff}.droplist_wrapper ul li .checkbox{position:absolute;left:6px;top:3px;display:block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %236ca1c6; fill: %23dae7f1;'%3E%3C/rect%3E%3C/svg%3E");background-size:100% 100%}.droplist_wrapper ul li:hover .checkbox{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %236ca1c6; fill: %23fff;'%3E%3C/rect%3E%3C/svg%3E")}.droplist_wrapper ul li:active .checkbox,.droplist_wrapper ul li:hover:active .checkbox{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %23396d93; fill: %23b5cfe3;'%3E%3C/rect%3E%3C/svg%3E")}.droplist_wrapper ul li.droplist__item_multi.droplist__item_checked .checkbox{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %236ca1c6; fill: %23dae7f1;'%3E%3C/rect%3E%3Cpath fill='%236ca1c6' d='m364.136 158.276-172.589 171.204c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z'/%3E%3C/svg%3E%0A")}.droplist_wrapper ul li.droplist__item_multi.droplist__item_checked:hover .checkbox{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %236ca1c6; fill: %23fff;'%3E%3C/rect%3E%3Cpath fill='%236ca1c6' d='m364.136 158.276-172.589 171.204c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z'/%3E%3C/svg%3E%0A")}.droplist_wrapper ul li.droplist__item_multi.droplist__item_checked:active .checkbox,.droplist_wrapper ul li.droplist__item_multi.droplist__item_checked:hover:active .checkbox{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %23396d93; fill: %23b5cfe3;'%3E%3C/rect%3E%3Cpath fill='%23396d93' d='m364.136 158.276-172.589 171.204c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z'/%3E%3C/svg%3E%0A")}.droplist_wrapper ul li.droplist__item_single.droplist__item_checked{opacity:.5}.droplist_wrapper ul li.droplist__item_multi:not(.droplist__item_multi_nocheck){padding:1px 6px 2px 2px}.droplist_wrapper ul li.droplist__item_multi:not(.droplist__item_multi_nocheck) .droplist__item_label{display:block;margin:1px 0 0 24px}.droplist_wrapper ul li.droplist__item_group{font-weight:bold}.droplist_wrapper ul li.droplist__item_child.droplist__item_multi:not(.droplist__item_multi_nocheck){padding-left:15px}.droplist_wrapper ul li.droplist__item_child.droplist__item_single,.droplist_wrapper ul li.droplist__item_child.droplist__item_multi_nocheck{padding-left:24px}.droplist_wrapper ul li.droplist__item_nointeraction{cursor:default}.droplist_wrapper ul .droplist__no_results_content{text-align:center}.droplist_wrapper ul li .remove{display:none;position:absolute;top:0;right:2px;width:34px;height:20px;padding:0;border:0;background:none;line-height:20px;vertical-align:middle;text-align:center;direction:ltr;font-size:15px;cursor:pointer}.droplist_wrapper ul li .remove:before{display:inline-block;content:"x";color:#fff}.droplist_wrapper ul .droplist__item_focus .remove{display:block}.droplist_wrapper.droplist__rtl,[dir=rtl] .droplist_wrapper:not(.droplist__ltr){direction:rtl}.droplist_wrapper.droplist__rtl ul li .checkbox,[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li .checkbox{left:auto;right:6px}.droplist_wrapper.droplist__rtl ul li.droplist__item_multi:not(.droplist__item_multi_nocheck),[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li.droplist__item_multi:not(.droplist__item_multi_nocheck){padding:1px 2px 2px 6px}.droplist_wrapper.droplist__rtl ul li.droplist__item_multi:not(.droplist__item_multi_nocheck) .droplist__item_label,[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li.droplist__item_multi:not(.droplist__item_multi_nocheck) .droplist__item_label{margin:1px 24px 0 0}.droplist_wrapper.droplist__rtl ul li.droplist__item_child.droplist__item_multi:not(.droplist__item_multi_nocheck),[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li.droplist__item_child.droplist__item_multi:not(.droplist__item_multi_nocheck){padding-left:6px;padding-right:15px}.droplist_wrapper.droplist__rtl ul li.droplist__item_child.droplist__item_single,.droplist_wrapper.droplist__rtl ul li.droplist__item_child.droplist__item_multi_nocheck,[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li.droplist__item_child.droplist__item_single,[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li.droplist__item_child.droplist__item_multi_nocheck{padding-left:11px;padding-right:24px}.droplist_wrapper.droplist__rtl ul li .remove,[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li .remove{right:auto;left:2px}.has_droplist_above{border-top-left-radius:0;border-top-right-radius:0}.has_droplist_below{border-bottom-left-radius:0;border-bottom-right-radius:0}
|
|
2
2
|
|
|
3
3
|
/*# sourceMappingURL=droplist.css.map */
|
package/css/droplist.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../scss/droplist.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../scss/droplist.scss"],"names":[],"mappings":"AAAA,kBACC,sBACA,cACA,WACA,SACA,UACA,yBACA,UACA,kBACA,gBACA,iBACA,eAEA,mCACC,kBACA,aACA,mBAEA,sDACC,mBACA,WAIF,qCACC,4BACA,6BACA,iBAGD,qCACC,yBACA,0BACA,kBAGD,qBACC,gBACA,SACA,UACA,SACA,gBACA,kBACA,gBACA,eACA,gBAEA,wBACC,sBACA,kBACA,SACA,0BACA,YACA,eACA,iBACA,cACA,mBACA,eAIA,WACA,gBAEA,6CAEC,yBACA,WAKD,kCACC,kBACA,SACA,QACA,cACA,WACA,YAGA,4PACA,0BAGD,wCAEC,yPAGD,wFAGC,4PAKD,8EAEC,+jBAGD,oFAEC,4jBAGD,gLAGC,+jBAIF,qEACC,WAGD,gFACC,wBAEA,sGACC,cACA,oBAIF,6CACC,iBAGD,qGACC,kBAGD,6IAEC,kBAGD,qDACC,eAGD,mDACC,kBAGD,gCACC,aACA,kBACA,MACA,UACA,WACA,YACA,UACA,SACA,gBACA,iBACA,sBACA,kBACA,cACA,eACA,eAEA,uCACC,qBACA,YACA,WAIF,mDACC,cAIF,gFAEC,cAMC,gHACC,UACA,UAIF,4MACC,wBAEA,wPACC,oBAIF,sPACC,iBACA,mBAGD,kXAEC,kBACA,mBAGD,4GACC,WACA,SAKH,oBACI,yBACA,0BAGJ,oBACI,4BACA","file":"droplist.css"}
|