vuex-dropdown/dist/vuex-dropdown.js

A Vue.js component dropdown

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("vuex-dropdown",[],t):"object"==typeof exports?exports["vuex-dropdown"]=t():e["vuex-dropdown"]=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){n(1);var o=n(6)(n(7),n(8),"data-v-45c6a5ed",null);e.exports=o.exports},function(e,t,n){var o=n(2);"string"==typeof o&&(o=[[e.id,o,""]]),o.locals&&(e.exports=o.locals);n(4)("5ac11314",o,!0)},function(e,t,n){t=e.exports=n(3)(!1),t.push([e.id,".vuexdropdown[data-v-45c6a5ed]{display:block;position:relative}.vuexdropdown__header[data-v-45c6a5ed]{background-color:#fff;border:1px solid #cdcdcd;line-height:30px;padding:0 40px 0 8px;position:relative;border-radius:4px;cursor:pointer}.vuexdropdown__header i.fa[data-v-45c6a5ed]{position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .3s ease-in-out;font-size:22px}.vuexdropdown__header i.fa.fa-angle-up[data-v-45c6a5ed]{opacity:0}.vuexdropdown.is-active .vuexdropdown__header i.fa.fa-angle-up[data-v-45c6a5ed]{opacity:1}.vuexdropdown.is-active .vuexdropdown__header i.fa.fa-angle-down[data-v-45c6a5ed]{opacity:0}.vuexdropdown .vuexdropdown__content[data-v-45c6a5ed]{position:absolute;width:100%;display:block;max-height:0;opacity:0;overflow:hidden;padding:0;visibility:hidden;z-index:999;background-color:#fff;border:1px solid #f2f2f2;border-radius:4px;box-shadow:0 3px 8px rgba(0,0,0,.3);transition:all .3s ease-in-out}.vuexdropdown.is-active .vuexdropdown__content[data-v-45c6a5ed]{max-height:1500px;opacity:1;visibility:visible;transition:all .3s ease-in-out}.vuexdropdown .vuexdropdown__content ul[data-v-45c6a5ed]{display:block;margin:0;padding:0;list-style:none}.vuexdropdown .vuexdropdown__content ul li[data-v-45c6a5ed]{display:block;padding:8px 10px;margin:0;text-align:left;cursor:pointer;transition:all .3s ease-in-out}.vuexdropdown .vuexdropdown__content ul li[data-v-45c6a5ed]:hover{background:#f5f5f5;transition:all .3s ease-in-out}",""])},function(e,t){function n(e,t){var n=e[1]||"",i=e[3];if(!i)return n;if(t&&"function"==typeof btoa){var r=o(i),a=i.sources.map(function(e){return"/*# sourceURL="+i.sourceRoot+e+" */"});return[n].concat(a).concat([r]).join("\n")}return[n].join("\n")}function o(e){var t=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),n="sourceMappingURL=data:application/json;charset=utf-8;base64,"+t;return"/*# "+n+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var o=n(t,e);return t[2]?"@media "+t[2]+"{"+o+"}":o}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},i=0;i<this.length;i++){var r=this[i][0];"number"==typeof r&&(o[r]=!0)}for(i=0;i<e.length;i++){var a=e[i];"number"==typeof a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),t.push(a))}},t}},function(e,t,n){function o(e){for(var t=0;t<e.length;t++){var n=e[t],o=c[n.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](n.parts[i]);for(;i<n.parts.length;i++)o.parts.push(r(n.parts[i]));o.parts.length>n.parts.length&&(o.parts.length=n.parts.length)}else{for(var a=[],i=0;i<n.parts.length;i++)a.push(r(n.parts[i]));c[n.id]={id:n.id,refs:1,parts:a}}}}function i(){var e=document.createElement("style");return e.type="text/css",p.appendChild(e),e}function r(e){var t,n,o=document.querySelector('style[data-vue-ssr-id~="'+e.id+'"]');if(o){if(v)return h;o.parentNode.removeChild(o)}if(x){var r=f++;o=l||(l=i()),t=a.bind(null,o,r,!1),n=a.bind(null,o,r,!0)}else o=i(),t=s.bind(null,o),n=function(){o.parentNode.removeChild(o)};return t(e),function(o){if(o){if(o.css===e.css&&o.media===e.media&&o.sourceMap===e.sourceMap)return;t(e=o)}else n()}}function a(e,t,n,o){var i=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=g(t,i);else{var r=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(r,a[t]):e.appendChild(r)}}function s(e,t){var n=t.css,o=t.media,i=t.sourceMap;if(o&&e.setAttribute("media",o),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var d="undefined"!=typeof document,u=n(5),c={},p=d&&(document.head||document.getElementsByTagName("head")[0]),l=null,f=0,v=!1,h=function(){},x="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,n){v=n;var i=u(e,t);return o(i),function(t){for(var n=[],r=0;r<i.length;r++){var a=i[r],s=c[a.id];s.refs--,n.push(s)}t?(i=u(e,t),o(i)):i=[];for(var r=0;r<n.length;r++){var s=n[r];if(0===s.refs){for(var d=0;d<s.parts.length;d++)s.parts[d]();delete c[s.id]}}}};var g=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=function(e,t){for(var n=[],o={},i=0;i<t.length;i++){var r=t[i],a=r[0],s=r[1],d=r[2],u=r[3],c={id:e+":"+i,css:s,media:d,sourceMap:u};o[a]?o[a].parts.push(c):n.push(o[a]={id:a,parts:[c]})}return n}},function(e,t){e.exports=function(e,t,n,o){var i,r=e=e||{},a=typeof e["default"];"object"!==a&&"function"!==a||(i=e,r=e["default"]);var s="function"==typeof r?r.options:r;if(t&&(s.render=t.render,s.staticRenderFns=t.staticRenderFns),n&&(s._scopeId=n),o){var d=Object.create(s.computed||null);Object.keys(o).forEach(function(e){var t=o[e];d[e]=function(){return t}}),s.computed=d}return{esModule:i,exports:r,options:s}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={props:["options","selected","classNames"],data:function(){return{isOpened:!1}},methods:{hadleClick:function(e){this.isOpened=!this.isOpened,this.$emit("onSelect",e)},toggleDropdown:function(){this.isOpened=!this.isOpened},outsideClick:function(){this.isOpened=!1}},computed:{getClassNames:function(){var e={vuexdropdown:!0,"is-active":this.isOpened};return this.classNames&&this.classNames.map(function(t){e[t]=!0}),e}},directives:{"click-outside":{bind:function(e,t,n){var o=t.modifiers.bubble,i=function(n){(o||!e.contains(n.target)&&e!==n.target)&&t.value(n)};e.__vueClickOutside__=i,document.addEventListener("click",i)},unbind:function(e,t){document.removeEventListener("click",e.__vueClickOutside__),e.__vueClickOutside__=null}}}}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{directives:[{name:"click-outside",rawName:"v-click-outside",value:e.outsideClick,expression:"outsideClick"}],"class":e.getClassNames},[n("div",{staticClass:"vuexdropdown__header",on:{click:function(t){e.toggleDropdown()}}},[n("span",[e._v(e._s(e.selected.label))]),e._v(" "),n("i",{staticClass:"fa fa-angle-down",attrs:{"aria-hidden":"true"}}),e._v(" "),n("i",{staticClass:"fa fa-angle-up",attrs:{"aria-hidden":"true"}})]),e._v(" "),n("div",{staticClass:"vuexdropdown__content"},[n("ul",e._l(e.options,function(t,o){return n("li",{key:o,on:{click:function(n){e.hadleClick(t)}}},[e._v(e._s(t.label))])}))])])},staticRenderFns:[]}}])});