uniform-ui 2.3.5 → 2.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5ee8e0b603653407ba912e094246075c11185a9a4bdaebed02a7f25a5046677f
-  data.tar.gz: 3479264ee4480f9e8e73d549216d94afab1d26307b164d6fb5d05310488a75a9
+  metadata.gz: 1a70cfa3c98bab49b50c2c5866fcfdb2f1dde00ced660c7c2c3cc9009a21f819
+  data.tar.gz: 5c64c92d6d8e636ded0928b2fd8e1a878f1b1deaf3998a6a4fcf6dadc160e7af
 SHA512:
-  metadata.gz: 4c0f7f138450830356276a63e9272fee5ec6b2da795df327733c9d2f317d8fdf8ef15f9b5625df1073e7d643bbf72083eb3294add8ea71fc020ffe7684d6fdb0
-  data.tar.gz: 1d61e6a926c7b2133ff79f5114ca91f08749553d5d5b98d729cea88631595d07d0deb6c7e0ef9777758a657ebc93085f7ed1a6debddc215ccca12fc56e9a2122
+  metadata.gz: e2c963331db17062cf77bd459435d6ec92e75783434304b5e35b6180ec34c9eec020996f4f4caad831243e3075c9b42bd3558ec4320d500bba8c08351fd609c7
+  data.tar.gz: 30c019f85d3b028382c89ccd5ef4611b88e3b9b83aeb69b528775909d7c0407cf7f8a691ba072c523c1db10f1dd0b4c5899ffb56666b5959e085428f4a20003e

data/lib/assets/javascripts/uniform.es5.js

@@ -1 +1 @@
-!function(){"use strict";function t(t,e){return t(e={exports:{}},e.exports),e.exports}var y=t(function(t){var e=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=e)}),v=t(function(t){var e=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=e)}),m=(v.version,function(i,o,t){if(function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!")}(i),void 0===o)return i;switch(t){case 1:return function(t){return i.call(o,t)};case 2:return function(t,e){return i.call(o,t,e)};case 3:return function(t,e,n){return i.call(o,t,e,n)}}return function(){return i.apply(o,arguments)}}),c=function(t){return"object"==typeof t?null!==t:"function"==typeof t},s=function(t){if(!c(t))throw TypeError(t+" is not an object!");return t},a=function(t){try{return!!t()}catch(t){return!0}},i=!a(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}),e=y.document,n=c(e)&&c(e.createElement),o=function(t){return n?e.createElement(t):{}},r=!i&&!a(function(){return 7!=Object.defineProperty(o("div"),"a",{get:function(){return 7}}).a}),l=function(t,e){if(!c(t))return t;var n,i;if(e&&"function"==typeof(n=t.toString)&&!c(i=n.call(t)))return i;if("function"==typeof(n=t.valueOf)&&!c(i=n.call(t)))return i;if(!e&&"function"==typeof(n=t.toString)&&!c(i=n.call(t)))return i;throw TypeError("Can't convert object to primitive value")},u=Object.defineProperty,h={f:i?Object.defineProperty:function(t,e,n){if(s(t),e=l(e,!0),s(n),r)try{return u(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},x=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}},S=i?function(t,e,n){return h.f(t,e,x(1,n))}:function(t,e,n){return t[e]=n,t},f={}.hasOwnProperty,g=function(t,e){return f.call(t,e)},b="prototype",w=function(t,e,n){var i,o,r,s=t&w.F,l=t&w.G,c=t&w.S,a=t&w.P,u=t&w.B,h=t&w.W,f=l?v:v[e]||(v[e]={}),p=f[b],d=l?y:c?y[e]:(y[e]||{})[b];for(i in l&&(n=e),n)(o=!s&&d&&void 0!==d[i])&&g(f,i)||(r=o?d[i]:n[i],f[i]=l&&"function"!=typeof d[i]?n[i]:u&&o?m(r,y):h&&d[i]==r?function(i){var t=function(t,e,n){if(this instanceof i){switch(arguments.length){case 0:return new i;case 1:return new i(t);case 2:return new i(t,e)}return new i(t,e,n)}return i.apply(this,arguments)};return t[b]=i[b],t}(r):a&&"function"==typeof r?m(Function.call,r):r,a&&((f.virtual||(f.virtual={}))[i]=r,t&w.R&&p&&!p[i]&&S(p,i,r)))};w.F=1,w.G=2,w.S=4,w.P=8,w.B=16,w.W=32,w.U=64,w.R=128;var p,_=w,d={}.toString,k=function(t){return d.call(t).slice(8,-1)},O=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==k(t)?t.split(""):Object(t)},T=function(t){if(null==t)throw TypeError("Can't call method on  "+t);return t},E=function(t){return O(T(t))},P=Math.ceil,j=Math.floor,C=function(t){return isNaN(t=+t)?0:(0o;)g(i,n=e[o++])&&(~R(r,n)||r.push(n));return r},B="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(","),G=Object.keys||function(t){return D(t,B)},Y={f:Object.getOwnPropertySymbols},V={f:{}.propertyIsEnumerable},K=function(t){return Object(T(t))},J=Object.assign,U=!J||a(function(){var t={},e={},n=Symbol(),i="abcdefghijklmnopqrst";return t[n]=7,i.split("").forEach(function(t){e[t]=t}),7!=J({},t)[n]||Object.keys(J({},e)).join("")!=i})?function(t,e){for(var n=K(t),i=arguments.length,o=1,r=Y.f,s=V.f;o>>0||(lt.test(n)?16:10))}:rt;_(_.G+_.F*(parseInt!=ct),{parseInt:ct});var at=v.parseInt,ut=Array.isArray||function(t){return"Array"==k(t)};_(_.S,"Array",{isArray:ut});var ht=v.Array.isArray;var ft=function(t){if(ht(t))return t},pt=function(t,e){return{value:e,done:!!t}},dt={},yt=S,vt=i?Object.defineProperties:function(t,e){s(t);for(var n,i=G(e),o=i.length,r=0;rdocument.F=Object<\/script>"),t.close(),xt=t.F;n--;)delete xt[kt][B[n]];return xt()},St=Object.create||function(t,e){var n;return null!==t?(wt[kt]=s(t),n=new wt,wt[kt]=null,n[bt]=t):n=xt(),void 0===e?n:vt(n,e)},_t=t(function(t){var e=A("wks"),n=y.Symbol,i="function"==typeof n;(t.exports=function(t){return e[t]||(e[t]=i&&n[t]||(i?n:I)("Symbol."+t))}).store=e}),Ot=h.f,Tt=_t("toStringTag"),Et=function(t,e,n){t&&!g(t=n?t:t.prototype,Tt)&&Ot(t,Tt,{configurable:!0,value:e})},Pt={};S(Pt,_t("iterator"),function(){return this});var jt=q("IE_PROTO"),Ct=Object.prototype,Lt=Object.getPrototypeOf||function(t){return t=K(t),g(t,jt)?t[jt]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?Ct:null},zt=_t("iterator"),Mt=!([].keys&&"next"in[].keys()),At="values",Nt=function(){return this},Ht=function(t,e,n,i,o,r,s){var l,c,a;c=e,a=i,(l=n).prototype=St(Pt,{next:x(1,a)}),Et(l,c+" Iterator");var u,h,f,p=function(t){if(!Mt&&t in m)return m[t];switch(t){case"keys":case At:return function(){return new n(this,t)}}return function(){return new n(this,t)}},d=e+" Iterator",y=o==At,v=!1,m=t.prototype,g=m[zt]||m["@@iterator"]||o&&m[o],b=g||p(o),w=o?y?p("entries"):b:void 0,k="Array"==e&&m.entries||g;if(k&&(f=Lt(k.call(new t)))!==Object.prototype&&f.next&&Et(f,d,!0),y&&g&&g.name!==At&&(v=!0,b=function(){return g.call(this)}),s&&(Mt||v||!m[zt])&&S(m,zt,b),dt[e]=b,dt[d]=Nt,o)if(u={values:y?b:p(At),keys:r?b:p("keys"),entries:w},s)for(h in u)h in m||yt(m,h,u[h]);else _(_.P+_.F*(Mt||v),e,u);return u};Ht(Array,"Array",function(t,e){this._t=E(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,pt(1)):pt(0,"keys"==e?n:"values"==e?t[n]:[n,t[n]])},"values");dt.Arguments=dt.Array;for(var It=_t("toStringTag"),Ft="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),qt=0;qt=e.length?{value:void 0,done:!0}:(t=Bt(e,n),this._i+=t.length,{value:t,done:!1})});var Gt=_t("toStringTag"),Yt="Arguments"==k(function(){return arguments}()),Vt=_t("iterator"),Kt=v.getIteratorMethod=function(t){if(null!=t)return t[Vt]||t["@@iterator"]||dt[(e=t,void 0===e?"Undefined":null===e?"Null":"string"==typeof(i=function(t,e){try{return t[e]}catch(t){}}(n=Object(e),Gt))?i:Yt?k(n):"Object"==(o=k(n))&&"function"==typeof n.callee?"Arguments":o)];var e,n,i,o},Jt=v.getIterator=function(t){var e=Kt(t);if("function"!=typeof e)throw TypeError(t+" is not iterable!");return s(e.call(t))};var Ut=function(t,e){var n=[],i=!0,o=!1,r=void 0;try{for(var s,l=Jt(t);!(i=(s=l.next()).done)&&(n.push(s.value),!e||n.length!==e);i=!0);}catch(t){o=!0,r=t}finally{try{i||null==l.return||l.return()}finally{if(o)throw r}}return n};var Xt=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")};var Qt=function(t,e){return ft(t)||Ut(t,e)||Xt()},Zt=function(t,e){var n=(v.Object||{})[t]||Object[t],i={};i[t]=e(n),_(_.S+_.F*a(function(){n(1)}),"Object",i)};Zt("keys",function(){return function(t){return G(K(t))}});var te=v.Object.keys;var ee=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};_(_.S+_.F*!i,"Object",{defineProperty:h.f});var ne=v.Object,ie=function(t,e,n){return ne.defineProperty(t,e,n)};function oe(t,e){for(var n=0;ns;)r.call(t,i=o[s++])&&e.push(i);return e}(e=E(e)),o=0,r=i.length;oo;)g(Le,e=n[o++])||e==Ee||e==be||i.push(e);return i},Ge=function(t){for(var e,n=t===Me,i=xe(n?ze:E(t)),o=[],r=0;i.length>r;)!g(Le,e=i[r++])||n&&!g(Me,e)||o.push(Le[e]);return o};Ae||(yt((Se=function(){if(this instanceof Se)throw TypeError("Symbol is not a constructor!");var e=I(0Ve;)_t(Ye[Ve++]);for(var Ke=G(_t.store),Je=0;Ke.length>Je;)ue(Ke[Je++]);_(_.S+_.F*!Ae,"Symbol",{for:function(t){return g(Ce,t+="")?Ce[t]:Ce[t]=Se(t)},keyFor:function(t){if(!qe(t))throw TypeError(t+" is not a symbol!");for(var e in Ce)if(Ce[e]===t)return e},useSetter:function(){He=!0},useSimple:function(){He=!1}}),_(_.S+_.F*!Ae,"Object",{create:function(t,e){return void 0===e?St(t):$e(St(t),e)},defineProperty:Re,defineProperties:$e,getOwnPropertyDescriptor:De,getOwnPropertyNames:Be,getOwnPropertySymbols:Ge}),_e&&_(_.S+_.F*(!Ae||a(function(){var t=Se();return"[null]"!=Oe([t])||"{}"!=Oe({a:t})||"{}"!=Oe(Object(t))})),"JSON",{stringify:function(t){for(var e,n,i=[t],o=1;arguments.length>o;)i.push(arguments[o++]);if(n=e=i[1],(c(e)||void 0!==t)&&!qe(t))return ut(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!qe(e))return e}),i[1]=e,Oe.apply(_e,i)}}),Se[Te][Pe]||S(Se[Te],Pe,Se[Te].valueOf),Et(Se,"Symbol"),Et(Math,"Math",!0),Et(y.JSON,"JSON",!0),ue("asyncIterator"),ue("observable");var Ue=v.Symbol,Xe=t(function(e){function n(t){return(n="function"==typeof Ue&&"symbol"==typeof le?function(t){return typeof t}:function(t){return t&&"function"==typeof Ue&&t.constructor===Ue&&t!==Ue.prototype?"symbol":typeof t})(t)}function i(t){return"function"==typeof Ue&&"symbol"===n(le)?e.exports=i=function(t){return n(t)}:e.exports=i=function(t){return t&&"function"==typeof Ue&&t.constructor===Ue&&t!==Ue.prototype?"symbol":n(t)},i(t)}e.exports=i});var Qe=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t};var Ze=function(t,e){return!e||"object"!==Xe(e)&&"function"!=typeof e?Qe(t):e};Zt("getPrototypeOf",function(){return function(t){return Lt(K(t))}});var tn=v.Object.getPrototypeOf,en=function(t,e){if(s(t),!c(e)&&null!==e)throw TypeError(e+": can't set as prototype!")},nn={set:Object.setPrototypeOf||("__proto__"in{}?function(t,n,i){try{(i=m(Function.call,ge.f(Object.prototype,"__proto__").set,2))(t,[]),n=!(t instanceof Array)}catch(t){n=!0}return function(t,e){return en(t,e),n?t.__proto__=e:i(t,e),t}}({},!1):void 0),check:en};_(_.S,"Object",{setPrototypeOf:nn.set});var on=v.Object.setPrototypeOf,rn=t(function(e){function n(t){return e.exports=n=on?tn:function(t){return t.__proto__||tn(t)},n(t)}e.exports=n});_(_.S,"Object",{create:St});var sn=v.Object,ln=function(t,e){return sn.create(t,e)},cn=t(function(n){function i(t,e){return n.exports=i=on||function(t,e){return t.__proto__=e,t},i(t,e)}n.exports=i});var an=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=ln(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&cn(t,e)};function un(t,e){return t.classList?t.classList.contains(e):new RegExp("(^| )"+e+"( |$)","gi").test(t.className)}function hn(e,t){e.classList?yn(t.split(" "),function(t){e.classList.add(t)}):e.className+=" "+t}function fn(t,n){var e=function(e){e.classList?n.split(" ").forEach(function(t){return e.classList.remove(t)}):e.className=e.className.replace(new RegExp("(^|\\b)"+n.split(" ").join("|")+"(\\b|$)","gi")," ")};NodeList.prototype.isPrototypeOf(t)?yn(t,e):e(t)}function pn(t,e,n){if(t.classList)t.classList.toggle(e,n);else{var i=t.className.split(" "),o=i.indexOf(e);!1===n||!0!==n&&0<=o?i.splice(o,1):i.push(e),t.className=i.join(" ")}}function dn(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!1),t.dispatchEvent(n)}function yn(t,e){for(var n=0;nMath.max(document.body.offsetHeight,window.innerHeight)&&(t[1]="top",e=!0),wn(this.dropdown).top<0&&(t[1]="bottom",e=!0),wn(this.dropdown).left<0&&(t[0]="right",e=!0),wn(this.dropdown).left+xn(this.dropdown)>document.body.offsetWidth&&(t[0]="left",e=!0),e&&this.setPosition(t.join(" "))}},{key:"setPosition",value:function(t){var e=(t=t||this.options.align).split(" "),n=Qt(e,2),i=n[0],o=n[1];i=i||"bottom",o=o||"bottom";var r=wn(this.el),s=this.options.container;"static"==getComputedStyle(s).position&&(s=s.offsetParent),s||(s=document.body);var l=wn(s);r={top:r.top-l.top,left:r.left-l.left};var c={};"left"==i?c.right=xn(s)-r.left:"center"==i?c.left=r.left+xn(this.el)/2-xn(this.dropdown)/2:"right"==i?c.left=r.left+xn(this.el):i.includes("%")?c.left=r.left+xn(this.el)*at(i)/100:i.includes("px")&&(c.left=r.left+xn(this.el)+at(i)),"top"==o?c.top=r.top-kn(this.dropdown):"center"==o?c.top=r.top+kn(this.el)/2-kn(this.dropdown)/2:"bottom"==o?c.top=r.top+kn(this.el):o.includes("%")?c.top=r.top+kn(this.el)*at(o)/100:o.includes("px")&&(c.top=r.top+kn(this.el)+at(o)),this.options.offset.left&&(c.left+=at(this.options.offset.left)),this.options.offset.top&&(c.top+=at(this.options.offset.top)),this.options.offset.left&&(c.right-=at(this.options.offset.left)),this.dropdown.style.left="auto",this.dropdown.style.right="auto",fn(this.dropdown,"popover-left popover-right popover-center popover-top popover-bottom"),hn(this.dropdown,"popover-"+o),hn(this.dropdown,"popover-"+i),te(c).forEach(function(t){this.dropdown.style[t]=c[t]+"px"},this)}},{key:"remove",value:function(){Sn.prototype.remove.apply(this,arguments),this.dropdown.parentNode&&this.dropdown.parentNode.removeChild(this.dropdown),delete this.dropdown}},{key:"toggle",value:function(t){un(this.el,"active")&&"click"==t.type?this.hide():this.show()}},{key:"show",value:function(t){t||(t={}),this.options.hide_sm&&window.innerWidth<720||(this.dropdown||this.render(),this.dropdown.style.display="block",hn(this.el,"active"),this.resize(),this.overlay=document.createElement("div"),hn(this.overlay,"uniformOverlay"),document.body.appendChild(this.overlay),window.innerWidth<720&&(this.lastScrollPosition=window.scrollY,hn(document.body,"uniformModal-hideBody")),this.listenTo(this.overlay,"click",this.hide),t.silent||this.trigger("shown"))}},{key:"hide",value:function(t){t||(t={}),this.dropdown&&un(this.el,"active")&&(this.dropdown.style.display="none",fn(this.el,"active"),this.overlay&&this.overlay.parentNode&&this.overlay.parentNode.removeChild(this.overlay),window.innerWidth<720&&(fn(document.body,"uniformModal-hideBody"),window.scrollTo(0,this.lastScrollPosition)),t.silent||this.trigger("hidden"))}},{key:"outsideClick",value:function(t){this.dropdown&&null!==this.dropdown.offsetParent&&t.target!==this.el&&t.target!==this.overlay&&(this.el.contains(t.target)||this.dropdown.contains(t.target)||this.hide())}},{key:"keyup",value:function(t){27==t.which&&this.hide()}}]),e}(),Sn,"Dropdown"),On=function(t,e,n){if(n&&Object.defineProperty(t,"name",{value:n,configurable:!0}),"extended"in e){if("function"!=typeof e.extended)throw new TypeError("Attempted to call extended, but it was not a function");var i=e.extended(t);void 0!==i&&(n&&"function"==typeof i&&i.name!==n&&Object.defineProperty(i,"name",{value:n,configurable:!0}),t=i)}return t}(function(t){function e(){return ee(this,e),Ze(this,rn(e).apply(this,arguments))}return an(e,Sn),re(e,[{key:"initialize",value:function(t){this.listenTo(this.el,"change",this.change)}},{key:"render",value:function(){var t=un(this.el,"uniformRadio")?"uniformRadio":"uniformCheckbox";return this.checkbox=document.createElement("div"),hn(this.checkbox,"".concat(t,"-indicator")),this.el.className&&""!=this.el.className.replace(t,"")&&hn(this.checkbox,this.el.className.replace(t,"")),pn(this.checkbox,"checked",this.el.checked),this.el.parentNode.insertBefore(this.checkbox,this.el.nextSibling),this.listenTo(this.checkbox,"click",this.click),this}},{key:"click",value:function(t){this.el.disabled||(this.el.checked=!this.el.checked,dn(this.el,"change"),t.preventDefault())}},{key:"change",value:function(){pn(this.checkbox,"checked",this.el.checked)}}]),e}(),Sn,"Checkbox"),Tn=function(t,e,n){if(n&&Object.defineProperty(t,"name",{value:n,configurable:!0}),"extended"in e){if("function"!=typeof e.extended)throw new TypeError("Attempted to call extended, but it was not a function");var i=e.extended(t);void 0!==i&&(n&&"function"==typeof i&&i.name!==n&&Object.defineProperty(i,"name",{value:n,configurable:!0}),t=i)}return t}(function(t){function e(){return ee(this,e),Ze(this,rn(e).apply(this,arguments))}return an(e,Sn),re(e,[{key:"initialize",value:function(t){this.options={},this.options.klass=t.klass||!1,this.content=t.content,hn(this.el,"uniformModal"),this.listenTo(document,"keyup",this.keyup),this.listenTo(this.el,"click",this.checkCloseButton)}},{key:"keyup",value:function(t){27==t.which&&this.close()}},{key:"render",value:function(){var t="function"==typeof this.content?this.content():this.content;this.highest_z_index=0,this.overlay=document.createElement("div"),hn(this.overlay,"uniformModal-overlay"),this.blur=document.createElement("div"),hn(this.blur,"uniformModal-blur"),this.original_scroll=window.scrollY,this.blur.style.top=0-this.original_scroll+"px",0').concat(Pn,"")),this.container.appendChild(this.edit_button),this.el.name&&hn(this.container,this.el.name.toLowerCase().replace(/[^a-z0-9\-_]+/g,"-")),this.el.style.display="none",this.el.insertAdjacentElement("beforebegin",this.container),this.updateSelect(),this.resize(),this.listenTo(this.edit_button,"click",this.showOptions),this.listenTo(this.edit_button,"click",".uniformSelect-remove",this.removeSelection)}},{key:"resize",value:function(){for(var t=[],e=this.edit_button.children.length,n=0;n"),this.options.label&&this.select_options.append(''.concat(this.options.label,"")),this.el.name&&hn(this.select_options,this.el.name.toLowerCase().replace(/[^a-z0-9\-_]+/g,"-")),this.select_options.style.fontSize=vn(this.el,"font-size"),this.select_options.style.display="none",this.options.container.appendChild(this.select_options),yn(this.el.querySelectorAll("option"),function(t,e){var n=gn("");n.option=t,n.textContent=t.textContent,n.value=t.value,""==n.textContent&&(n.innerHTML="None"),t.selected?(hn(n,"active"),n.append(this.activeIcon.cloneNode(!0))):this.options.limit&&e>this.options.limit&&hn(n,"hide"),this.select_options.append(n),this.listenTo(n,"click",this.selectOption)}.bind(this));var t=gn('');if(this.options.limit&&this.el.querySelectorAll("option").length>this.options.limit){var e=gn("Show All");this.listenTo(e,"click",function(t){dn(this.el,"show_all"),this.options.showAll&&this.options.showAll(this.select_options),t.preventDefault(),t.stopPropagation()}),t.appendChild(e)}if(this.el.multiple){var n=gn("Done");this.listenTo(n,"click",this.hideOptions),t.appendChild(n)}""!==t.innerHTML&&this.select_options.appendChild(t),dn(this.el,"rendered")}},{key:"hideOptions",value:function(){void 0!==this.select_options&&(this.showing=!1,this.select_options.style.display="none",fn(this.select_options,"fixed"),fn(this.edit_button,"active"),fn(document.body,"uniformModal-hideBody"),this.lastScrollPosition&&window.innerWidth<720&&window.scrollTo(0,this.lastScrollPosition),dn(this.el,"hidden:options"))}},{key:"showOptions",value:function(){if(this.showing)return this.hideOptions(),!1;this.showing=!0,this.select_options||this.renderOptions(),this.resize(),this.select_options.style.display="block",hn(this.edit_button,"active"),this.lastScrollPosition=window.scrollY,this.updatePosition(),hn(document.body,"uniformModal-hideBody"),this.options.container==document.body&&fn(document.body,"uniformModal-hideBody")}},{key:"selectOption",value:function(t){this.el.multiple||(yn(bn(this.el.querySelectorAll("option"),function(t){return t.selected}),function(t){t.selected=!1}),yn(this.select_options.querySelectorAll(".uniformSelect-option.active .uniformSelect-option-icon"),mn),fn(this.select_options.querySelectorAll(".uniformSelect-option.active"),"active")),pn(t.currentTarget,"active"),t.currentTarget.option.selected=un(t.currentTarget,"active"),this.updateOptions(),dn(this.el,"change")}},{key:"updateSelect",value:function(){this.el.multiple||this.hideOptions();var t=function(t,e){for(var n=[],i=0;i'.concat(t.textContent,'
+!function(){"use strict";function t(t,e){return t(e={exports:{}},e.exports),e.exports}var v=t(function(t){var e=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=e)}),y=t(function(t){var e=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=e)}),m=(y.version,function(i,o,t){if(function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!")}(i),void 0===o)return i;switch(t){case 1:return function(t){return i.call(o,t)};case 2:return function(t,e){return i.call(o,t,e)};case 3:return function(t,e,n){return i.call(o,t,e,n)}}return function(){return i.apply(o,arguments)}}),u=function(t){return"object"==typeof t?null!==t:"function"==typeof t},s=function(t){if(!u(t))throw TypeError(t+" is not an object!");return t},c=function(t){try{return!!t()}catch(t){return!0}},i=!c(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}),e=v.document,n=u(e)&&u(e.createElement),o=function(t){return n?e.createElement(t):{}},r=!i&&!c(function(){return 7!=Object.defineProperty(o("div"),"a",{get:function(){return 7}}).a}),l=function(t,e){if(!u(t))return t;var n,i;if(e&&"function"==typeof(n=t.toString)&&!u(i=n.call(t)))return i;if("function"==typeof(n=t.valueOf)&&!u(i=n.call(t)))return i;if(!e&&"function"==typeof(n=t.toString)&&!u(i=n.call(t)))return i;throw TypeError("Can't convert object to primitive value")},a=Object.defineProperty,h={f:i?Object.defineProperty:function(t,e,n){if(s(t),e=l(e,!0),s(n),r)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},_=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}},x=i?function(t,e,n){return h.f(t,e,_(1,n))}:function(t,e,n){return t[e]=n,t},f={}.hasOwnProperty,b=function(t,e){return f.call(t,e)},g="prototype",w=function(t,e,n){var i,o,r,s=t&w.F,l=t&w.G,u=t&w.S,c=t&w.P,a=t&w.B,h=t&w.W,f=l?y:y[e]||(y[e]={}),p=f[g],d=l?v:u?v[e]:(v[e]||{})[g];for(i in l&&(n=e),n)(o=!s&&d&&void 0!==d[i])&&b(f,i)||(r=o?d[i]:n[i],f[i]=l&&"function"!=typeof d[i]?n[i]:a&&o?m(r,v):h&&d[i]==r?function(i){var t=function(t,e,n){if(this instanceof i){switch(arguments.length){case 0:return new i;case 1:return new i(t);case 2:return new i(t,e)}return new i(t,e,n)}return i.apply(this,arguments)};return t[g]=i[g],t}(r):c&&"function"==typeof r?m(Function.call,r):r,c&&((f.virtual||(f.virtual={}))[i]=r,t&w.R&&p&&!p[i]&&x(p,i,r)))};w.F=1,w.G=2,w.S=4,w.P=8,w.B=16,w.W=32,w.U=64,w.R=128;var p,S=w,d={}.toString,k=function(t){return d.call(t).slice(8,-1)},O=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==k(t)?t.split(""):Object(t)},T=function(t){if(null==t)throw TypeError("Can't call method on  "+t);return t},j=function(t){return O(T(t))},E=Math.ceil,C=Math.floor,L=function(t){return isNaN(t=+t)?0:(0o;)b(i,n=e[o++])&&(~D(r,n)||r.push(n));return r},G="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(","),Y=Object.keys||function(t){return B(t,G)},V={f:Object.getOwnPropertySymbols},K={f:{}.propertyIsEnumerable},J=function(t){return Object(T(t))},U=Object.assign,X=!U||c(function(){var t={},e={},n=Symbol(),i="abcdefghijklmnopqrst";return t[n]=7,i.split("").forEach(function(t){e[t]=t}),7!=U({},t)[n]||Object.keys(U({},e)).join("")!=i})?function(t,e){for(var n=J(t),i=arguments.length,o=1,r=V.f,s=K.f;o>>0||(ut.test(n)?16:10))}:st;S(S.G+S.F*(parseInt!=ct),{parseInt:ct});var at=y.parseInt,ht=Array.isArray||function(t){return"Array"==k(t)};S(S.S,"Array",{isArray:ht});var ft=y.Array.isArray;var pt=function(t){if(ft(t))return t},dt=function(t,e){return{value:e,done:!!t}},vt={},yt=x,mt=i?Object.defineProperties:function(t,e){s(t);for(var n,i=Y(e),o=i.length,r=0;rdocument.F=Object<\/script>"),t.close(),xt=t.F;n--;)delete xt[_t][G[n]];return xt()},St=Object.create||function(t,e){var n;return null!==t?(kt[_t]=s(t),n=new kt,kt[_t]=null,n[wt]=t):n=xt(),void 0===e?n:mt(n,e)},Ot=t(function(t){var e=N("wks"),n=v.Symbol,i="function"==typeof n;(t.exports=function(t){return e[t]||(e[t]=i&&n[t]||(i?n:q)("Symbol."+t))}).store=e}),Tt=h.f,jt=Ot("toStringTag"),Et=function(t,e,n){t&&!b(t=n?t:t.prototype,jt)&&Tt(t,jt,{configurable:!0,value:e})},Ct={};x(Ct,Ot("iterator"),function(){return this});var Lt=R("IE_PROTO"),Pt=Object.prototype,zt=Object.getPrototypeOf||function(t){return t=J(t),b(t,Lt)?t[Lt]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?Pt:null},At=Ot("iterator"),Mt=!([].keys&&"next"in[].keys()),Nt="values",It=function(){return this},Ht=function(t,e,n,i,o,r,s){var l,u,c;u=e,c=i,(l=n).prototype=St(Ct,{next:_(1,c)}),Et(l,u+" Iterator");var a,h,f,p=function(t){if(!Mt&&t in m)return m[t];switch(t){case"keys":case Nt:return function(){return new n(this,t)}}return function(){return new n(this,t)}},d=e+" Iterator",v=o==Nt,y=!1,m=t.prototype,b=m[At]||m["@@iterator"]||o&&m[o],g=b||p(o),w=o?v?p("entries"):g:void 0,k="Array"==e&&m.entries||b;if(k&&(f=zt(k.call(new t)))!==Object.prototype&&f.next&&Et(f,d,!0),v&&b&&b.name!==Nt&&(y=!0,g=function(){return b.call(this)}),s&&(Mt||y||!m[At])&&x(m,At,g),vt[e]=g,vt[d]=It,o)if(a={values:v?g:p(Nt),keys:r?g:p("keys"),entries:w},s)for(h in a)h in m||yt(m,h,a[h]);else S(S.P+S.F*(Mt||y),e,a);return a};Ht(Array,"Array",function(t,e){this._t=j(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,dt(1)):dt(0,"keys"==e?n:"values"==e?t[n]:[n,t[n]])},"values");vt.Arguments=vt.Array;for(var qt=Ot("toStringTag"),Ft="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),Rt=0;Rt=e.length?{value:void 0,done:!0}:(t=Gt(e,n),this._i+=t.length,{value:t,done:!1})});var Yt=Ot("toStringTag"),Vt="Arguments"==k(function(){return arguments}()),Kt=function(t){var e,n,i;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,e){try{return t[e]}catch(t){}}(e=Object(t),Yt))?n:Vt?k(e):"Object"==(i=k(e))&&"function"==typeof e.callee?"Arguments":i},Jt=Ot("iterator"),Ut=y.getIteratorMethod=function(t){if(null!=t)return t[Jt]||t["@@iterator"]||vt[Kt(t)]},Xt=y.getIterator=function(t){var e=Ut(t);if("function"!=typeof e)throw TypeError(t+" is not iterable!");return s(e.call(t))};var Qt=function(t,e){var n=[],i=!0,o=!1,r=void 0;try{for(var s,l=Xt(t);!(i=(s=l.next()).done)&&(n.push(s.value),!e||n.length!==e);i=!0);}catch(t){o=!0,r=t}finally{try{i||null==l.return||l.return()}finally{if(o)throw r}}return n};var Zt=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")};var te=function(t,e){return pt(t)||Qt(t,e)||Zt()},ee=function(t,e){var n=(y.Object||{})[t]||Object[t],i={};i[t]=e(n),S(S.S+S.F*c(function(){n(1)}),"Object",i)};ee("keys",function(){return function(t){return Y(J(t))}});var ne=y.Object.keys;var ie=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};S(S.S+S.F*!i,"Object",{defineProperty:h.f});var oe=y.Object,re=function(t,e,n){return oe.defineProperty(t,e,n)};function se(t,e){for(var n=0;ns;)r.call(t,i=o[s++])&&e.push(i);return e}(e=j(e)),o=0,r=i.length;oo;)b(Ae,e=n[o++])||e==Ce||e==ke||i.push(e);return i},Ve=function(t){for(var e,n=t===Ne,i=Se(n?Me:j(t)),o=[],r=0;i.length>r;)!b(Ae,e=i[r++])||n&&!b(Ne,e)||o.push(Ae[e]);return o};Ie||(yt((Oe=function(){if(this instanceof Oe)throw TypeError("Symbol is not a constructor!");var e=q(0Je;)Ot(Ke[Je++]);for(var Ue=Y(Ot.store),Xe=0;Ue.length>Xe;)fe(Ue[Xe++]);S(S.S+S.F*!Ie,"Symbol",{for:function(t){return b(ze,t+="")?ze[t]:ze[t]=Oe(t)},keyFor:function(t){if(!$e(t))throw TypeError(t+" is not a symbol!");for(var e in ze)if(ze[e]===t)return e},useSetter:function(){qe=!0},useSimple:function(){qe=!1}}),S(S.S+S.F*!Ie,"Object",{create:function(t,e){return void 0===e?St(t):We(St(t),e)},defineProperty:De,defineProperties:We,getOwnPropertyDescriptor:Ge,getOwnPropertyNames:Ye,getOwnPropertySymbols:Ve}),Te&&S(S.S+S.F*(!Ie||c(function(){var t=Oe();return"[null]"!=je([t])||"{}"!=je({a:t})||"{}"!=je(Object(t))})),"JSON",{stringify:function(t){for(var e,n,i=[t],o=1;arguments.length>o;)i.push(arguments[o++]);if(n=e=i[1],(u(e)||void 0!==t)&&!$e(t))return ht(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!$e(e))return e}),i[1]=e,je.apply(Te,i)}}),Oe[Ee][Le]||x(Oe[Ee],Le,Oe[Ee].valueOf),Et(Oe,"Symbol"),Et(Math,"Math",!0),Et(v.JSON,"JSON",!0),fe("asyncIterator"),fe("observable");var Qe=y.Symbol,Ze=t(function(e){function n(t){return(n="function"==typeof Qe&&"symbol"==typeof ce?function(t){return typeof t}:function(t){return t&&"function"==typeof Qe&&t.constructor===Qe&&t!==Qe.prototype?"symbol":typeof t})(t)}function i(t){return"function"==typeof Qe&&"symbol"===n(ce)?e.exports=i=function(t){return n(t)}:e.exports=i=function(t){return t&&"function"==typeof Qe&&t.constructor===Qe&&t!==Qe.prototype?"symbol":n(t)},i(t)}e.exports=i});var tn=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t};var en=function(t,e){return!e||"object"!==Ze(e)&&"function"!=typeof e?tn(t):e};ee("getPrototypeOf",function(){return function(t){return zt(J(t))}});var nn=y.Object.getPrototypeOf,on=function(t,e){if(s(t),!u(e)&&null!==e)throw TypeError(e+": can't set as prototype!")},rn={set:Object.setPrototypeOf||("__proto__"in{}?function(t,n,i){try{(i=m(Function.call,we.f(Object.prototype,"__proto__").set,2))(t,[]),n=!(t instanceof Array)}catch(t){n=!0}return function(t,e){return on(t,e),n?t.__proto__=e:i(t,e),t}}({},!1):void 0),check:on};S(S.S,"Object",{setPrototypeOf:rn.set});var sn=y.Object.setPrototypeOf,ln=t(function(e){function n(t){return e.exports=n=sn?nn:function(t){return t.__proto__||nn(t)},n(t)}e.exports=n});S(S.S,"Object",{create:St});var un=y.Object,cn=function(t,e){return un.create(t,e)},an=t(function(n){function i(t,e){return n.exports=i=sn||function(t,e){return t.__proto__=e,t},i(t,e)}n.exports=i});var hn=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=cn(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&an(t,e)};function fn(t,e){return t.classList?t.classList.contains(e):new RegExp("(^| )"+e+"( |$)","gi").test(t.className)}function pn(e,t){e.classList?mn(t.split(" "),function(t){e.classList.add(t)}):e.className+=" "+t}function dn(t,n){var e=function(e){e.classList?n.split(" ").forEach(function(t){return e.classList.remove(t)}):e.className=e.className.replace(new RegExp("(^|\\b)"+n.split(" ").join("|")+"(\\b|$)","gi")," ")};NodeList.prototype.isPrototypeOf(t)?mn(t,e):e(t)}function vn(t,e,n){if(t.classList)t.classList.toggle(e,n);else{var i=t.className.split(" "),o=i.indexOf(e);!1===n||!0!==n&&0<=o?i.splice(o,1):i.push(e),t.className=i.join(" ")}}function yn(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!1),t.dispatchEvent(n)}function mn(t,e){for(var n=0;nMath.max(document.body.offsetHeight,window.innerHeight)&&(t[1]="top",e=!0),_n(this.dropdown).top<0&&(t[1]="bottom",e=!0),_n(this.dropdown).left<0&&(t[0]="right",e=!0),_n(this.dropdown).left+Sn(this.dropdown)>document.body.offsetWidth&&(t[0]="left",e=!0),e&&this.setPosition(t.join(" "))}},{key:"setPosition",value:function(t){var e=(t=t||this.options.align).split(" "),n=te(e,2),i=n[0],o=n[1];i=i||"bottom",o=o||"bottom";var r=_n(this.el),s=this.options.container;"static"==getComputedStyle(s).position&&(s=s.offsetParent),s||(s=document.body);var l=_n(s);r={top:r.top-l.top,left:r.left-l.left};var u={};"left"==i?u.right=Sn(s)-r.left:"center"==i?u.left=r.left+Sn(this.el)/2-Sn(this.dropdown)/2:"right"==i?u.left=r.left+Sn(this.el):i.includes("%")?u.left=r.left+Sn(this.el)*at(i)/100:i.includes("px")&&(u.left=r.left+Sn(this.el)+at(i)),"top"==o?u.top=r.top-xn(this.dropdown):"center"==o?u.top=r.top+xn(this.el)/2-xn(this.dropdown)/2:"bottom"==o?u.top=r.top+xn(this.el):o.includes("%")?u.top=r.top+xn(this.el)*at(o)/100:o.includes("px")&&(u.top=r.top+xn(this.el)+at(o)),this.options.offset.left&&(u.left+=at(this.options.offset.left)),this.options.offset.top&&(u.top+=at(this.options.offset.top)),this.options.offset.left&&(u.right-=at(this.options.offset.left)),this.dropdown.style.left="auto",this.dropdown.style.right="auto",dn(this.dropdown,"popover-left popover-right popover-center popover-top popover-bottom"),pn(this.dropdown,"popover-"+o),pn(this.dropdown,"popover-"+i),ne(u).forEach(function(t){this.dropdown.style[t]=u[t]+"px"},this)}},{key:"remove",value:function(){On.prototype.remove.apply(this,arguments),this.dropdown.parentNode&&this.dropdown.parentNode.removeChild(this.dropdown),delete this.dropdown}},{key:"toggle",value:function(t){fn(this.el,"active")&&"click"==t.type?this.hide():this.show()}},{key:"show",value:function(t){t||(t={}),this.options.hide_sm&&window.innerWidth<720||(this.dropdown||this.render(),this.dropdown.style.display="block",pn(this.el,"active"),this.resize(),this.overlay=document.createElement("div"),pn(this.overlay,"uniformOverlay"),document.body.appendChild(this.overlay),window.innerWidth<720&&(this.lastScrollPosition=window.scrollY,pn(document.body,"uniformModal-hideBody")),this.listenTo(this.overlay,"click",this.hide),t.silent||this.trigger("shown"))}},{key:"hide",value:function(t){t||(t={}),this.dropdown&&fn(this.el,"active")&&(this.dropdown.style.display="none",dn(this.el,"active"),this.overlay&&this.overlay.parentNode&&this.overlay.parentNode.removeChild(this.overlay),window.innerWidth<720&&(dn(document.body,"uniformModal-hideBody"),window.scrollTo(0,this.lastScrollPosition)),t.silent||this.trigger("hidden"))}},{key:"outsideClick",value:function(t){this.dropdown&&null!==this.dropdown.offsetParent&&t.target!==this.el&&t.target!==this.overlay&&(this.el.contains(t.target)||this.dropdown.contains(t.target)||this.hide())}},{key:"keyup",value:function(t){27==t.which&&this.hide()}}]),e}(),On,"Dropdown"),jn=function(t,e,n){if(n&&Object.defineProperty(t,"name",{value:n,configurable:!0}),"extended"in e){if("function"!=typeof e.extended)throw new TypeError("Attempted to call extended, but it was not a function");var i=e.extended(t);void 0!==i&&(n&&"function"==typeof i&&i.name!==n&&Object.defineProperty(i,"name",{value:n,configurable:!0}),t=i)}return t}(function(t){function e(){return ie(this,e),en(this,ln(e).apply(this,arguments))}return hn(e,On),le(e,[{key:"initialize",value:function(t){this.listenTo(this.el,"change",this.change)}},{key:"render",value:function(){var t=fn(this.el,"uniformRadio")?"uniformRadio":"uniformCheckbox";return this.checkbox=document.createElement("div"),pn(this.checkbox,"".concat(t,"-indicator")),this.el.className&&""!=this.el.className.replace(t,"")&&pn(this.checkbox,this.el.className.replace(t,"")),vn(this.checkbox,"checked",this.el.checked),this.el.parentNode.insertBefore(this.checkbox,this.el.nextSibling),this.listenTo(this.checkbox,"click",this.click),this}},{key:"click",value:function(t){this.el.disabled||(this.el.checked=!this.el.checked,yn(this.el,"change"),t.preventDefault())}},{key:"change",value:function(){vn(this.checkbox,"checked",this.el.checked)}}]),e}(),On,"Checkbox"),En=function(t,e,n){if(n&&Object.defineProperty(t,"name",{value:n,configurable:!0}),"extended"in e){if("function"!=typeof e.extended)throw new TypeError("Attempted to call extended, but it was not a function");var i=e.extended(t);void 0!==i&&(n&&"function"==typeof i&&i.name!==n&&Object.defineProperty(i,"name",{value:n,configurable:!0}),t=i)}return t}(function(t){function e(){return ie(this,e),en(this,ln(e).apply(this,arguments))}return hn(e,On),le(e,[{key:"initialize",value:function(t){this.options={},this.options.klass=t.klass||!1,this.content=t.content,pn(this.el,"uniformModal"),this.listenTo(document,"keyup",this.keyup),this.listenTo(this.el,"click",this.checkCloseButton)}},{key:"keyup",value:function(t){27==t.which&&this.close()}},{key:"render",value:function(){var t="function"==typeof this.content?this.content():this.content;this.highest_z_index=0,this.overlay=document.createElement("div"),pn(this.overlay,"uniformModal-overlay"),this.blur=document.createElement("div"),pn(this.blur,"uniformModal-blur"),this.original_scroll=window.scrollY,this.blur.style.top=0-this.original_scroll+"px",0Math.max(e.bottom,n.bottom)){var i=this.options.align.split(" "),o=te(i,2),r=o[0];o[1],this.setPosition("".concat(r," top"))}if(t.tope.right){var u=e.right-t.right;null!=this.el.style.left&&(this.el.style.left=at(this.el.style.left)+u+"px"),null!=this.el.style.right&&(this.el.style.right=at(this.el.style.right)-u+"px")}}},{key:"setPosition",value:function(t){var e=(t=t||this.options.align).split(" "),n=te(e,2),i=n[0],o=n[1];i=i||"bottom";var r=_n(this.options.anchor),s=this.options.container;"static"==getComputedStyle(s).position&&(s=s.offsetParent),s||(s=document.body);var l=_n(s);r={top:r.top-l.top,left:r.left-l.left};var u={};if("left"==i?u.right=Sn(s)-r.left:"center"==i?u.left=r.left+Sn(this.options.anchor)/2-Sn(this.el)/2:"right"==i?u.left=r.left+Sn(this.options.anchor):i.includes("px")&&(u.left=r.left+at(i)),"top"==o){var c=xn(s);s==document.body&&"static"==getComputedStyle(s).position?c=window.innerHeight:s==document.body&&(c=Math.max(c,document.body.clientHeight)),u.bottom=c-r.top}else"center"==o?(u.top=r.top+xn(this.options.anchor)/2,u.transform="translateY(-50%)"):"bottom"==o?u.top=r.top+xn(this.options.anchor):o.includes("px")&&(u.top=r.top+at(o));this.options.offset.left&&(u.left+=at(this.options.offset.left)),this.options.offset.left&&(u.right-=at(this.options.offset.left)),this.options.offset.top&&(u.top+=at(this.options.offset.top)),this.options.offset.top&&(u.bottom-=at(this.options.offset.top)),this.el.style.left=null,this.el.style.right=null,this.el.style.top=null,this.el.style.bottom=null,this.el.style.transform=null,dn(this.el,"popover-left popover-right popover-center popover-top popover-bottom"),pn(this.el,"popover-"+o),pn(this.el,"popover-"+i),ne(u).forEach(function(t){this.el.style[t]=u[t]+("transform"!=t?"px":"")},this)}},{key:"checkFocus",value:function(t){t.defaultPrevented||this.showing&&t.target!==this.el&&t.target!=this.options.anchor&&(this.el.contains(t.target)||this.options.anchor.contains(t.target)||this.hide())}},{key:"checkEscape",value:function(t){27==t.which&&this.hide()}},{key:"isHidden",value:function(){return!this.showing}},{key:"hide",value:function(t){t=t||{},this.showing&&(this.el.style.display="none",!(this.showing=!1)!==t.silent&&this.trigger("hidden"))}},{key:"show",value:function(){this.showing||(this.el.style.display="block",this.showing=!0,this.trigger("shown"))}},{key:"toggle",value:function(t){(t=t||this.showing)?this.hide():this.show()}}]),e}(),On,"Popover"),Wn='\n\n\n\n'.trim(),Bn='\n\n\n\n'.trim(),Gn=function(t,e,n){if(n&&Object.defineProperty(t,"name",{value:n,configurable:!0}),"extended"in e){if("function"!=typeof e.extended)throw new TypeError("Attempted to call extended, but it was not a function");var i=e.extended(t);void 0!==i&&(n&&"function"==typeof i&&i.name!==n&&Object.defineProperty(i,"name",{value:n,configurable:!0}),t=i)}return t}(function(t){function e(){return ie(this,e),en(this,ln(e).apply(this,arguments))}return hn(e,On),le(e,[{key:"initialize",value:function(){var t=0\n            \n            ').concat(Bn,"\n          \n        ")),this.el.name&&pn(this.edit_button,this.el.name.toLowerCase().replace(/[^a-z0-9\-_]+/g,"-")),this.el.style.display="none",this.el.insertAdjacentElement("beforebegin",this.edit_button),this.options.container||(this.options.container=this.edit_button.parentElement);var t=$n(this.el.querySelectorAll("option")).sort(function(t,e){return t.textContent.length>e.textContent.length}).reverse()[0];this.edit_button.querySelector(".text-js").style.opacity=0,this.edit_button.querySelector(".text-js").innerHTML=t.textContent;var e=this.edit_button.querySelector(".text-js").offsetWidth;return this.edit_button.style.minWidth=e+"px",this.edit_button.querySelector(".text-js").innerHTML="",this.edit_button.querySelector(".text-js").style.opacity=null,this.renderSelected(),this.listenTo(this.edit_button,"click",this.showOptions),this.listenTo(this.edit_button,"click",".uniformSelect-remove",this.removeSelection),this}},{key:"renderOptions",value:function(){this.button_options=wn(""),this.el.name&&pn(this.button_options,this.el.name.toLowerCase().replace(/[^a-z0-9\-_]+/g,"-")),this.button_options.style.fontSize=bn(this.el,"font-size"),mn(this.el.querySelectorAll("option"),function(t,e){var n=wn("");n.option=t,n.textContent=t.textContent,n.value=t.value,""==n.textContent&&(n.innerHTML="None"),t.selected?(pn(n,"active"),n.append(this.activeIcon.cloneNode(!0))):this.options.limit&&e>this.options.limit&&pn(n,"hide"),this.button_options.append(n)}.bind(this)),this.listenTo(this.button_options,"click",".uniformSelect-option",this.selectOption);var t=wn('');if(this.options.limit&&this.el.querySelectorAll("option").length>this.options.limit){var e=wn("Show All");this.listenTo(e,"click",function(t){yn(this.el,"show_all"),this.options.showAll&&this.options.showAll(this.button_options),t.preventDefault(),t.stopPropagation()}),t.appendChild(e)}if(this.el.multiple){var n=wn("Done");this.listenTo(n,"click",this.hideOptions),t.appendChild(n)}""!==t.innerHTML&&this.button_options.appendChild(t)}},{key:"renderSelected",value:function(){var t=function(t,e){for(var n=[],i=0;i'.concat(t.textContent,''):t.textContent}.bind(this)).join(" ");this.edit_button.querySelector(".text-js").innerHTML=""==t?" ":t,this.button_options&&mn(this.button_options.querySelectorAll(".uniformSelect-option"),function(t){t.option.selected?(pn(t,"active"),t.append(this.activeIcon.cloneNode(!0))):(dn(t,"active"),mn(t.querySelectorAll(".uniformSelect-option-icon"),gn))}.bind(this))}},{key:"hideOptions",value:function(){this.button_options&&(this.button_options_modal&&this.button_options_modal.close(),this.button_options_popover&&(this.button_options_popover.remove(),delete this.button_options_popover),dn(this.edit_button,"active"))}},{key:"showOptions",value:function(t){var e=this;if(!fn(t.target,"uniformSelect-remove")){if(this.button_options_modal)return this.hideOptions();if(this.button_options_popover)return this.hideOptions();if(this.button_options||this.renderOptions(),pn(this.edit_button,"active"),window.innerWidth<720){var n=wn('');n.append(this.button_options),this.options.label&&n.append(''.concat(this.options.label,"")),this.button_options_modal=new En({content:n,klass:"-reset"}).render(),this.button_options_modal.on("closed",function(){dn(e.edit_button,"active"),delete e.button_options_modal}),this.listenTo(n,"click",function(t){t.target==n&&this.button_options_modal.close()})}else this.button_options.style.minWidth=this.edit_button.offsetWidth+"px",this.button_options_popover=new Dn({offset:{top:1},anchor:this.edit_button,align:"0px bottom",content:this.button_options,container:this.options.container}).render(),this.button_options_popover.on("hidden",function(){dn(e.edit_button,"active"),e.button_options_popover.remove(),delete e.button_options_popover})}}},{key:"selectOption",value:function(t){t.target,this.el.multiple||(mn(this.button_options.querySelectorAll(".uniformSelect-option.active .uniformSelect-option-icon"),gn),dn(this.button_options.querySelectorAll(".uniformSelect-option.active"),"active")),vn(t.target,"active"),t.target.option.selected=fn(t.target,"active"),fn(t.target,"active")?t.target.append(this.activeIcon.cloneNode(!0)):mn(t.target.querySelectorAll(".uniformSelect-option-icon"),gn),this.el.multiple||this.hideOptions(),yn(this.el,"change")}},{key:"removeSelection",value:function(e){e.preventDefault();var t=kn(this.el.querySelectorAll("option"),function(t){return t.innerText.trim()==e.target.parentNode.innerText.trim()})[0];t&&(t.selected=!1,yn(this.el,"change"))}}]),e}(),On,"Select"),Yn=function(t,e,n){if(n&&Object.defineProperty(t,"name",{value:n,configurable:!0}),"extended"in e){if("function"!=typeof e.extended)throw new TypeError("Attempted to call extended, but it was not a function");var i=e.extended(t);void 0!==i&&(n&&"function"==typeof i&&i.name!==n&&Object.defineProperty(i,"name",{value:n,configurable:!0}),t=i)}return t}(function(t){function e(){return ie(this,e),en(this,ln(e).apply(this,arguments))}return hn(e,On),le(e,[{key:"initialize",value:function(){this.label=this.el.querySelector("label"),this.input=this.el.querySelector("#"+this.label.getAttribute("for")),this.startingHeight,this.listenTo(this.input,"focus",this.activate),this.listenTo(this.input,"blur",this.deactivate),this.listenTo(this.input,"revealed",this.render)}},{key:"render",value:function(){if(null!==this.input.offsetParent&&!fn(this.el,"enabled")){var t,e=at(bn(this.input,"paddingBottom"));this.startingHeight=this.input.offsetHeight,pn(this.el,"enabled"),pn(this.el,"inactive"),this.input.style.paddingTop=e+e/2+"px",this.input.style.paddingBottom=e-e/2-2+"px",this.label.style.position="absolute",this.label.style.top=0,this.label.style.left=this.label.offsetLeft,this.label.style.paddingLeft=bn(this.input,"paddingLeft"),this.label.style.height=this.startingHeight,this.label.style.lineHeight=this.startingHeight+"px",t=this.input,document.activeElement===t&&this.activate(),void 0!==this.input.value&&""!=this.input.value&&this.activate()}}},{key:"activate",value:function(t){void 0!==t&&pn(this.el,"active"),fn(this.el,"float")||(pn(this.el,"float"),dn(this.el,"inactive"),this.label.style.lineHeight=this.startingHeight/2+"px")}},{key:"deactivate",value:function(t){void 0!==t&&dn(this.el,"active"),""==this.input.value&&(dn(this.el,"float"),pn(this.el,"inactive"),this.label.style.lineHeight=this.startingHeight+"px")}}]),e}(),On,"FloatingLabel"),Vn=function(t,e,n){if(n&&Object.defineProperty(t,"name",{value:n,configurable:!0}),"extended"in e){if("function"!=typeof e.extended)throw new TypeError("Attempted to call extended, but it was not a function");var i=e.extended(t);void 0!==i&&(n&&"function"==typeof i&&i.name!==n&&Object.defineProperty(i,"name",{value:n,configurable:!0}),t=i)}return t}(function(t){function e(){return ie(this,e),en(this,ln(e).apply(this,arguments))}return hn(e,On),le(e,[{key:"initialize",value:function(){this.listenTo(window,"resize",this.resize),yn(window,"resize")}},{key:"resize",value:function(){var t=this.el.offsetWidth;720\n                \n                ".concat(this.message,"\n              "),anchor:this.el,align:"top"==this.options.align?"center top":"center 100%",offset:{top:-7},container:this.options.container||document.body}).render())}},{key:"hide",value:function(){var t=this;this.hide_timeout=setTimeout(function(){t.popup.remove(),delete t.popup},300)}},{key:"disable",value:function(){this.enabled=!1}},{key:"enabled",value:function(){this.enabled=!0}}]),e}(),On,"Tooltip"),Jn=Object.freeze({Dropdown:Tn,Checkbox:jn,Modal:En,Select:Gn,FloatingLabel:Yn,Resizer:Vn,Tooltip:Kn,Popover:Dn});window.Uniform=Jn,$&&($.fn.uniformDropdown=function(){return this.each(function(){var n=$(this),t={el:this};void 0!==n.data("dropdown-align")&&(t.align=n.data("dropdown-align")),void 0!==n.data("dropdown-trigger")&&(t.trigger=n.data("dropdown-trigger")),void 0!==n.data("dropdown-show_arrow")&&(t.show_arrow=n.data("dropdown-show_arrow")),void 0!==n.data("dropdown-square")&&(t.square=n.data("dropdown-square")),void 0!==n.data("dropdown-hide_sm")&&(t.hide_sm=n.data("dropdown-hide_sm")),void 0!==n.data("dropdown-content")&&(t.content="".concat(n.data("dropdown-content"),"")),void 0!==n.data("dropdown-target")&&(t.content=$(n.data("dropdown-target"))[0]);var e=new Tn(t);e.on("*",function(t,e){n.trigger("dropdown-"+t,e)}),e.render()})},$.fn.uniformCheckbox=function(){return this.each(function(){$(this);new jn({el:this}).render()})},$.fn.uniformRadio=$.fn.uniformCheckbox,$.fn.uniformFloatingLabel=function(){return this.each(function(){new Yn({el:this}).render()})},$.fn.uniformModal=function(){return this.click(function(){var n=$(this),t={klass:n.data("modal-klass"),content:n.data("modal-content")};if(n.data("modal-target")){var e=$(n.data("modal-target")).clone();e.removeClass("hidden"),t.content=e[0]}new En(t).render().on("*",function(t,e){n.trigger("modal-"+t,e)})})},$.fn.uniformResizer=function(){return this.each(function(){new Vn({el:this})})},$.fn.uniformSelect=function(){return this.each(function(){var t={el:this};Q(t,$(this).data()),new Gn(t).render()})},$.fn.uniformTooltip=function(){return this.each(function(){var n=$(this),t=new Kn({message:n.data("tooltip-message"),container:n.data("tooltip-container"),el:this});t.on("*",function(t,e){n.trigger("tooltip-"+t,e)}),t.render()})},$.fn.uniformTristate=function(){return this.each(function(){var i=$(this);function e(t){if(0==t.length)i.addClass("-null"),$(i.find("input")[1]).prop("checked",!0);else{var e=t.index(),n=0==e?"-true":1==e?"-null":"-false";i.removeClass("-true -null -false"),i.addClass(n)}}i.on("change","input",function(t){e($(t.currentTarget))}),e(i.find("input:checked")),i.on("blur","input",function(t){i.removeClass("-focus")}),i.on("focus","input",function(t){i.addClass("-focus")})})})}();
        
    

data/lib/assets/javascripts/uniform.js

@@ -1,11 +1,11 @@
-import Dropdown from 'uniform/dropdown';
-import Checkbox from 'uniform/checkbox';
-import Modal from 'uniform/modal';
-import Select from 'uniform/select';
-import FloatingLabel from 'uniform/floating-label';
-import Resizer from 'uniform/resizer';
-import Tooltip from 'uniform/tooltip';
-import Popover from 'uniform/popover';
+import Dropdown from './uniform/dropdown';
+import Checkbox from './uniform/checkbox';
+import Modal from './uniform/modal';
+import Select from './uniform/select';
+import FloatingLabel from './uniform/floating-label';
+import Resizer from './uniform/resizer';
+import Tooltip from './uniform/tooltip';
+import Popover from './uniform/popover';
 
 export {
     Dropdown,

data/lib/assets/javascripts/uniform/modal.js

@@ -71,7 +71,7 @@ export default class Modal extends Component {
 
         var closeButton = document.createElement('div');
         Helpers.addClass(closeButton, 'uniformModal-close');
-        container.appendChild(closeButton);
+        this.el.appendChild(closeButton);
         
         this.el.style.top = window.scrollY;
         this.listenTo(this.overlay, 'click', this.close);

data/lib/assets/javascripts/uniform/popover.js

@@ -18,7 +18,7 @@ export default class Popover extends Component {
         this.showing = false;
         options = options || {};
         this.options = {
-            zIndex: 2,
+            zIndex: 3,
             container: document.body,
             align: 'center bottom',
             anchor: document.body,
@@ -59,7 +59,7 @@ export default class Popover extends Component {
     
     resize () {
         this.setPosition();
-        const bounds = this.el.getBoundingClientRect();
+        let bounds = this.el.getBoundingClientRect();
         const body_bounds = document.body.getBoundingClientRect();
         const window_bounds = {
           top: 0,
@@ -69,10 +69,14 @@ export default class Popover extends Component {
         };
         
         var reposition = false;
-        if (bounds.bottom > body_bounds.bottom && bounds.bottom > window_bounds.bottom) {
-            const difference = body_bounds.bottom - bounds.bottom
-            if(this.el.style.top != null) this.el.style.top = parseInt(this.el.style.top) - difference + "px"
-            if(this.el.style.bottom != null) this.el.style.bottom = parseInt(this.el.style.bottom) + difference + "px"
+        if (bounds.bottom > Math.max(body_bounds.bottom, window_bounds.bottom)) {
+          var [leftAlign, topAlign] = this.options.align.split(" ");
+          this.setPosition(`${leftAlign} top`);
+          bounds = this.el.getBoundingClientRect()
+          if(bounds.top < 0) {
+            this.setPosition(`${leftAlign} bottom`);
+          }
+          bounds = this.el.getBoundingClientRect()
         }
         if (bounds.top < body_bounds.top) {
             const difference = body_bounds.top - bounds.top
@@ -83,6 +87,7 @@ export default class Popover extends Component {
             const difference = body_bounds.left - bounds.left
             if(this.el.style.left != null) this.el.style.left = parseInt(this.el.style.left) + difference + "px"
             if(this.el.style.right != null) this.el.style.right = parseInt(this.el.style.right) - difference + "px"
+            bounds = this.el.getBoundingClientRect()
         }
         if (bounds.right > body_bounds.right) {
             const difference = body_bounds.right - bounds.right
@@ -115,7 +120,7 @@ export default class Popover extends Component {
         } else if (leftAlign == 'right'){
             position.left = offset.left + Helpers.outerWidth(this.options.anchor);
         } else if (leftAlign.includes("px")){
-            position.left = offset.left + Helpers.outerWidth(this.options.anchor) + parseInt(leftAlign);
+            position.left = offset.left + parseInt(leftAlign);
         }
         
         if(topAlign == 'top'){
@@ -132,7 +137,7 @@ export default class Popover extends Component {
         } else if (topAlign == 'bottom'){
             position.top = offset.top + Helpers.outerHeight(this.options.anchor);
         } else if (topAlign.includes("px")){
-            position.top = offset.top + Helpers.outerHeight(this.options.anchor) + parseInt(topAlign);
+            position.top = offset.top + parseInt(topAlign);
         }
         
         if(this.options.offset.left) position.left += parseInt(this.options.offset.left);
@@ -160,11 +165,13 @@ export default class Popover extends Component {
         if (e.target == this.options.anchor)        return;
         if (this.el.contains(e.target))     return;
         if (this.options.anchor.contains(e.target)) return;
+        if (this.persisting) return;
         this.hide();
     }
     
     checkEscape (e) {
         if(e.which != 27) return;
+        if (this.persisting) return;
         this.hide();
     }
     
@@ -193,4 +200,12 @@ export default class Popover extends Component {
         flag = flag || this.showing;
         if(flag) this.hide(); else this.show();
     }
+    
+    persist() {
+      this.persisting = true;
+    }
+    
+    unpersist() {
+      this.persisting = false;
+    }
 }

data/lib/assets/javascripts/uniform/select.js

@@ -1,4 +1,6 @@
 import Component from './component';
+import Popover from './popover';
+import Modal from './modal';
 import { check as checkIcon, arrow_down as arrowIcon } from './icons';
 import * as Helpers from './dom-helpers';
 
@@ -6,7 +8,7 @@ import * as Helpers from './dom-helpers';
     options
     class: String, appended to uniformSelect-edit button as class
     limit: int | false - number of options to limit to, or false to not limit
-    showAll: function(select_options) to run if/when "Show All" is clicked
+    showAll: function(button_options) to run if/when "Show All" is clicked
     label: string, used for mobile menu
     container: selector for where to render dropdown
 */
@@ -16,105 +18,89 @@ export default class Select extends Component {
         this.options = {
             label: false,
             class: "",
-            showAll: function (select_options){
-                Helpers.removeClass(select_options.querySelectorAll('button.hide'), 'hide');
-                var button = select_options.querySelector('.uniformSelect-show-all');
+            showAll: function (button_options){
+                Helpers.removeClass(button_options.querySelectorAll('button.hide'), 'hide');
+                var button = button_options.querySelector('.uniformSelect-show-all');
                 button.parentNode.removeChild(button);
                 
                 return false;
             },
             limit: 8,
-            container: document.body
+            container: false
         }
         
         Object.assign(this.options, this.pick(options, Object.keys(this.options)));
 
-        var showing, lastScrollPosition, select_options;
-
-        this.listenTo(this.el, 'change', this.updateSelect);
+        this.listenTo(this.el, 'change', this.renderSelected);
         this.listenTo(this.el, 'close', this.hideOptions);
-        this.listenTo(this.el, 'revealed', this.resize);
         this.el.uniformSelect = this;
         
-        this.listenTo(window, 'resize', this.resize);
-        this.listenTo(window, 'scroll', this.updatePosition);
-        this.listenTo(document, 'click', this.outsideClick);
-        this.listenTo(document, 'keyup', this.keyup);
-        
         this.activeIcon = document.createElement('span');
-        Helpers.addClass(this.activeIcon, 'uniformSelect-option-icon');
         this.activeIcon.innerHTML = checkIcon;
+        Helpers.addClass(this.activeIcon, 'uniformSelect-option-icon');
     }
-    
-    outsideClick (e) {
-        if (!this.showing) return;
-        if (e.target === this.select_options) return;
-        if (this.container.contains(e.target)) return;
-        if (this.select_options.contains(e.target)) return;
-        this.hideOptions();
-    }
-    
-    keyup (e) {
-        if(e.which === 27) this.hideOptions();
+
+    remove () {
+        Component.prototype.remove.apply(this, arguments);
+        this.edit_button.parentNode.removeChild(this.edit_button);
+        delete this.this.edit_button;
+        
+        this.activeIcon.parentNode.removeChild(this.activeIcon);
+        delete this.activeIcon;
+        
+        if(this.button_options_popover) this.button_options_popover.remove();
+        if(this.button_options_modal) this.button_options_modal.remove();
+        
+        if(this.button_options) {
+            this.button_options.parentNode.removeChild(this.button_options);
+            delete this.button_options;
+        }
     }
     
     render () {
-        this.container = document.createElement('div');
-        Helpers.addClass(this.container, 'uniformSelect-container');
-        
-        this.edit_button = Helpers.createElement(`<button type='button' class='uniformSelect-edit uniformInput outline block ${this.options.class}'><span class="text-js"></span><span class="uniformSelect-edit-icon">${arrowIcon}</span></button>`);
-        this.container.appendChild(this.edit_button);
+        this.edit_button = Helpers.createElement(`
+          <button type='button' class='uniformSelect-edit uniformInput outline block ${this.options.class}'>
+            <span class="text-js"></span>
+            <span class="uniformSelect-edit-icon">${arrowIcon}</span>
+          </button>
+        `);
         
         if (this.el.name) {
-            Helpers.addClass(this.container, this.el.name.toLowerCase().replace(/[^a-z0-9\-_]+/g, '-'));
+            Helpers.addClass(this.edit_button, this.el.name.toLowerCase().replace(/[^a-z0-9\-_]+/g, '-'));
         }
         this.el.style.display = "none";
-        this.el.insertAdjacentElement('beforebegin', this.container);
-        this.updateSelect();
-        this.resize();
+        this.el.insertAdjacentElement('beforebegin', this.edit_button);
         
-        this.listenTo(this.edit_button, 'click', this.showOptions);
-        this.listenTo(this.edit_button, 'click', '.uniformSelect-remove', this.removeSelection);
-    }
-
-    resize () {
-        // to keep button from extending beyond available width
-        var children = [];
-        var childrenCount = this.edit_button.children.length;
-        for(var i = 0; i < childrenCount; i++){
-            children.push(this.edit_button.children[0]);
-            this.edit_button.children[0].parentNode.removeChild(this.edit_button.children[0]);
+        if(!this.options.container) {
+          this.options.container = this.edit_button.parentElement
         }
         
-        this.edit_button.innerHTML = '';
-        this.edit_button.style.width = "auto";
-        this.edit_button.style.maxWidth = "100%";
-        this.edit_button.style.minWidth = this.container.offsetWidth + "px";
+        // Set Min-Width for when empty
         
-        Helpers.each(children, function(child){
-            this.edit_button.appendChild(child);
-        }.bind(this));
-
-        if(typeof this.select_options === "undefined") return;
-        if(window.innerWidth < 720) return;
-
-        this.select_options.style.position = 'absolute';
-        this.select_options.style.top = Helpers.offset(this.container).top + this.container.offsetHeight + "px";
-        this.select_options.style.left = Helpers.offset(this.container).left + 1 + "px";
-        this.select_options.style.minWidth = this.container.offsetWidth - 1 + "px";
+        const option = [...this.el.querySelectorAll("option")].sort((a, b) => {
+            return a.textContent.length > b.textContent.length
+        }).reverse()[0];
+        this.edit_button.querySelector('.text-js').style.opacity = 0;
+        this.edit_button.querySelector('.text-js').innerHTML = option.textContent;
+        const min_width = this.edit_button.querySelector('.text-js').offsetWidth;
+        this.edit_button.style.minWidth = min_width + "px";
+        this.edit_button.querySelector('.text-js').innerHTML = "";
+        this.edit_button.querySelector('.text-js').style.opacity = null;
+        
+        this.renderSelected();
+        
+        this.listenTo(this.edit_button, 'click', this.showOptions);
+        this.listenTo(this.edit_button, 'click', '.uniformSelect-remove', this.removeSelection);
+        
+        return this;
     }
 
     renderOptions () {
-        this.select_options = Helpers.createElement("<div class='uniformSelect-options'>");
-        if (this.options.label) {
-            this.select_options.append(`<div class="uniformSelect-label hide show-sm margin-bottom text-bold">${this.options.label}</div>`)
-        }
+        this.button_options = Helpers.createElement("<div class='uniformSelect-options'>");
         if (this.el.name) {
-            Helpers.addClass(this.select_options, this.el.name.toLowerCase().replace(/[^a-z0-9\-_]+/g, '-'));
+            Helpers.addClass(this.button_options, this.el.name.toLowerCase().replace(/[^a-z0-9\-_]+/g, '-'));
         }
-        this.select_options.style.fontSize = Helpers.css(this.el, 'font-size');
-        this.select_options.style.display = 'none';
-        this.options.container.appendChild(this.select_options);
+        this.button_options.style.fontSize = Helpers.css(this.el, 'font-size');
         
         Helpers.each(this.el.querySelectorAll('option'), function(el, index){
             var button = Helpers.createElement("<button type='button' class='uniformSelect-option block outline text-left'>");
@@ -128,16 +114,17 @@ export default class Select extends Component {
             } else if (this.options.limit && index > this.options.limit) {
                 Helpers.addClass(button, 'hide');
             }
-            this.select_options.append(button);
-            this.listenTo(button, 'click', this.selectOption);
+            this.button_options.append(button);
         }.bind(this));
 
-        var actions_el = Helpers.createElement('<div class="uniformSelect-options-actions"></div>');
+        this.listenTo(this.button_options, 'click', '.uniformSelect-option', this.selectOption);
+
+        const actions_el = Helpers.createElement('<div class="uniformSelect-options-actions"></div>');
         if (this.options.limit && this.el.querySelectorAll('option').length > this.options.limit) {
-            var show_all_button = Helpers.createElement("<button type='button' class='uniformSelect-show-all outline blue' style='display: block; border: none'>Show All</button>");
+            const show_all_button = Helpers.createElement("<button type='button' class='uniformSelect-show-all outline blue' style='display: block; border: none'>Show All</button>");
             this.listenTo(show_all_button, 'click', function(e){
                 Helpers.trigger(this.el, 'show_all');
-                if (this.options.showAll) this.options.showAll(this.select_options);
+                if (this.options.showAll) this.options.showAll(this.button_options);
                 e.preventDefault();
                 e.stopPropagation();
             })
@@ -149,104 +136,108 @@ export default class Select extends Component {
             actions_el.appendChild(done_button);
         }
         if (!Helpers.is_empty(actions_el)) {
-            this.select_options.appendChild(actions_el);
+            this.button_options.appendChild(actions_el);
         }
+    }
 
-        Helpers.trigger(this.el, 'rendered');
+    renderSelected () {
+        const selected_options = Helpers.filter(this.el.querySelectorAll("option"), function(el){
+            return el.selected;
+        });
+        const html = Helpers.map(selected_options, function(el){
+            return this.el.multiple ? `<span class="uniformSelect-selection">${el.textContent}<span class="uniformSelect-remove"></span></span>` : el.textContent;
+        }.bind(this)).join(" ");
+        
+        if (html == "") {
+            this.edit_button.querySelector('.text-js').innerHTML = "&nbsp;"
+        } else {
+            this.edit_button.querySelector('.text-js').innerHTML = html;
+        }
+        
+        if(this.button_options) {
+            Helpers.each(this.button_options.querySelectorAll('.uniformSelect-option'), function(el) {
+                if(el.option.selected){
+                    Helpers.addClass(el, 'active');
+                    el.append(this.activeIcon.cloneNode(true));
+                } else {
+                    Helpers.removeClass(el, 'active');
+                    Helpers.each(el.querySelectorAll('.uniformSelect-option-icon'), Helpers.remove);
+                }
+            }.bind(this))
+        }
     }
 
     hideOptions () {
-        if(typeof this.select_options === "undefined") return;
-        this.showing = false;
-        this.select_options.style.display = "none";
-        Helpers.removeClass(this.select_options, 'fixed');
+        if(!this.button_options) return;
+        if(this.button_options_modal) this.button_options_modal.close();
+        if(this.button_options_popover) {
+            this.button_options_popover.remove();
+            delete this.button_options_popover;
+        }
         Helpers.removeClass(this.edit_button, 'active');
-        Helpers.removeClass(document.body, 'uniformModal-hideBody');
-        
-        if(this.lastScrollPosition && window.innerWidth < 720) window.scrollTo(0, this.lastScrollPosition);
-        Helpers.trigger(this.el, 'hidden:options');
     }
 
-    showOptions() {
-        if (this.showing){
-            this.hideOptions();
-            return false;
-        }
-        this.showing = true;
-        if(!this.select_options) this.renderOptions();
-        this.resize();
-        this.select_options.style.display = "block";
+    showOptions(e) {
+        if(Helpers.hasClass(e.target, 'uniformSelect-remove')) return;
+        if(this.button_options_modal) return this.hideOptions();
+        if(this.button_options_popover) return this.hideOptions();
+        if(!this.button_options) this.renderOptions();
         Helpers.addClass(this.edit_button, 'active');
-        this.lastScrollPosition = window.scrollY;
-        this.updatePosition();
-        Helpers.addClass(document.body, 'uniformModal-hideBody');
-        if (this.options.container == document.body) {
-            Helpers.removeClass(document.body, 'uniformModal-hideBody');
+        // For Mobile: Render Full Screen
+        if(window.innerWidth < 720) {
+            const content = Helpers.createElement('<div class="uniformSelect-modal">');
+            content.append(this.button_options);
+            if (this.options.label) {
+                content.append(`<div class="uniformSelect-label margin-bottom text-bold">${this.options.label}</div>`);
+            }
+            this.button_options_modal = new Modal({
+                content: content,
+                klass: '-reset'
+            }).render();
+            this.button_options_modal.on('closed', () => {
+                Helpers.removeClass(this.edit_button, 'active');
+                delete this.button_options_modal;
+            });
+            this.listenTo(content, 'click', function(e){
+                if(e.target == content) {
+                    this.button_options_modal.close()
+                }
+            });
+        // For Larger: Render Popover
+        } else {
+            this.button_options.style.minWidth = this.edit_button.offsetWidth + "px";
+            this.button_options_popover = new Popover({
+                offset: {top: 1},
+                anchor: this.edit_button,
+                align: '0px bottom',
+                content: this.button_options,
+                container: this.options.container
+            }).render()
+            this.button_options_popover.on('hidden', () => {
+                Helpers.removeClass(this.edit_button, 'active');
+                this.button_options_popover.remove();
+                delete this.button_options_popover;
+            })
         }
     }
 
     selectOption(e) {
+        const button = e.target;
         if (!this.el.multiple) {
-            Helpers.each(Helpers.filter(this.el.querySelectorAll("option"), function(el){
-                return el.selected;
-            }), function (child) {
-                child.selected = false;
-            });
-            Helpers.each(this.select_options.querySelectorAll('.uniformSelect-option.active .uniformSelect-option-icon'), Helpers.remove);
-            Helpers.removeClass(this.select_options.querySelectorAll('.uniformSelect-option.active'), 'active');
+            Helpers.each(this.button_options.querySelectorAll('.uniformSelect-option.active .uniformSelect-option-icon'), Helpers.remove);
+            Helpers.removeClass(this.button_options.querySelectorAll('.uniformSelect-option.active'), 'active');
         }
-        Helpers.toggleClass(e.currentTarget, 'active');
-        e.currentTarget.option.selected = Helpers.hasClass(e.currentTarget, 'active');
-        this.updateOptions();
-        Helpers.trigger(this.el, 'change');
-    }
-    
-    updateSelect () {
-        if (!this.el.multiple) this.hideOptions();
-        var value = Helpers.map(Helpers.filter(this.el.querySelectorAll("option"), function(el){
-            return el.selected;
-        }), function(el){
-            return this.el.multiple ? `<span class="uniformSelect-selection">${el.textContent}<span class="uniformSelect-remove"></span></span>` : el.textContent;
-        }.bind(this)).join(" ");
-        
-        if (value == "") value = "&nbsp;";
-        this.edit_button.querySelector('.text-js').innerHTML = value;
-    }
-    
-    updateOptions () {
-        Helpers.each(this.select_options.querySelectorAll("button"), function(button) {
-            if(!button.option) return;
-            Helpers.toggleClass(button, 'active', button.option.selected);
-            if (Helpers.hasClass(button, 'active')) {
-                button.append(this.activeIcon.cloneNode(true));
-            } else {
-                Helpers.each(button.querySelectorAll('.uniformSelect-option-icon'), Helpers.remove);
-            }
-        }.bind(this))
-    }
-
-    updatePosition () {
-        if(!this.select_options) return;
-        
-        var fixedParents = Helpers.filter(Helpers.ancestors(this.container), function (el){
-            return Helpers.css(el, 'position') == 'fixed';
-        });
-
-        if (Helpers.hasClass(this.select_options, 'fixed')) {
-            if (fixedParents.length == 0) {
-                this.select_options.style.position = 'absolute';
-                this.select_options.style.top = Helpers.offset(this.container).top + this.container.offsetHeight + "px";
-                Helpers.removeClass(this.select_options, 'fixed');
-            }
-        } else if(fixedParents.length > 0) {
-            if (window.innerWidth > 720) {
-                this.lastScrollPosition = false;
-            }
-            this.select_options.style.position = 'fixed';
-            this.select_options.style.top = Helpers.offset(this.container).top + this.container.offsetHeight + "px";
-            this.select_options.style.left = Helpers.offset(this.container).left + "px";
-            Helpers.addClass(this.select_options, 'fixed');
+        Helpers.toggleClass(e.target, 'active');
+        e.target.option.selected = Helpers.hasClass(e.target, 'active');
+        if (Helpers.hasClass(e.target, 'active')) {
+            e.target.append(this.activeIcon.cloneNode(true));
+        } else {
+            Helpers.each(e.target.querySelectorAll('.uniformSelect-option-icon'), Helpers.remove);
         }
+        if (!this.el.multiple) {
+            this.hideOptions();
+        }
+        Helpers.trigger(this.el, 'change');
     }
     
     removeSelection(e) {
@@ -256,7 +247,6 @@ export default class Select extends Component {
         })[0];
         if(!target) return;
         target.selected = false;
-        this.updatePosition();
         Helpers.trigger(this.el, 'change');
     }
 }

data/lib/assets/stylesheets/uniform/components/modal.scss

@@ -29,13 +29,22 @@
     &.-fill{
         width: 90%;
     }
+    &.-reset{
+        margin: -2em;
+        max-width: none;
+        border-radius: 0;
+        &.-fill{
+            width: 100%;
+        }
+    }
 }
 
 .uniformModal-close{
+    z-index: 2;
     position: absolute;
     padding: 0.3em;
-    top: -2rem;
-    right: -2rem;
+    top: 0;
+    right: 0;
     font-size:1.5em;
     color: white;
     opacity: 0.5;

data/lib/assets/stylesheets/uniform/components/select.scss

@@ -8,7 +8,6 @@ select.uniformSelect{
     text-align: left;
     padding-right: 1.8em;
     &.active{
-        z-index: 10000;
         .uniformSelect-edit-icon{
             svg{
                 transform: rotate(180deg);
@@ -76,11 +75,9 @@ select.uniformSelect{
 }
 
 .uniformSelect-options{
-    @include text-overflow;
-    position: absolute;
-    background: white;
-    z-index: 9999;
+
     box-shadow: 0 0 15px 1px rgba(black, 0.2), 0 0 2px 1px rgba(black, 0.1) ;
+    background: white;
     button{
         appearance: none;
         outline: none;
@@ -133,27 +130,18 @@ select.uniformSelect{
     }
 }
 
-@include size-rule('sm'){
-    .uniformSelect-options{
-        top: 0 !important;
-        left: 0 !important;
-        min-height: 100vh;
-        width: 100vw;
-        padding: 1em;
-        button{
-            margin-bottom: 0.5em;
-            border: 1px solid color('gray');
-            &.uniformSelect-done{
-                margin-bottom: 0;
-            }
-        }
-        .uniformSelect-options-actions{
-            margin: 0 -1em;
+.uniformSelect-modal{
+    width: 100vw;
+    min-height: 100vh;
+    padding: 1em;
+    button{
+        margin-bottom: 0.5em;
+        border: 1px solid color('gray');
+        &.uniformSelect-done{
+            margin-bottom: 0;
         }
     }
-    body.uniformModal-hideBody{
-        & > *:not(.uniformSelect-options):not(.uniformDropdown-dropdown) {
-            position: fixed;
-        }
+    .uniformSelect-options-actions{
+        margin: 0 -1em;
     }
 }

data/lib/uniform/version.rb

@@ -1,3 +1,3 @@
 module Uniform
-  VERSION = "2.3.5"
+  VERSION = "2.4.1"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: uniform-ui
 version: !ruby/object:Gem::Version
-  version: 2.3.5
+  version: 2.4.1
 platform: ruby
 authors:
 - Ben Ehmke
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-04-16 00:00:00.000000000 Z
+date: 2020-06-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -118,7 +118,7 @@ homepage: http://bemky.github.io/uniform/
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -134,7 +134,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.1.2
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Sass UI
 test_files: []