RubyGems - material-sass - Versions diffs - 4.0.0.alpha6 → 4.0.0.beta - Mend

material-sass 4.0.0.alpha6 → 4.0.0.beta

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.

Files changed (119) hide show

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d483594d537c65aeea1110897d892f0981aef89d
-  data.tar.gz: aab7bcb622b9da788abc30d3c30f2f3fd6e57484
+  metadata.gz: 61c44b7409742cf924a6feb886149430c7b52c2f
+  data.tar.gz: 9ba84b87234c61fdc147ba388c7f26ef5b5fb72d
 SHA512:
-  metadata.gz: 3ebdfba8dc36d70472d7a866846292b8166fb9801786caec13d67fbe2a76428688bc96ed2ce367d2f93eb1d827cc1aad34aeb2f97fbb0a1772ba808566b74d31
-  data.tar.gz: 2cef81b3b926fb783a3bf0a64cf8b664a436c6b83e3a3b1d0f10fc7670217e0496a31c84c71f9ddc338bec89eca8bcc77988bb23ff106ab98ba982adce666bb0
+  metadata.gz: e76230785b16a2e96f3156316659e35bd19b8e9b4538fd42bf33a20fda76f42d6d1e2c7a3970c32d8dfb1773f1b87b0e8ec42c10b444b80d020b27f9b12ec8e4
+  data.tar.gz: fc7dfb3f3abe74d205fa5cd4d221bbbec4fd3f4edde723a20acbeddf1bf8abee540c0c2de96ca0a700555f76032fa7e8c00eb8a61f9864df4bf7c0a1ee834370

data/.gitignore CHANGED Viewed

@@ -21,3 +21,4 @@ tmp
 *.a
 mkmf.log
 material-src/
+.scss-lint.yml

data/README.md CHANGED Viewed

@@ -1,19 +1,30 @@
-# Material-sass
+# Material-sass [![Gem Version](https://badge.fury.io/rb/material-sass.svg)](http://badge.fury.io/rb/material-sass)
+`material-sass` is a rubygems version of Material Design for Bootstrap 4
+Offical repo  [github.com/Daemonite/material](https://github.com/Daemonite/material)
+Documentation [daemonite.github.io/material](http://daemonite.github.io/material)
+## Dependencies
+**Rails 5.1+**
+The Rails JavaScript helpers has been rewritten in a new gem called rails-ujs and they use vanilla JavaScript, so jQuery is not a dependency of Rails anymore.
+Since bootstrap relies on it, install it with ```bin/yarn add jquery``` or via ```gem 'jquery-rails'```  and add ```//= require jquery``` to ```application.js```.
+**NOTE:** Ensure that the `sass-rails` gem is presented in your Gemfile.
-[![Join the chat at https://gitter.im/mkhairi/material-sass](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/mkhairi/material-sass?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
-`material-sass` is a Sass rubygems version of Material, a HTML5 UI design based on Google Material. Offical repo [github.com/Daemonite/material](https://github.com/Daemonite/material)
 ## Installation
 Add this line to your application's Gemfile:
 ```ruby
+gem 'bootstrap'
 gem 'material-sass'
 ```
-**NOTE:** Ensure that the `sass-rails` gem is presented in your Gemfile.
 And then run the bundler and restart your server to make the files available through the pipeline:
 ```console
@@ -48,13 +59,30 @@ Require Material javascripts in `app/assets/javascripts/application.js`:
 ```js
 //= require jquery
-//= require material-sprockets
+//= require bootstrap
+//= require material
 ```
+### c. Icons
+Include this line in the <head>portion of your HTML code
+``` <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> ```
+or import this line in your application.scss
+``` @import "https://fonts.googleapis.com/icon?family=Material+Icons"; ```
+or install this gem for offline icons
+``` gem 'material_icons' ```
+see [docs](https://github.com/Angelmmiguel/material_icons)
 ## Contributing
+note: Any changes or Pull Request regarding material assets should be made in official [material](https://github.com/Daemonite/material) repo.
-1. Fork it ( https://github.com/[my-github-username]/material-sass/fork )
+1. Fork it ( https://github.com/mkhairi/material-sass/fork )
 2. Create your feature branch (`git checkout -b my-new-feature`)
 3. Commit your changes (`git commit -am 'Add some feature'`)
 4. Push to the branch (`git push origin my-new-feature`)

data/Rakefile CHANGED Viewed

@@ -9,13 +9,26 @@ namespace :javascripts do
    rm_rf "app/assets/javascripts/material"
   end
-  desc "Copy #{source_dir}/assets/js/"
+  desc "Copy #{source_dir}/assets/js/src"
   task :copy do
-    src_dir = "#{source_dir}/assets/js/."
+    src_dir = "#{source_dir}/dist/assets/js/src/."
+    tgt_dir = "app/assets/javascripts/material/components"
+    mkdir_p tgt_dir
+    cp_r src_dir, tgt_dir
+    cp "#{source_dir}/js/material.js", "app/assets/javascripts/material.js"
+    cp "#{source_dir}/js/material.min.js", "app/assets/javascripts/material.min.js"
+    src_dir = "#{source_dir}/dist/assets/js/addons"
     tgt_dir = "app/assets/javascripts/material/"
     mkdir_p tgt_dir
     cp_r src_dir, tgt_dir
-    mv (tgt_dir+"src.js"), "app/assets/javascripts/material.js"
+    src_dir = "#{source_dir}/dist/assets/js/addons-materialise/."
+    tgt_dir = "app/assets/javascripts/material/initializers"
+    mkdir_p tgt_dir
+    cp_r src_dir, tgt_dir
   end

data/app/assets/javascripts/material-sprockets.js CHANGED Viewed

@@ -1 +1,6 @@
-//= require_tree ./material
+//= require_tree ./material/components
+//= require ./material/addons/picker
+//= require ./material/addons/picker.date
+//= require ./material/addons/textarea-autosize
+//= require ./material/addons/waves
+//= require_tree ./material/initializers

data/app/assets/javascripts/material.js CHANGED Viewed

@@ -1,88 +1,281 @@
 /*!
- * Material
+ * Material v4.0.0-beta (http://daemonite.github.io/material/)
+ * Copyright 2017 Daemon Pty Ltd
+ * Licensed under MIT (https://github.com/Daemonite/material/blob/master/LICENSE)
  */
 if (typeof jQuery === 'undefined') {
   throw new Error('Material\'s JavaScript requires jQuery')
 }
 +function ($) {
   var version = $.fn.jquery.split(' ')[0].split('.')
-  if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] >= 4)) {
-    throw new Error('Material\'s JavaScript requires at least jQuery v1.9.1 but less than v4.0.0')
+  if (version[0] < 3 || version[0] >= 4) {
+    throw new Error('Material\'s JavaScript requires at least jQuery v3.0.0 but less than v4.0.0')
   }
 }(jQuery);
+!function(a){this.Picker=a(jQuery)}(function(a){function b(f,g,i,m){function n(){return b._.node("div",b._.node("div",b._.node("div",b._.node("div",B.component.nodes(w.open),y.box),y.wrap),y.frame),y.holder,'tabindex="-1"')}function o(){z.data(g,B).addClass(y.input).val(z.data("value")?B.get("select",x.format):f.value),x.editable||z.on("focus."+w.id+" click."+w.id,function(a){a.preventDefault(),B.open()}).on("keydown."+w.id,u),e(f,{haspopup:!0,expanded:!1,readonly:!1,owns:f.id+"_root"})}function p(){e(B.$root[0],"hidden",!0)}function q(){B.$holder.on({keydown:u,"focus.toOpen":t,blur:function(){z.removeClass(y.target)},focusin:function(a){B.$root.removeClass(y.focused),a.stopPropagation()},"mousedown click":function(b){var c=b.target;c!=B.$holder[0]&&(b.stopPropagation(),"mousedown"!=b.type||a(c).is("input, select, textarea, button, option")||(b.preventDefault(),B.$holder[0].focus()))}}).on("click","[data-pick], [data-nav], [data-clear], [data-close]",function(){var b=a(this),c=b.data(),d=b.hasClass(y.navDisabled)||b.hasClass(y.disabled),e=h();e=e&&(e.type||e.href),(d||e&&!a.contains(B.$root[0],e))&&B.$holder[0].focus(),!d&&c.nav?B.set("highlight",B.component.item.highlight,{nav:c.nav}):!d&&"pick"in c?(B.set("select",c.pick),x.closeOnSelect&&B.close(!0)):c.clear?(B.clear(),x.closeOnClear&&B.close(!0)):c.close&&B.close(!0)})}function r(){var b;x.hiddenName===!0?(b=f.name,f.name=""):(b=["string"==typeof x.hiddenPrefix?x.hiddenPrefix:"","string"==typeof x.hiddenSuffix?x.hiddenSuffix:"_submit"],b=b[0]+f.name+b[1]),B._hidden=a('<input type=hidden name="'+b+'"'+(z.data("value")||f.value?' value="'+B.get("select",x.formatSubmit)+'"':"")+">")[0],z.on("change."+w.id,function(){B._hidden.value=f.value?B.get("select",x.formatSubmit):""})}function s(){v&&l?B.$holder.find("."+y.frame).one("transitionend",function(){B.$holder[0].focus()}):B.$holder[0].focus()}function t(a){a.stopPropagation(),z.addClass(y.target),B.$root.addClass(y.focused),B.open()}function u(a){var b=a.keyCode,c=/^(8|46)$/.test(b);return 27==b?(B.close(!0),!1):void((32==b||c||!w.open&&B.component.key[b])&&(a.preventDefault(),a.stopPropagation(),c?B.clear().close():B.open()))}if(!f)return b;var v=!1,w={id:f.id||"P"+Math.abs(~~(Math.random()*new Date))},x=i?a.extend(!0,{},i.defaults,m):m||{},y=a.extend({},b.klasses(),x.klass),z=a(f),A=function(){return this.start()},B=A.prototype={constructor:A,$node:z,start:function(){return w&&w.start?B:(w.methods={},w.start=!0,w.open=!1,w.type=f.type,f.autofocus=f==h(),f.readOnly=!x.editable,f.id=f.id||w.id,"text"!=f.type&&(f.type="text"),B.component=new i(B,x),B.$root=a('<div class="'+y.picker+'" id="'+f.id+'_root" />'),p(),B.$holder=a(n()).appendTo(B.$root),q(),x.formatSubmit&&r(),o(),x.containerHidden?a(x.containerHidden).append(B._hidden):z.after(B._hidden),x.container?a(x.container).append(B.$root):z.after(B.$root),B.on({start:B.component.onStart,render:B.component.onRender,stop:B.component.onStop,open:B.component.onOpen,close:B.component.onClose,set:B.component.onSet}).on({start:x.onStart,render:x.onRender,stop:x.onStop,open:x.onOpen,close:x.onClose,set:x.onSet}),v=c(B.$holder[0]),f.autofocus&&B.open(),B.trigger("start").trigger("render"))},render:function(b){return b?(B.$holder=a(n()),q(),B.$root.html(B.$holder)):B.$root.find("."+y.box).html(B.component.nodes(w.open)),B.trigger("render")},stop:function(){return w.start?(B.close(),B._hidden&&B._hidden.parentNode.removeChild(B._hidden),B.$root.remove(),z.removeClass(y.input).removeData(g),setTimeout(function(){z.off("."+w.id)},0),f.type=w.type,f.readOnly=!1,B.trigger("stop"),w.methods={},w.start=!1,B):B},open:function(c){return w.open?B:(z.addClass(y.active),e(f,"expanded",!0),setTimeout(function(){B.$root.addClass(y.opened),e(B.$root[0],"hidden",!1)},0),c!==!1&&(w.open=!0,v&&k.css("overflow","hidden").css("padding-right","+="+d()),s(),j.on("click."+w.id+" focusin."+w.id,function(a){var b=a.target;b!=f&&b!=document&&3!=a.which&&B.close(b===B.$holder[0])}).on("keydown."+w.id,function(c){var d=c.keyCode,e=B.component.key[d],f=c.target;27==d?B.close(!0):f!=B.$holder[0]||!e&&13!=d?a.contains(B.$root[0],f)&&13==d&&(c.preventDefault(),f.click()):(c.preventDefault(),e?b._.trigger(B.component.key.go,B,[b._.trigger(e)]):B.$root.find("."+y.highlighted).hasClass(y.disabled)||(B.set("select",B.component.item.highlight),x.closeOnSelect&&B.close(!0)))})),B.trigger("open"))},close:function(a){return a&&(x.editable?f.focus():(B.$holder.off("focus.toOpen").focus(),setTimeout(function(){B.$holder.on("focus.toOpen",t)},0))),z.removeClass(y.active),e(f,"expanded",!1),setTimeout(function(){B.$root.removeClass(y.opened+" "+y.focused),e(B.$root[0],"hidden",!0)},0),w.open?(w.open=!1,v&&k.css("overflow","").css("padding-right","-="+d()),j.off("."+w.id),B.trigger("close")):B},clear:function(a){return B.set("clear",null,a)},set:function(b,c,d){var e,f,g=a.isPlainObject(b),h=g?b:{};if(d=g&&a.isPlainObject(c)?c:d||{},b){g||(h[b]=c);for(e in h)f=h[e],e in B.component.item&&(void 0===f&&(f=null),B.component.set(e,f,d)),("select"==e||"clear"==e)&&z.val("clear"==e?"":B.get(e,x.format)).trigger("change");B.render()}return d.muted?B:B.trigger("set",h)},get:function(a,c){if(a=a||"value",null!=w[a])return w[a];if("valueSubmit"==a){if(B._hidden)return B._hidden.value;a="value"}if("value"==a)return f.value;if(a in B.component.item){if("string"==typeof c){var d=B.component.get(a);return d?b._.trigger(B.component.formats.toString,B.component,[c,d]):""}return B.component.get(a)}},on:function(b,c,d){var e,f,g=a.isPlainObject(b),h=g?b:{};if(b){g||(h[b]=c);for(e in h)f=h[e],d&&(e="_"+e),w.methods[e]=w.methods[e]||[],w.methods[e].push(f)}return B},off:function(){var a,b,c=arguments;for(a=0,namesCount=c.length;a<namesCount;a+=1)b=c[a],b in w.methods&&delete w.methods[b];return B},trigger:function(a,c){var d=function(a){var d=w.methods[a];d&&d.map(function(a){b._.trigger(a,B,[c])})};return d("_"+a),d(a),B}};return new A}function c(a){var b,c="position";return a.currentStyle?b=a.currentStyle[c]:window.getComputedStyle&&(b=getComputedStyle(a)[c]),"fixed"==b}function d(){if(k.height()<=i.height())return 0;var b=a('<div style="visibility:hidden;width:100px" />').appendTo("body"),c=b[0].offsetWidth;b.css("overflow","scroll");var d=a('<div style="width:100%" />').appendTo(b),e=d[0].offsetWidth;return b.remove(),c-e}function e(b,c,d){if(a.isPlainObject(c))for(var e in c)f(b,e,c[e]);else f(b,c,d)}function f(a,b,c){a.setAttribute(("role"==b?"":"aria-")+b,c)}function g(b,c){a.isPlainObject(b)||(b={attribute:c}),c="";for(var d in b){var e=("role"==d?"":"aria-")+d,f=b[d];c+=null==f?"":e+'="'+b[d]+'"'}return c}function h(){try{return document.activeElement}catch(a){}}var i=a(window),j=a(document),k=a(document.documentElement),l=null!=document.documentElement.style.transition;return b.klasses=function(a){return a=a||"picker",{picker:a,opened:a+"--opened",focused:a+"--focused",input:a+"__input",active:a+"__input--active",target:a+"__input--target",holder:a+"__holder",frame:a+"__frame",wrap:a+"__wrap",box:a+"__box"}},b._={group:function(a){for(var c,d="",e=b._.trigger(a.min,a);e<=b._.trigger(a.max,a,[e]);e+=a.i)c=b._.trigger(a.item,a,[e]),d+=b._.node(a.node,c[0],c[1],c[2]);return d},node:function(b,c,d,e){return c?(c=a.isArray(c)?c.join(""):c,d=d?' class="'+d+'"':"",e=e?" "+e:"","<"+b+d+e+">"+c+"</"+b+">"):""},lead:function(a){return(10>a?"0":"")+a},trigger:function(a,b,c){return"function"==typeof a?a.apply(b,c||[]):a},digits:function(a){return/\d/.test(a[1])?2:1},isDate:function(a){return{}.toString.call(a).indexOf("Date")>-1&&this.isInteger(a.getDate())},isInteger:function(a){return{}.toString.call(a).indexOf("Number")>-1&&a%1===0},ariaAttr:g},b.extend=function(c,d){a.fn[c]=function(e,f){var g=this.data(c);return"picker"==e?g:g&&"string"==typeof e?b._.trigger(g[e],g,[f]):this.each(function(){var f=a(this);f.data(c)||new b(this,c,d,e)})},a.fn[c].defaults=d.defaults},b});
+!function(a){a(Picker,jQuery)}(function(a,b){function c(a,b){var c=this,d=a.$node[0],e=d.value,f=a.$node.data("value"),g=f||e,h=f?b.formatSubmit:b.format,i=function(){return d.currentStyle?"rtl"==d.currentStyle.direction:"rtl"==getComputedStyle(a.$root[0]).direction};c.settings=b,c.$node=a.$node,c.queue={min:"measure create",max:"measure create",now:"now create",select:"parse create validate",highlight:"parse navigate create validate",view:"parse create validate viewset",disable:"deactivate",enable:"activate"},c.item={},c.item.clear=null,c.item.disable=(b.disable||[]).slice(0),c.item.enable=-function(a){return a[0]===!0?a.shift():-1}(c.item.disable),c.set("min",b.min).set("max",b.max).set("now"),g?c.set("select",g,{format:h,defaultValue:!0}):c.set("select",null).set("highlight",c.item.now),c.key={40:7,38:-7,39:function(){return i()?-1:1},37:function(){return i()?1:-1},go:function(a){var b=c.item.highlight,d=new Date(b.year,b.month,b.date+a);c.set("highlight",d,{interval:a}),this.render()}},a.on("render",function(){a.$root.find("."+b.klass.selectMonth).on("change",function(){var c=this.value;c&&(a.set("highlight",[a.get("view").year,c,a.get("highlight").date]),a.$root.find("."+b.klass.selectMonth).trigger("focus"))}),a.$root.find("."+b.klass.selectYear).on("change",function(){var c=this.value;c&&(a.set("highlight",[c,a.get("view").month,a.get("highlight").date]),a.$root.find("."+b.klass.selectYear).trigger("focus"))})},1).on("open",function(){var d="";c.disabled(c.get("now"))&&(d=":not(."+b.klass.buttonToday+")"),a.$root.find("button"+d+", select").attr("disabled",!1)},1).on("close",function(){a.$root.find("button, select").attr("disabled",!0)},1)}var d=7,e=6,f=a._;c.prototype.set=function(a,b,c){var d=this,e=d.item;return null===b?("clear"==a&&(a="select"),e[a]=b,d):(e["enable"==a?"disable":"flip"==a?"enable":a]=d.queue[a].split(" ").map(function(e){return b=d[e](a,b,c)}).pop(),"select"==a?d.set("highlight",e.select,c):"highlight"==a?d.set("view",e.highlight,c):a.match(/^(flip|min|max|disable|enable)$/)&&(e.select&&d.disabled(e.select)&&d.set("select",e.select,c),e.highlight&&d.disabled(e.highlight)&&d.set("highlight",e.highlight,c)),d)},c.prototype.get=function(a){return this.item[a]},c.prototype.create=function(a,c,d){var e,g=this;return c=void 0===c?a:c,c==-(1/0)||c==1/0?e=c:b.isPlainObject(c)&&f.isInteger(c.pick)?c=c.obj:b.isArray(c)?(c=new Date(c[0],c[1],c[2]),c=f.isDate(c)?c:g.create().obj):c=f.isInteger(c)||f.isDate(c)?g.normalize(new Date(c),d):g.now(a,c,d),{year:e||c.getFullYear(),month:e||c.getMonth(),date:e||c.getDate(),day:e||c.getDay(),obj:e||c,pick:e||c.getTime()}},c.prototype.createRange=function(a,c){var d=this,e=function(a){return a===!0||b.isArray(a)||f.isDate(a)?d.create(a):a};return f.isInteger(a)||(a=e(a)),f.isInteger(c)||(c=e(c)),f.isInteger(a)&&b.isPlainObject(c)?a=[c.year,c.month,c.date+a]:f.isInteger(c)&&b.isPlainObject(a)&&(c=[a.year,a.month,a.date+c]),{from:e(a),to:e(c)}},c.prototype.withinRange=function(a,b){return a=this.createRange(a.from,a.to),b.pick>=a.from.pick&&b.pick<=a.to.pick},c.prototype.overlapRanges=function(a,b){var c=this;return a=c.createRange(a.from,a.to),b=c.createRange(b.from,b.to),c.withinRange(a,b.from)||c.withinRange(a,b.to)||c.withinRange(b,a.from)||c.withinRange(b,a.to)},c.prototype.now=function(a,b,c){return b=new Date,c&&c.rel&&b.setDate(b.getDate()+c.rel),this.normalize(b,c)},c.prototype.navigate=function(a,c,d){var e,f,g,h,i=b.isArray(c),j=b.isPlainObject(c),k=this.item.view;if(i||j){for(j?(f=c.year,g=c.month,h=c.date):(f=+c[0],g=+c[1],h=+c[2]),d&&d.nav&&k&&k.month!==g&&(f=k.year,g=k.month),e=new Date(f,g+(d&&d.nav?d.nav:0),1),f=e.getFullYear(),g=e.getMonth();new Date(f,g,h).getMonth()!==g;)h-=1;c=[f,g,h]}return c},c.prototype.normalize=function(a){return a.setHours(0,0,0,0),a},c.prototype.measure=function(a,b){var c=this;return b?"string"==typeof b?b=c.parse(a,b):f.isInteger(b)&&(b=c.now(a,b,{rel:b})):b="min"==a?-(1/0):1/0,b},c.prototype.viewset=function(a,b){return this.create([b.year,b.month,1])},c.prototype.validate=function(a,c,d){var e,g,h,i,j=this,k=c,l=d&&d.interval?d.interval:1,m=-1===j.item.enable,n=j.item.min,o=j.item.max,p=m&&j.item.disable.filter(function(a){if(b.isArray(a)){var d=j.create(a).pick;d<c.pick?e=!0:d>c.pick&&(g=!0)}return f.isInteger(a)}).length;if((!d||!d.nav&&!d.defaultValue)&&(!m&&j.disabled(c)||m&&j.disabled(c)&&(p||e||g)||!m&&(c.pick<=n.pick||c.pick>=o.pick)))for(m&&!p&&(!g&&l>0||!e&&0>l)&&(l*=-1);j.disabled(c)&&(Math.abs(l)>1&&(c.month<k.month||c.month>k.month)&&(c=k,l=l>0?1:-1),c.pick<=n.pick?(h=!0,l=1,c=j.create([n.year,n.month,n.date+(c.pick===n.pick?0:-1)])):c.pick>=o.pick&&(i=!0,l=-1,c=j.create([o.year,o.month,o.date+(c.pick===o.pick?0:1)])),!h||!i);)c=j.create([c.year,c.month,c.date+l]);return c},c.prototype.disabled=function(a){var c=this,d=c.item.disable.filter(function(d){return f.isInteger(d)?a.day===(c.settings.firstDay?d:d-1)%7:b.isArray(d)||f.isDate(d)?a.pick===c.create(d).pick:b.isPlainObject(d)?c.withinRange(d,a):void 0});return d=d.length&&!d.filter(function(a){return b.isArray(a)&&"inverted"==a[3]||b.isPlainObject(a)&&a.inverted}).length,-1===c.item.enable?!d:d||a.pick<c.item.min.pick||a.pick>c.item.max.pick},c.prototype.parse=function(a,b,c){var d=this,e={};return b&&"string"==typeof b?(c&&c.format||(c=c||{},c.format=d.settings.format),d.formats.toArray(c.format).map(function(a){var c=d.formats[a],g=c?f.trigger(c,d,[b,e]):a.replace(/^!/,"").length;c&&(e[a]=b.substr(0,g)),b=b.substr(g)}),[e.yyyy||e.yy,+(e.mm||e.m)-1,e.dd||e.d]):b},c.prototype.formats=function(){function a(a,b,c){var d=a.match(/[^\x00-\x7F]+|\w+/)[0];return c.mm||c.m||(c.m=b.indexOf(d)+1),d.length}function b(a){return a.match(/\w+/)[0].length}return{d:function(a,b){return a?f.digits(a):b.date},dd:function(a,b){return a?2:f.lead(b.date)},ddd:function(a,c){return a?b(a):this.settings.weekdaysShort[c.day]},dddd:function(a,c){return a?b(a):this.settings.weekdaysFull[c.day]},m:function(a,b){return a?f.digits(a):b.month+1},mm:function(a,b){return a?2:f.lead(b.month+1)},mmm:function(b,c){var d=this.settings.monthsShort;return b?a(b,d,c):d[c.month]},mmmm:function(b,c){var d=this.settings.monthsFull;return b?a(b,d,c):d[c.month]},yy:function(a,b){return a?2:(""+b.year).slice(2)},yyyy:function(a,b){return a?4:b.year},toArray:function(a){return a.split(/(d{1,4}|m{1,4}|y{4}|yy|!.)/g)},toString:function(a,b){var c=this;return c.formats.toArray(a).map(function(a){return f.trigger(c.formats[a],c,[0,b])||a.replace(/^!/,"")}).join("")}}}(),c.prototype.isDateExact=function(a,c){var d=this;return f.isInteger(a)&&f.isInteger(c)||"boolean"==typeof a&&"boolean"==typeof c?a===c:(f.isDate(a)||b.isArray(a))&&(f.isDate(c)||b.isArray(c))?d.create(a).pick===d.create(c).pick:b.isPlainObject(a)&&b.isPlainObject(c)?d.isDateExact(a.from,c.from)&&d.isDateExact(a.to,c.to):!1},c.prototype.isDateOverlap=function(a,c){var d=this,e=d.settings.firstDay?1:0;return f.isInteger(a)&&(f.isDate(c)||b.isArray(c))?(a=a%7+e,a===d.create(c).day+1):f.isInteger(c)&&(f.isDate(a)||b.isArray(a))?(c=c%7+e,c===d.create(a).day+1):b.isPlainObject(a)&&b.isPlainObject(c)?d.overlapRanges(a,c):!1},c.prototype.flipEnable=function(a){var b=this.item;b.enable=a||(-1==b.enable?1:-1)},c.prototype.deactivate=function(a,c){var d=this,e=d.item.disable.slice(0);return"flip"==c?d.flipEnable():c===!1?(d.flipEnable(1),e=[]):c===!0?(d.flipEnable(-1),e=[]):c.map(function(a){for(var c,g=0;g<e.length;g+=1)if(d.isDateExact(a,e[g])){c=!0;break}c||(f.isInteger(a)||f.isDate(a)||b.isArray(a)||b.isPlainObject(a)&&a.from&&a.to)&&e.push(a)}),e},c.prototype.activate=function(a,c){var d=this,e=d.item.disable,g=e.length;return"flip"==c?d.flipEnable():c===!0?(d.flipEnable(1),e=[]):c===!1?(d.flipEnable(-1),e=[]):c.map(function(a){var c,h,i,j;for(i=0;g>i;i+=1){if(h=e[i],d.isDateExact(h,a)){c=e[i]=null,j=!0;break}if(d.isDateOverlap(h,a)){b.isPlainObject(a)?(a.inverted=!0,c=a):b.isArray(a)?(c=a,c[3]||c.push("inverted")):f.isDate(a)&&(c=[a.getFullYear(),a.getMonth(),a.getDate(),"inverted"]);break}}if(c)for(i=0;g>i;i+=1)if(d.isDateExact(e[i],a)){e[i]=null;break}if(j)for(i=0;g>i;i+=1)if(d.isDateOverlap(e[i],a)){e[i]=null;break}c&&e.push(c)}),e.filter(function(a){return null!=a})},c.prototype.nodes=function(a){var b=this,c=b.settings,g=b.item,h=g.now,i=g.select,j=g.highlight,k=g.view,l=g.disable,m=g.min,n=g.max,o=function(a,b){return c.firstDay&&(a.push(a.shift()),b.push(b.shift())),f.node("thead",f.node("tr",f.group({min:0,max:d-1,i:1,node:"th",item:function(d){return[a[d],c.klass.weekdays,'scope=col title="'+b[d]+'"']}})))}((c.showWeekdaysFull?c.weekdaysFull:c.weekdaysShort).slice(0),c.weekdaysFull.slice(0)),p=function(a){return f.node("div"," ",c.klass["nav"+(a?"Next":"Prev")]+(a&&k.year>=n.year&&k.month>=n.month||!a&&k.year<=m.year&&k.month<=m.month?" "+c.klass.navDisabled:""),"data-nav="+(a||-1)+" "+f.ariaAttr({role:"button",controls:b.$node[0].id+"_table"})+' title="'+(a?c.labelMonthNext:c.labelMonthPrev)+'"')},q=function(){var d=c.showMonthsShort?c.monthsShort:c.monthsFull;return c.selectMonths?f.node("select",f.group({min:0,max:11,i:1,node:"option",item:function(a){return[d[a],0,"value="+a+(k.month==a?" selected":"")+(k.year==m.year&&a<m.month||k.year==n.year&&a>n.month?" disabled":"")]}}),c.klass.selectMonth,(a?"":"disabled")+" "+f.ariaAttr({controls:b.$node[0].id+"_table"})+' title="'+c.labelMonthSelect+'"'):f.node("div",d[k.month],c.klass.month)},r=function(){var d=k.year,e=c.selectYears===!0?5:~~(c.selectYears/2);if(e){var g=m.year,h=n.year,i=d-e,j=d+e;if(g>i&&(j+=g-i,i=g),j>h){var l=i-g,o=j-h;i-=l>o?o:l,j=h}return f.node("select",f.group({min:i,max:j,i:1,node:"option",item:function(a){return[a,0,"value="+a+(d==a?" selected":"")]}}),c.klass.selectYear,(a?"":"disabled")+" "+f.ariaAttr({controls:b.$node[0].id+"_table"})+' title="'+c.labelYearSelect+'"')}return f.node("div",d,c.klass.year)};return f.node("div",(c.selectYears?r()+q():q()+r())+p()+p(1),c.klass.header)+f.node("table",o+f.node("tbody",f.group({min:0,max:e-1,i:1,node:"tr",item:function(a){var e=c.firstDay&&0===b.create([k.year,k.month,1]).day?-7:0;return[f.group({min:d*a-k.day+e+1,max:function(){return this.min+d-1},i:1,node:"td",item:function(a){a=b.create([k.year,k.month,a+(c.firstDay?1:0)]);var d=i&&i.pick==a.pick,e=j&&j.pick==a.pick,g=l&&b.disabled(a)||a.pick<m.pick||a.pick>n.pick,o=f.trigger(b.formats.toString,b,[c.format,a]);return[f.node("div",a.date,function(b){return b.push(k.month==a.month?c.klass.infocus:c.klass.outfocus),h.pick==a.pick&&b.push(c.klass.now),d&&b.push(c.klass.selected),e&&b.push(c.klass.highlighted),g&&b.push(c.klass.disabled),b.join(" ")}([c.klass.day]),"data-pick="+a.pick+" "+f.ariaAttr({role:"gridcell",label:o,selected:d&&b.$node.val()===o?!0:null,activedescendant:e?!0:null,disabled:g?!0:null})),"",f.ariaAttr({role:"presentation"})]}})]}})),c.klass.table,'id="'+b.$node[0].id+'_table" '+f.ariaAttr({role:"grid",controls:b.$node[0].id,readonly:!0}))+f.node("div",f.node("button",c.today,c.klass.buttonToday,"type=button data-pick="+h.pick+(a&&!b.disabled(h)?"":" disabled")+" "+f.ariaAttr({controls:b.$node[0].id}))+f.node("button",c.clear,c.klass.buttonClear,"type=button data-clear=1"+(a?"":" disabled")+" "+f.ariaAttr({controls:b.$node[0].id}))+f.node("button",c.close,c.klass.buttonClose,"type=button data-close=true "+(a?"":" disabled")+" "+f.ariaAttr({controls:b.$node[0].id})),c.klass.footer)},c.defaults=function(a){return{labelMonthNext:"Next month",labelMonthPrev:"Previous month",labelMonthSelect:"Select a month",labelYearSelect:"Select a year",monthsFull:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],weekdaysFull:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],weekdaysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],today:"Today",clear:"Clear",close:"Close",closeOnSelect:!0,closeOnClear:!0,format:"d mmmm, yyyy",klass:{table:a+"table",header:a+"header",navPrev:a+"nav--prev",navNext:a+"nav--next",navDisabled:a+"nav--disabled",month:a+"month",year:a+"year",selectMonth:a+"select--month",selectYear:a+"select--year",weekdays:a+"weekday",day:a+"day",disabled:a+"day--disabled",selected:a+"day--selected",highlighted:a+"day--highlighted",now:a+"day--today",infocus:a+"day--infocus",outfocus:a+"day--outfocus",footer:a+"footer",buttonClear:a+"button--clear",buttonToday:a+"button--today",buttonClose:a+"button--close"}}}(a.klasses().picker+"__"),a.extend("pickadate",c)});
+!function(a,b,c,d){function h(b,c){this.element=b,this.$element=a(b),this.init()}var e="textareaAutoSize",f="plugin_"+e,g=function(a){return a.replace(/\s/g,"").length>0};h.prototype={init:function(){var c=parseInt(this.$element.css("paddingBottom"))+parseInt(this.$element.css("paddingTop"))+parseInt(this.$element.css("borderTopWidth"))+parseInt(this.$element.css("borderBottomWidth"))||0;g(this.element.value)&&this.$element.height(this.element.scrollHeight-c),this.$element.on("input keyup",function(d){var e=a(b),f=e.scrollTop();a(this).height(0).height(this.scrollHeight-c),e.scrollTop(f)})}},a.fn[e]=function(b){return this.each(function(){a.data(this,f)||a.data(this,f,new h(this,b))}),this}}(jQuery,window,document);
+!function(a,b){"use strict";"function"==typeof define&&define.amd?define([],function(){return b.apply(a)}):"object"==typeof exports?module.exports=b.call(a):a.Waves=b.call(a)}("object"==typeof global?global:this,function(){"use strict";function e(a){return null!==a&&a===a.window}function f(a){return e(a)?a:9===a.nodeType&&a.defaultView}function g(a){var b=typeof a;return"function"===b||"object"===b&&!!a}function h(a){return g(a)&&a.nodeType>0}function i(a){var d=c.call(a);return"[object String]"===d?b(a):g(a)&&/^\[object (HTMLCollection|NodeList|Object)\]$/.test(d)&&a.hasOwnProperty("length")?a:h(a)?[a]:[]}function j(a){var b,c,d={top:0,left:0},e=a&&a.ownerDocument;return b=e.documentElement,"undefined"!=typeof a.getBoundingClientRect&&(d=a.getBoundingClientRect()),c=f(e),{top:d.top+c.pageYOffset-b.clientTop,left:d.left+c.pageXOffset-b.clientLeft}}function k(a){var b="";for(var c in a)a.hasOwnProperty(c)&&(b+=c+":"+a[c]+";");return b}function n(a,b,c,d){if(c){d.classList.remove("waves-wrapping"),c.classList.remove("waves-rippling");var e=c.getAttribute("data-x"),f=c.getAttribute("data-y"),g=c.getAttribute("data-scale"),h=c.getAttribute("data-translate"),i=Date.now()-Number(c.getAttribute("data-hold")),j=350-i;0>j&&(j=0),"mousemove"===a.type&&(j=150);var m="mousemove"===a.type?2500:l.duration;setTimeout(function(){var a={top:f+"px",left:e+"px",opacity:"0","-webkit-transition-duration":m+"ms","-moz-transition-duration":m+"ms","-o-transition-duration":m+"ms","transition-duration":m+"ms","-webkit-transform":g+" "+h,"-moz-transform":g+" "+h,"-ms-transform":g+" "+h,"-o-transform":g+" "+h,transform:g+" "+h};c.setAttribute("style",k(a)),setTimeout(function(){try{d.removeChild(c),b.removeChild(d)}catch(a){return!1}},m)},j)}}function p(a){if(o.allowEvent(a)===!1)return null;for(var b=null,c=a.target||a.srcElement;null!==c.parentElement;){if(c.classList.contains("waves-effect")&&!(c instanceof SVGElement)){b=c;break}c=c.parentElement}return b}function q(a){var b=p(a);if(null!==b){if(b.disabled||b.getAttribute("disabled")||b.classList.contains("disabled"))return;if(o.registerEvent(a),"touchstart"===a.type&&l.delay){var c=!1,e=setTimeout(function(){e=null,l.show(a,b)},l.delay),f=function(d){e&&(clearTimeout(e),e=null,l.show(a,b)),c||(c=!0,l.hide(d,b))},g=function(a){e&&(clearTimeout(e),e=null),f(a)};b.addEventListener("touchmove",g,!1),b.addEventListener("touchend",f,!1),b.addEventListener("touchcancel",f,!1)}else l.show(a,b),d&&(b.addEventListener("touchend",l.hide,!1),b.addEventListener("touchcancel",l.hide,!1)),b.addEventListener("mouseup",l.hide,!1),b.addEventListener("mouseleave",l.hide,!1)}}var a=a||{},b=document.querySelectorAll.bind(document),c=Object.prototype.toString,d="ontouchstart"in window,l={duration:750,delay:200,show:function(a,b,c){if(2===a.button)return!1;b=b||this;var d=document.createElement("div");d.className="waves-wrap waves-wrapping",b.appendChild(d);var e=document.createElement("div");e.className="waves-ripple waves-rippling",d.appendChild(e);var f=j(b),g=0,h=0;"touches"in a&&a.touches.length?(g=a.touches[0].pageY-f.top,h=a.touches[0].pageX-f.left):(g=a.pageY-f.top,h=a.pageX-f.left),h=h>=0?h:0,g=g>=0?g:0;var i="scale("+b.clientWidth/100*3+")",m="translate(0,0)";c&&(m="translate("+c.x+"px, "+c.y+"px)"),e.setAttribute("data-hold",Date.now()),e.setAttribute("data-x",h),e.setAttribute("data-y",g),e.setAttribute("data-scale",i),e.setAttribute("data-translate",m);var n={top:g+"px",left:h+"px"};e.classList.add("waves-notransition"),e.setAttribute("style",k(n)),e.classList.remove("waves-notransition"),n["-webkit-transform"]=i+" "+m,n["-moz-transform"]=i+" "+m,n["-ms-transform"]=i+" "+m,n["-o-transform"]=i+" "+m,n.transform=i+" "+m,n.opacity="1";var o="mousemove"===a.type?2500:l.duration;n["-webkit-transition-duration"]=o+"ms",n["-moz-transition-duration"]=o+"ms",n["-o-transition-duration"]=o+"ms",n["transition-duration"]=o+"ms",e.setAttribute("style",k(n))},hide:function(a,b){b=b||this;for(var c=b.getElementsByClassName("waves-wrapping"),d=b.getElementsByClassName("waves-rippling"),e=0,f=d.length;f>e;e++)n(a,b,d[e],c[e])}},m={input:function(a){var b=a.parentNode;if("i"!==b.tagName.toLowerCase()||!b.classList.contains("waves-effect")){var c=document.createElement("i");c.className=a.className+" waves-input-wrapper",a.className="waves-button-input",b.replaceChild(c,a),c.appendChild(a);var d=window.getComputedStyle(a,null),e=d.color,f=d.backgroundColor;c.setAttribute("style","color:"+e+";background:"+f),a.setAttribute("style","background-color:rgba(0,0,0,0);")}},img:function(a){var b=a.parentNode;if("i"!==b.tagName.toLowerCase()||!b.classList.contains("waves-effect")){var c=document.createElement("i");b.replaceChild(c,a),c.appendChild(a)}}},o={touches:0,allowEvent:function(a){var b=!0;return/^(mousedown|mousemove)$/.test(a.type)&&o.touches&&(b=!1),b},registerEvent:function(a){var b=a.type;"touchstart"===b?o.touches+=1:/^(touchend|touchcancel)$/.test(b)&&setTimeout(function(){o.touches&&(o.touches-=1)},500)}};return a.init=function(a){var b=document.body;a=a||{},"duration"in a&&(l.duration=a.duration),"delay"in a&&(l.delay=a.delay),d&&(b.addEventListener("touchstart",q,!1),b.addEventListener("touchcancel",o.registerEvent,!1),b.addEventListener("touchend",o.registerEvent,!1)),b.addEventListener("mousedown",q,!1)},a.attach=function(a,b){a=i(a),"[object Array]"===c.call(b)&&(b=b.join(" ")),b=b?" "+b:"";for(var d,e,f=0,g=a.length;g>f;f++)d=a[f],e=d.tagName.toLowerCase(),-1!==["input","img"].indexOf(e)&&(m[e](d),d=d.parentElement),-1===d.className.indexOf("waves-effect")&&(d.className+=" waves-effect"+b)},a.ripple=function(a,b){a=i(a);var c=a.length;if(b=b||{},b.wait=b.wait||0,b.position=b.position||null,c)for(var d,e,f,g={},h=0,k={type:"mousedown",button:1},m=function(a,b){return function(){l.hide(a,b)}};c>h;h++)if(d=a[h],e=b.position||{x:d.clientWidth/2,y:d.clientHeight/2},f=j(d),g.x=f.left+e.x,g.y=f.top+e.y,k.pageX=g.x,k.pageY=g.y,l.show(k,d),b.wait>=0&&null!==b.wait){var n={type:"mouseup",button:1};setTimeout(m(n,d),b.wait)}},a.calm=function(a){a=i(a);for(var b={type:"mouseup",button:1},c=0,d=a.length;d>c;c++)l.hide(b,a[c])},a.displayEffect=function(b){console.error("Waves.displayEffect() has been deprecated and will be removed in future version. Please use Waves.init() to initialize Waves effect"),a.init(b)},a});
 +function ($) {
-'use strict';
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
+  'use strict'
+  var Datepicker = function (element, options) {
+    this._element = element
+    this._options = options
+  }
+  if (typeof $.fn.pickadate === 'undefined') {
+    throw new Error('Material\'s JavaScript requires pickadate.js')
+  }
+  Datepicker.DEFAULTS = {
+    cancel        : 'Cancel',
+    closeOnCancel : true,
+    closeOnSelect : false,
+    container     : 'body',
+    disable       : [],
+    firstDay      : 0,
+    format        : 'd/m/yyyy',
+    formatSubmit  : '',
+    klass         : {
+      // button
+      buttonClear : 'btn btn-outline-primary picker-button-clear',
+      buttonClose : 'btn btn-outline-primary picker-button-close',
+      buttonToday : 'btn btn-outline-primary picker-button-today',
+      // day
+      day         : 'picker-day',
+      disabled    : 'picker-day-disabled',
+      highlighted : 'picker-day-highlighted',
+      infocus     : 'picker-day-infocus',
+      now         : 'picker-day-today',
+      outfocus    : 'picker-day-outfocus',
+      selected    : 'picker-day-selected',
+      weekdays    : 'picker-weekday',
+      // element
+      box         : 'picker-box',
+      footer      : 'picker-footer',
+      frame       : 'picker-frame',
+      header      : 'picker-header',
+      holder      : 'picker-holder',
+      table       : 'picker-table',
+      wrap        : 'picker-wrap',
+      // input element
+      active      : 'picker-input-active',
+      input       : 'picker-input',
+      // month and year nav
+      month       : 'picker-month',
+      navDisabled : 'picker-nav-disabled',
+      navNext     : 'material-icons picker-nav-next',
+      navPrev     : 'material-icons picker-nav-prev',
+      selectMonth : 'picker-select-month',
+      selectYear  : 'picker-select-year',
+      year        : 'picker-year',
+      // root picker
+      focused     : 'picker-focused',
+      opened      : 'picker-opened',
+      picker      : 'picker'
+    },
+    max           : false,
+    min           : false,
+    monthsFull    : ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+    monthsShort   : ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+    ok            : 'OK',
+    onClose       : false,
+    onOpen        : false,
+    onRender      : false,
+    onSet         : false,
+    onStart       : false,
+    onStop        : false,
+    selectMonths  : false,
+    selectYears   : false,
+    today         : '',
+    weekdaysFull  : ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+    weekdaysShort : ['S', 'M', 'T', 'W', 'T', 'F', 'S']
+  }
+  Datepicker.prototype.display = function (datepickerApi, datepickerRoot, datepickerValue) {
+    $('.picker-date-display', datepickerRoot).remove()
+    $('.picker-wrap', datepickerRoot).prepend('<div class="picker-date-display">' +
+      '<div class="picker-date-display-top">' +
+        '<span class="picker-year-display">' + datepickerApi.get(datepickerValue, 'yyyy') + '</span>' +
+      '</div>' +
+      '<div class="picker-date-display-bottom">' +
+        '<span class="picker-weekday-display">' + datepickerApi.get(datepickerValue, 'dddd') + '</span>' +
+        '<span class="picker-day-display">' + datepickerApi.get(datepickerValue, 'd') + '</span>' +
+        '<span class="picker-month-display">' + datepickerApi.get(datepickerValue, 'mmm') + '</span>' +
+      '</div>' +
+    '</div>')
+  }
+  Datepicker.prototype.show = function () {
+    var that = this
+    $(this._element).pickadate({
+      clear         : that._options.cancel,
+      close         : that._options.ok,
+      closeOnClear  : that._options.closeOnCancel,
+      closeOnSelect : that._options.closeOnSelect,
+      container     : that._options.container,
+      disable       : that._options.disable,
+      firstDay      : that._options.firstDay,
+      format        : that._options.format,
+      formatSubmit  : that._options.formatSubmit,
+      klass         : that._options.klass,
+      max           : that._options.max,
+      min           : that._options.min,
+      monthsFull    : that._options.monthsFull,
+      monthsShort   : that._options.monthsShort,
+      onClose       : that._options.onClose,
+      onOpen        : that._options.onOpen,
+      onRender      : that._options.onRender,
+      onSet         : that._options.onSet,
+      onStart       : that._options.onStart,
+      onStop        : that._options.onStop,
+      selectMonths  : that._options.selectMonths,
+      selectYears   : that._options.selectYears,
+      today         : that._options.today,
+      weekdaysFull  : that._options.weekdaysFull,
+      weekdaysShort : that._options.weekdaysShort
+    })
+    var datepickerApi  = $(this._element).pickadate('picker'),
+        datepickerNode = datepickerApi.$node,
+        datepickerRoot = datepickerApi.$root
+    datepickerApi.on({
+      close: function () {
+        $(document.activeElement).blur()
+      },
+      open: function () {
+        if (!$('.picker__date-display', datepickerRoot).length) {
+          that.display(datepickerApi, datepickerRoot, 'highlight')
+        }
+      },
+      set: function () {
+        if (datepickerApi.get('select') !== null) {
+          that.display(datepickerApi, datepickerRoot, 'select')
+        }
+      }
+    })
+  }
+  function Plugin (option) {
+    return this.each(function () {
+      var data    = $(this).data('bs.pickdate')
+      var options = $.extend({}, Datepicker.DEFAULTS, $(this).data(), typeof option == 'object' && option)
+      if (!data) {
+        $(this).data('bs.pickdate', (data = new Datepicker(this, options)))
+      }
+      data.show()
+    })
+  }
+  var old = $.fn.pickdate
+  $.fn.pickdate             = Plugin
+  $.fn.pickdate.Constructor = Datepicker
+  $.fn.pickdate.noConflict = function () {
+    $.fn.pickdate = old
+    return this
+  }
+}(jQuery)
+$(function () {
+  if ($('.textarea-autosize').length && (typeof $.fn.textareaAutoSize !== 'undefined')) {
+    $('.textarea-autosize').textareaAutoSize()
+  }
+})
+$(function () {
+  if ($('.waves-attach').length && (typeof Waves !== 'undefined')) {
+    Waves.attach('.waves-attach')
+    Waves.init({
+      duration: 300
+    })
+  }
+})
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-/*!
- * floating label:
- * when a user engages with the text input field,
- * the floating inline labels move to float above the field
- */
-var FloatingLabel = function ($) {
-  // constants >>>
-  var DATA_API_KEY = '.data-api';
-  var DATA_KEY = 'md.floatinglabel';
-  var EVENT_KEY = '.' + DATA_KEY;
-  var NAME = 'floatinglabel';
-  var NO_CONFLICT = $.fn[NAME];
-  var ClassName = {
-    IS_FOCUSED: 'is-focused',
-    HAS_VALUE: 'has-value'
-  };
-  var Event = {
-    CHANGE: 'change' + EVENT_KEY,
-    FOCUSIN: 'focusin' + EVENT_KEY,
-    FOCUSOUT: 'focusout' + EVENT_KEY
-  };
-  var Selector = {
-    DATA_PARENT: '.floating-label',
-    DATA_TOGGLE: '.floating-label .form-control'
-  };
-  // <<< constants
-  var FloatingLabel = function () {
-    function FloatingLabel(element) {
-      _classCallCheck(this, FloatingLabel);
-      this._element = element;
-    }
++function () {
+  /*
+   * floating label:
+   * when a user engages with the text input field,
+   * the floating inline labels move to float above the field
+   */
+  var FloatingLabel = function ($) {
+    // constants >>>
+    var DATA_KEY = 'md.floatinglabel';
+    var EVENT_KEY = '.' + DATA_KEY;
+    var NAME = 'floatinglabel';
+    var NO_CONFLICT = $.fn[NAME];
+    var ClassName = {
+      IS_FOCUSED: 'is-focused',
+      HAS_VALUE: 'has-value'
+    };
+    var Event = {
+      CHANGE: 'change' + EVENT_KEY,
+      FOCUSIN: 'focusin' + EVENT_KEY,
+      FOCUSOUT: 'focusout' + EVENT_KEY
+    };
+    var Selector = {
+      DATA_PARENT: '.floating-label',
+      DATA_TOGGLE: '.floating-label .form-control'
+    };
+    // <<< constants
+    var FloatingLabel = function () {
+      function FloatingLabel(element) {
+        _classCallCheck(this, FloatingLabel);
+        this._element = element;
+      }
-    _createClass(FloatingLabel, [{
-      key: 'change',
-      value: function change(relatedTarget) {
+      FloatingLabel.prototype.change = function change(relatedTarget) {
         if ($(this._element).val() || $(this._element).is('select') && $('option:first-child', $(this._element)).html().replace(' ', '') !== '') {
           $(relatedTarget).addClass(ClassName.HAS_VALUE);
         } else {
           $(relatedTarget).removeClass(ClassName.HAS_VALUE);
         }
-      }
-    }, {
-      key: 'focusin',
-      value: function focusin(relatedTarget) {
+      };
+      FloatingLabel.prototype.focusin = function focusin(relatedTarget) {
         $(relatedTarget).addClass(ClassName.IS_FOCUSED);
-      }
-    }, {
-      key: 'focusout',
-      value: function focusout(relatedTarget) {
+      };
+      FloatingLabel.prototype.focusout = function focusout(relatedTarget) {
         $(relatedTarget).removeClass(ClassName.IS_FOCUSED);
-      }
-    }], [{
-      key: '_jQueryInterface',
-      value: function _jQueryInterface(event) {
+      };
+      FloatingLabel._jQueryInterface = function _jQueryInterface(event) {
         return this.each(function () {
-          var data = $(this).data(DATA_KEY);
           var _event = event ? event : 'change';
+          var data = $(this).data(DATA_KEY);
           if (!data) {
             data = new FloatingLabel(this);
@@ -97,96 +290,94 @@ var FloatingLabel = function ($) {
             data[_event]($(this).closest(Selector.DATA_PARENT));
           }
         });
-      }
-    }]);
+      };
+      return FloatingLabel;
+    }();
+    $(document).on(Event.CHANGE + ' ' + Event.FOCUSIN + ' ' + Event.FOCUSOUT, Selector.DATA_TOGGLE, function (event) {
+      FloatingLabel._jQueryInterface.call($(this), event.type);
+    });
+    $.fn[NAME] = FloatingLabel._jQueryInterface;
+    $.fn[NAME].Constructor = FloatingLabel;
+    $.fn[NAME].noConflict = function () {
+      $.fn[NAME] = NO_CONFLICT;
+      return FloatingLabel._jQueryInterface;
+    };
     return FloatingLabel;
-  }();
+  }(jQuery);
+  /*
+   * navigation drawer
+   * based on bootstrap's (v4.0.0-beta) modal.js
+   */
+  var NavDrawer = function ($) {
+    // constants >>>
+    var DATA_API_KEY = '.data-api';
+    var DATA_KEY = 'md.navdrawer';
+    var ESCAPE_KEYCODE = 27;
+    var EVENT_KEY = '.' + DATA_KEY;
+    var NAME = 'navdrawer';
+    var NO_CONFLICT = $.fn[NAME];
+    var TRANSITION_DURATION = 292.5;
+    var TRANSITION_DURATION_BACKDROP = 487.5;
+    var ClassName = {
+      BACKDROP: 'navdrawer-backdrop',
+      OPEN: 'navdrawer-open',
+      SHOW: 'show'
+    };
-  $(document).on(Event.CHANGE + ' ' + Event.FOCUSIN + ' ' + Event.FOCUSOUT, Selector.DATA_TOGGLE, function (event) {
-    var data = $(this).data(DATA_KEY);
+    var Default = {
+      breakpoint: 1280,
+      keyboard: true,
+      show: true,
+      type: 'default'
+    };
-    FloatingLabel._jQueryInterface.call($(this), event.type);
-  });
+    var DefaultType = {
+      keyboard: 'boolean',
+      show: 'boolean',
+      type: 'string'
+    };
-  $.fn[NAME] = FloatingLabel._jQueryInterface;
-  $.fn[NAME].Constructor = FloatingLabel;
-  $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = NO_CONFLICT;
-    return FloatingLabel._jQueryInterface;
-  };
+    var Event = {
+      CLICK_DATA_API: 'click' + EVENT_KEY + DATA_API_KEY,
+      CLICK_DISMISS: 'click.dismiss' + EVENT_KEY,
+      FOCUSIN: 'focusin' + EVENT_KEY,
+      HIDDEN: 'hidden' + EVENT_KEY,
+      HIDE: 'hide' + EVENT_KEY,
+      KEYDOWN_DISMISS: 'keydown.dismiss' + EVENT_KEY,
+      MOUSEDOWN_DISMISS: 'mousedown.dismiss' + EVENT_KEY,
+      MOUSEUP_DISMISS: 'mouseup.dismiss' + EVENT_KEY,
+      SHOW: 'show' + EVENT_KEY,
+      SHOWN: 'shown' + EVENT_KEY
+    };
-  return FloatingLabel;
-}(jQuery);
+    var Selector = {
+      CONTENT: '.navdrawer-content',
+      DATA_DISMISS: '[data-dismiss="navdrawer"]',
+      DATA_TOGGLE: '[data-toggle="navdrawer"]'
+    };
+    // <<< constants
-/*!
- * navigation drawer
- * based on bootstrap's (v4.0.0-alpha.6) modal.js
- */
-var NavDrawer = function ($) {
-  // constants >>>
-  var DATA_API_KEY = '.data-api';
-  var DATA_KEY = 'md.navdrawer';
-  var EVENT_KEY = '.' + DATA_KEY;
-  var NAME = 'navdrawer';
-  var NO_CONFLICT = $.fn[NAME];
-  var TRANSITION_DURATION = 375;
-  var TRANSITION_DURATION_BACKDROP = 225;
-  var ClassName = {
-    BACKDROP: 'navdrawer-backdrop',
-    OPEN: 'navdrawer-open',
-    SHOW: 'show'
-  };
-  var Default = {
-    breakpoint: 1280,
-    keyboard: true,
-    show: true,
-    type: 'default'
-  };
-  var DefaultType = {
-    keyboard: 'boolean',
-    show: 'boolean',
-    type: 'string'
-  };
-  var Event = {
-    CLICK_DATA_API: 'click' + EVENT_KEY + DATA_API_KEY,
-    CLICK_DISMISS: 'click.dismiss' + EVENT_KEY,
-    FOCUSIN: 'focusin' + EVENT_KEY,
-    HIDDEN: 'hidden' + EVENT_KEY,
-    HIDE: 'hide' + EVENT_KEY,
-    KEYDOWN_DISMISS: 'keydown.dismiss' + EVENT_KEY,
-    MOUSEDOWN_DISMISS: 'mousedown.dismiss' + EVENT_KEY,
-    MOUSEUP_DISMISS: 'mouseup.dismiss' + EVENT_KEY,
-    SHOW: 'show' + EVENT_KEY,
-    SHOWN: 'shown' + EVENT_KEY
-  };
-  var Selector = {
-    CONTENT: '.navdrawer-content',
-    DATA_DISMISS: '[data-dismiss="navdrawer"]',
-    DATA_TOGGLE: '[data-toggle="navdrawer"]'
-  };
-  // <<< constants
-  var NavDrawer = function () {
-    function NavDrawer(element, config) {
-      _classCallCheck(this, NavDrawer);
-      this._backdrop = null;
-      this._config = this._getConfig(config);
-      this._content = $(element).find(Selector.CONTENT)[0];
-      this._element = element;
-      this._ignoreBackdropClick = false;
-      this._isShown = false;
-    }
+    var NavDrawer = function () {
+      function NavDrawer(element, config) {
+        _classCallCheck(this, NavDrawer);
+        this._backdrop = null;
+        this._config = this._getConfig(config);
+        this._content = $(element).find(Selector.CONTENT)[0];
+        this._element = element;
+        this._ignoreBackdropClick = false;
+        this._isShown = false;
+      }
-    _createClass(NavDrawer, [{
-      key: 'hide',
-      value: function hide(event) {
+      NavDrawer.prototype.hide = function hide(event) {
         if (event) {
           event.preventDefault();
         }
@@ -207,15 +398,10 @@ var NavDrawer = function ($) {
         $(this._element).off(Event.CLICK_DISMISS).removeClass(ClassName.SHOW);
-        if (Util.supportsTransitionEnd()) {
-          $(this._element).one(Util.TRANSITION_END, $.proxy(this._hideNavdrawer, this, hideClassName)).emulateTransitionEnd(TRANSITION_DURATION);
-        } else {
-          this._hideNavdrawer();
-        }
-      }
-    }, {
-      key: 'show',
-      value: function show(relatedTarget) {
+        this._hideNavdrawer(hideClassName);
+      };
+      NavDrawer.prototype.show = function show(relatedTarget) {
         var _this = this;
         var showEvent = $.Event(Event.SHOW, {
@@ -242,16 +428,15 @@ var NavDrawer = function ($) {
           });
         });
-        this._showBackdrop($.proxy(this._showElement, this, relatedTarget));
-      }
-    }, {
-      key: 'toggle',
-      value: function toggle(relatedTarget) {
+        this._showBackdrop();
+        this._showElement(relatedTarget);
+      };
+      NavDrawer.prototype.toggle = function toggle(relatedTarget) {
         return this._isShown ? this.hide() : this.show(relatedTarget);
-      }
-    }, {
-      key: '_enforceFocus',
-      value: function _enforceFocus() {
+      };
+      NavDrawer.prototype._enforceFocus = function _enforceFocus() {
         var _this2 = this;
         $(document).off(Event.FOCUSIN).on(Event.FOCUSIN, function (event) {
@@ -261,52 +446,49 @@ var NavDrawer = function ($) {
             }
           }
         });
-      }
-    }, {
-      key: '_getConfig',
-      value: function _getConfig(config) {
+      };
+      NavDrawer.prototype._getConfig = function _getConfig(config) {
         config = $.extend({}, Default, config);
         Util.typeCheckConfig(NAME, config, DefaultType);
         return config;
-      }
-    }, {
-      key: '_hideNavdrawer',
-      value: function _hideNavdrawer(className) {
-        var _this3 = this;
+      };
-        this._element.style.display = 'none';
+      NavDrawer.prototype._hideNavdrawer = function _hideNavdrawer(className) {
+        var _this3 = this;
         this._showBackdrop(function () {
           $(document.body).removeClass(className);
+          _this3._element.setAttribute('aria-hidden', 'true');
+          _this3._element.style.display = 'none';
           $(_this3._element).trigger(Event.HIDDEN);
         });
-      }
-    }, {
-      key: '_removeBackdrop',
-      value: function _removeBackdrop() {
+      };
+      NavDrawer.prototype._removeBackdrop = function _removeBackdrop() {
         if (this._backdrop) {
           $(this._backdrop).remove();
           this._backdrop = null;
         }
-      }
-    }, {
-      key: '_setEscapeEvent',
-      value: function _setEscapeEvent() {
+      };
+      NavDrawer.prototype._setEscapeEvent = function _setEscapeEvent() {
         var _this4 = this;
         if (this._isShown && this._config.keyboard) {
           $(this._element).on(Event.KEYDOWN_DISMISS, function (event) {
-            if (event.which === 27) {
+            if (event.which === ESCAPE_KEYCODE) {
               _this4.hide();
             }
           });
         } else if (!this._isShown) {
           $(this._element).off(Event.KEYDOWN_DISMISS);
         }
-      }
-    }, {
-      key: '_showBackdrop',
-      value: function _showBackdrop(callback) {
+      };
+      NavDrawer.prototype._showBackdrop = function _showBackdrop(callback) {
         var _this5 = this;
         var supportsTransition = Util.supportsTransitionEnd();
@@ -364,10 +546,9 @@ var NavDrawer = function ($) {
         } else if (callback) {
           callback();
         }
-      }
-    }, {
-      key: '_showElement',
-      value: function _showElement(relatedTarget) {
+      };
+      NavDrawer.prototype._showElement = function _showElement(relatedTarget) {
         var _this6 = this;
         var supportsTransition = Util.supportsTransitionEnd();
@@ -376,6 +557,7 @@ var NavDrawer = function ($) {
           document.body.appendChild(this._element);
         }
+        this._element.removeAttribute('aria-hidden');
         this._element.style.display = 'block';
         if (supportsTransition) {
@@ -399,14 +581,14 @@ var NavDrawer = function ($) {
         } else {
           transitionComplete();
         }
-      }
-    }], [{
-      key: '_jQueryInterface',
-      value: function _jQueryInterface(config, relatedTarget) {
+      };
+      NavDrawer._jQueryInterface = function _jQueryInterface(config, relatedTarget) {
         return this.each(function () {
-          var data = $(this).data(DATA_KEY);
           var _config = $.extend({}, NavDrawer.Default, $(this).data(), (typeof config === 'undefined' ? 'undefined' : _typeof(config)) === 'object' && config);
+          var data = $(this).data(DATA_KEY);
           if (!data) {
             data = new NavDrawer(this, _config);
             $(this).data(DATA_KEY, data);
@@ -422,132 +604,176 @@ var NavDrawer = function ($) {
             data.show(relatedTarget);
           }
         });
-      }
-    }, {
-      key: 'Default',
-      get: function get() {
-        return Default;
-      }
-    }]);
+      };
-    return NavDrawer;
-  }();
+      _createClass(NavDrawer, null, [{
+        key: 'Default',
+        get: function get() {
+          return Default;
+        }
+      }]);
-  $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
-    var _this7 = this;
+      return NavDrawer;
+    }();
-    var selector = Util.getSelectorFromElement(this);
-    var target = void 0;
+    $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
+      var _this7 = this;
-    if (selector) {
-      target = $(selector)[0];
-    }
+      var selector = Util.getSelectorFromElement(this);
+      var target = void 0;
-    var config = $(target).data(DATA_KEY) ? 'toggle' : $.extend({}, $(target).data(), $(this).data());
+      if (selector) {
+        target = $(selector)[0];
+      }
-    if (this.tagName === 'A') {
-      event.preventDefault();
-    }
+      var config = $(target).data(DATA_KEY) ? 'toggle' : $.extend({}, $(target).data(), $(this).data());
-    var $target = $(target).one(Event.SHOW, function (showEvent) {
-      if (showEvent.isDefaultPrevented()) {
-        return;
+      if (this.tagName === 'A') {
+        event.preventDefault();
       }
-      $target.one(Event.HIDDEN, function () {
-        if ($(_this7).is(':visible')) {
-          _this7.focus();
+      var $target = $(target).one(Event.SHOW, function (showEvent) {
+        if (showEvent.isDefaultPrevented()) {
+          return;
         }
+        $target.one(Event.HIDDEN, function () {
+          if ($(_this7).is(':visible')) {
+            _this7.focus();
+          }
+        });
       });
+      NavDrawer._jQueryInterface.call($(target), config, this);
     });
-    NavDrawer._jQueryInterface.call($(target), config, this);
-  });
+    $.fn[NAME] = NavDrawer._jQueryInterface;
+    $.fn[NAME].Constructor = NavDrawer;
+    $.fn[NAME].noConflict = function () {
+      $.fn[NAME] = NO_CONFLICT;
+      return NavDrawer._jQueryInterface;
+    };
-  $.fn[NAME] = NavDrawer._jQueryInterface;
-  $.fn[NAME].Constructor = NavDrawer;
-  $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = NO_CONFLICT;
-    return NavDrawer._jQueryInterface;
-  };
+    return NavDrawer;
+  }(jQuery);
-  return NavDrawer;
-}(jQuery);
+  /*
+   * selection control focus:
+   * chrome persists the focus style on checkboxes/radio buttons
+   * after clicking with the mouse
+   */
-/*!
- * tab indicator animation
- * requires bootstrap's (v4.0.0-alpha.6) tab.js
- */
-var TabSwitch = function ($) {
-  // constants >>>
-  var DATA_KEY = 'md.tabswitch';
-  var NAME = 'tabswitch';
-  var NO_CONFLICT = $.fn[NAME];
-  var TRANSITION_DURATION = 300;
-  var ClassName = {
-    ANIMATE: 'animate',
-    INDICATOR: 'nav-tabs-indicator',
-    MATERIAL: 'nav-tabs-material',
-    SCROLLABLE: 'nav-tabs-scrollable',
-    SHOW: 'show'
-  };
-  var Event = {
-    SHOW_BS_TAB: 'show.bs.tab'
-  };
-  var Selector = {
-    DATA_TOGGLE: '.nav-tabs [data-toggle="tab"]',
-    NAV: '.nav-tabs',
-    NAV_ITEM: '.nav-item'
-  };
-  // <<< constants
-  var TabSwitch = function () {
-    function TabSwitch(nav) {
-      _classCallCheck(this, TabSwitch);
-      if (typeof $.fn.tab === 'undefined') {
-        throw new Error('Material\'s JavaScript requires Bootstrap\'s tab.js');
-      };
+  var ControlFocus = function ($) {
-      this._nav = nav;
-      this._navindicator = null;
-    }
+    // constants >>>
+    var DATA_KEY = 'md.controlfocus';
+    var EVENT_KEY = '.' + DATA_KEY;
-    _createClass(TabSwitch, [{
-      key: 'switch',
-      value: function _switch(element, relatedTarget) {
-        var _this8 = this;
+    var ClassName = {
+      FOCUS: 'focus'
+    };
-        var supportsTransition = Util.supportsTransitionEnd();
+    var LastInteraction = {
+      IS_MOUSEDOWN: false
+    };
-        if (!this._navindicator) {
-          this._createIndicator();
+    var Event = {
+      BLUR: 'blur' + EVENT_KEY,
+      FOCUS: 'focus' + EVENT_KEY,
+      MOUSEDOWN: 'mousedown' + EVENT_KEY,
+      MOUSEUP: 'mouseup' + EVENT_KEY
+    };
+    var Selector = {
+      CONTROL: '.custom-control',
+      INPUT: '.custom-control-input'
+    };
+    // <<< constants
+    $(document).on('' + Event.BLUR, Selector.INPUT, function (event) {
+      $(event.target).removeClass(ClassName.FOCUS);
+    }).on('' + Event.FOCUS, Selector.INPUT, function (event) {
+      if (LastInteraction.IS_MOUSEDOWN === false) {
+        $(event.target).addClass(ClassName.FOCUS);
+      }
+    }).on('' + Event.MOUSEDOWN, Selector.CONTROL, function () {
+      LastInteraction.IS_MOUSEDOWN = true;
+    }).on('' + Event.MOUSEUP, Selector.CONTROL, function () {
+      setTimeout(function () {
+        LastInteraction.IS_MOUSEDOWN = false;
+      }, 1);
+    });
+  }(jQuery);
+  /*
+   * tab indicator animation
+   * requires bootstrap's (v4.0.0-beta) tab.js
+   */
+  var TabSwitch = function ($) {
+    // constants >>>
+    var DATA_KEY = 'md.tabswitch';
+    var NAME = 'tabswitch';
+    var NO_CONFLICT = $.fn[NAME];
+    var TRANSITION_DURATION = 390;
+    var ClassName = {
+      ANIMATE: 'animate',
+      DROPDOWN_ITEM: 'dropdown-item',
+      INDICATOR: 'nav-tabs-indicator',
+      MATERIAL: 'nav-tabs-material',
+      SCROLLABLE: 'nav-tabs-scrollable',
+      SHOW: 'show'
+    };
+    var Event = {
+      SHOW_BS_TAB: 'show.bs.tab'
+    };
+    var Selector = {
+      DATA_TOGGLE: '.nav-tabs [data-toggle="tab"]',
+      DROPDOWN: '.dropdown',
+      NAV: '.nav-tabs'
+    };
+    // <<< constants
+    var TabSwitch = function () {
+      function TabSwitch(nav) {
+        _classCallCheck(this, TabSwitch);
+        if (typeof $.fn.tab === 'undefined') {
+          throw new Error('Material\'s JavaScript requires Bootstrap\'s tab.js');
         }
-        var elLeft = $(element).closest(Selector.NAV_ITEM).offset().left;
-        var elWidth = $(element).closest(Selector.NAV_ITEM).outerWidth();
+        this._nav = nav;
+        this._navindicator = null;
+      }
+      TabSwitch.prototype.switch = function _switch(element, relatedTarget) {
+        var _this8 = this;
         var navLeft = $(this._nav).offset().left;
         var navScrollLeft = $(this._nav).scrollLeft();
         var navWidth = $(this._nav).outerWidth();
+        var supportsTransition = Util.supportsTransitionEnd();
-        if (relatedTarget !== undefined) {
-          var relatedLeft = $(relatedTarget).closest(Selector.NAV_ITEM).offset().left;
-          var relatedWidth = $(relatedTarget).closest(Selector.NAV_ITEM).outerWidth();
+        if (!this._navindicator) {
+          this._createIndicator(navLeft, navScrollLeft, navWidth, relatedTarget);
+        }
-          $(this._navindicator).css({
-            left: relatedLeft + navScrollLeft - navLeft,
-            right: navWidth - (relatedLeft + navScrollLeft - navLeft + relatedWidth)
-          });
+        if ($(element).hasClass(ClassName.DROPDOWN_ITEM)) {
+          element = $(element).closest(Selector.DROPDOWN);
+        }
-          $(this._navindicator).addClass(ClassName.SHOW);
-          Util.reflow(this._navindicator);
+        var elLeft = $(element).offset().left;
+        var elWidth = $(element).outerWidth();
-          if (supportsTransition) {
-            $(this._nav).addClass(ClassName.ANIMATE);
-          }
+        $(this._navindicator).addClass(ClassName.SHOW);
+        Util.reflow(this._navindicator);
+        if (supportsTransition) {
+          $(this._nav).addClass(ClassName.ANIMATE);
         }
         $(this._navindicator).css({
@@ -566,19 +792,31 @@ var TabSwitch = function ($) {
         }
         $(this._navindicator).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
-      }
-    }, {
-      key: '_createIndicator',
-      value: function _createIndicator() {
+      };
+      TabSwitch.prototype._createIndicator = function _createIndicator(navLeft, navScrollLeft, navWidth, relatedTarget) {
         this._navindicator = document.createElement('div');
         $(this._navindicator).addClass(ClassName.INDICATOR).appendTo(this._nav);
+        if (relatedTarget !== undefined) {
+          if ($(relatedTarget).hasClass(ClassName.DROPDOWN_ITEM)) {
+            relatedTarget = $(relatedTarget).closest(Selector.DROPDOWN);
+          }
+          var relatedLeft = $(relatedTarget).offset().left;
+          var relatedWidth = $(relatedTarget).outerWidth();
+          $(this._navindicator).css({
+            left: relatedLeft + navScrollLeft - navLeft,
+            right: navWidth - (relatedLeft + navScrollLeft - navLeft + relatedWidth)
+          });
+        }
         $(this._nav).addClass(ClassName.MATERIAL);
-      }
-    }], [{
-      key: '_jQueryInterface',
-      value: function _jQueryInterface(relatedTarget) {
+      };
+      TabSwitch._jQueryInterface = function _jQueryInterface(relatedTarget) {
         return this.each(function () {
           var nav = $(this).closest(Selector.NAV)[0];
@@ -595,157 +833,156 @@ var TabSwitch = function ($) {
           data.switch(this, relatedTarget);
         });
-      }
-    }]);
+      };
-    return TabSwitch;
-  }();
+      return TabSwitch;
+    }();
-  $(document).on(Event.SHOW_BS_TAB, Selector.DATA_TOGGLE, function (event) {
-    TabSwitch._jQueryInterface.call($(event.target), event.relatedTarget);
-  });
+    $(document).on(Event.SHOW_BS_TAB, Selector.DATA_TOGGLE, function (event) {
+      TabSwitch._jQueryInterface.call($(event.target), event.relatedTarget);
+    });
-  $.fn[NAME] = TabSwitch._jQueryInterface;
-  $.fn[NAME].Constructor = TabSwitch;
-  $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = NO_CONFLICT;
-    return TabSwitch._jQueryInterface;
-  };
+    $.fn[NAME] = TabSwitch._jQueryInterface;
+    $.fn[NAME].Constructor = TabSwitch;
+    $.fn[NAME].noConflict = function () {
+      $.fn[NAME] = NO_CONFLICT;
+      return TabSwitch._jQueryInterface;
+    };
-  return TabSwitch;
-}(jQuery);
+    return TabSwitch;
+  }(jQuery);
-/*!
- * global util js
- * based on bootstrap's (v4.0.0-alpha.6) util.js
- */
-var Util = function ($) {
-  var transition = false;
-  var TransitionEndEvent = {
-    WebkitTransition: 'webkitTransitionEnd',
-    MozTransition: 'transitionend',
-    OTransition: 'oTransitionEnd otransitionend',
-    transition: 'transitionend'
-  };
-  function getSpecialTransitionEndEvent() {
-    return {
-      bindType: transition.end,
-      delegateType: transition.end,
-      handle: function handle(event) {
-        if ($(event.target).is(this)) {
-          return event.handleObj.handler.apply(this, arguments);
-        }
-        return undefined;
-      }
-    };
-  }
+  /*
+   * global util js
+   * based on bootstrap's (v4.0.0-beta) util.js
+   */
-  function isElement(obj) {
-    return (obj[0] || obj).nodeType;
-  }
+  var Util = function ($) {
-  function setTransitionEndSupport() {
-    transition = transitionEndTest();
+    var MAX_UID = 1000000;
+    var transition = false;
-    $.fn.emulateTransitionEnd = transitionEndEmulator;
+    var TransitionEndEvent = {
+      WebkitTransition: 'webkitTransitionEnd',
+      MozTransition: 'transitionend',
+      OTransition: 'oTransitionEnd otransitionend',
+      transition: 'transitionend'
+    };
-    if (Util.supportsTransitionEnd()) {
-      $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent();
+    function getSpecialTransitionEndEvent() {
+      return {
+        bindType: transition.end,
+        delegateType: transition.end,
+        handle: function handle(event) {
+          if ($(event.target).is(this)) {
+            // eslint-disable-next-line prefer-rest-params
+            return event.handleObj.handler.apply(this, arguments);
+          }
+          return undefined;
+        }
+      };
     }
-  }
-  function toType(obj) {
-    return {}.toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase();
-  }
-  function transitionEndEmulator(duration) {
-    var _this9 = this;
+    function isElement(obj) {
+      return (obj[0] || obj).nodeType;
+    }
-    var called = false;
+    function setTransitionEndSupport() {
+      transition = transitionEndTest();
-    $(this).one(Util.TRANSITION_END, function () {
-      called = true;
-    });
+      $.fn.emulateTransitionEnd = transitionEndEmulator;
-    setTimeout(function () {
-      if (!called) {
-        Util.triggerTransitionEnd(_this9);
+      if (Util.supportsTransitionEnd()) {
+        $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent();
       }
-    }, duration);
-    return this;
-  }
+    }
-  function transitionEndTest() {
-    if (window.QUnit) {
-      return false;
+    function toType(obj) {
+      return {}.toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase();
     }
-    var el = document.createElement('material');
+    function transitionEndEmulator(duration) {
+      var _this9 = this;
-    for (var name in TransitionEndEvent) {
-      if (el.style[name] !== undefined) {
-        return { end: TransitionEndEvent[name] };
-      }
-    };
+      var called = false;
-    return false;
-  }
+      $(this).one(Util.TRANSITION_END, function () {
+        called = true;
+      });
-  var Util = {
-    TRANSITION_END: 'mdTransitionEnd',
+      setTimeout(function () {
+        if (!called) {
+          Util.triggerTransitionEnd(_this9);
+        }
+      }, duration);
-    getSelectorFromElement: function getSelectorFromElement(element) {
-      var selector = element.getAttribute('data-target');
+      return this;
+    }
-      if (!selector) {
-        selector = element.getAttribute('href') || '';
-        selector = /^#[a-z]/i.test(selector) ? selector : null;
+    function transitionEndTest() {
+      if (window.QUnit) {
+        return false;
       }
-      return selector;
-    },
-    getUID: function getUID(prefix) {
-      do {
-        prefix += ~ ~(Math.random() * 1000000);
-      } while (document.getElementById(prefix));
-      return prefix;
-    },
-    reflow: function reflow(element) {
-      new Function('md', 'return md')(element.offsetHeight);
-    },
-    supportsTransitionEnd: function supportsTransitionEnd() {
-      return Boolean(transition);
-    },
-    triggerTransitionEnd: function triggerTransitionEnd(element) {
-      $(element).trigger(transition.end);
-    },
-    typeCheckConfig: function typeCheckConfig(componentName, config, configTypes) {
-      for (var property in configTypes) {
-        if (configTypes.hasOwnProperty(property)) {
-          var expectedTypes = configTypes[property];
-          var value = config[property];
-          var valueType = void 0;
-          if (value && isElement(value)) {
-            valueType = 'element';
-          } else {
-            valueType = toType(value);
-          }
+      var el = document.createElement('material');
-          if (!new RegExp(expectedTypes).test(valueType)) {
-            throw new Error(componentName.toUpperCase() + ': ' + ('Option "' + property + '" provided type "' + valueType + '" ') + ('but expected type "' + expectedTypes + '".'));
-          }
+      for (var name in TransitionEndEvent) {
+        if (el.style[name] !== undefined) {
+          return {
+            end: TransitionEndEvent[name]
+          };
         }
-      };
+      }
+      return false;
     }
-  };
-  setTransitionEndSupport();
+    var Util = {
+      TRANSITION_END: 'mdTransitionEnd',
-  return Util;
-}(jQuery);
+      getSelectorFromElement: function getSelectorFromElement(element) {
+        var selector = element.getAttribute('data-target');
+        if (!selector) {
+          selector = element.getAttribute('href') || '';
+          selector = /^#[a-z]/i.test(selector) ? selector : null;
+        }
+        return selector;
+      },
+      getUID: function getUID(prefix) {
+        do {
+          // eslint-disable-next-line no-bitwise
+          prefix += ~~(Math.random() * MAX_UID);
+        } while (document.getElementById(prefix));
+        return prefix;
+      },
+      reflow: function reflow(element) {
+        new Function('md', 'return md')(element.offsetHeight);
+      },
+      supportsTransitionEnd: function supportsTransitionEnd() {
+        return Boolean(transition);
+      },
+      triggerTransitionEnd: function triggerTransitionEnd(element) {
+        $(element).trigger(transition.end);
+      },
+      typeCheckConfig: function typeCheckConfig(componentName, config, configTypes) {
+        for (var property in configTypes) {
+          if (configTypes.hasOwnProperty(property)) {
+            var expectedTypes = configTypes[property];
+            var value = config[property];
+            var valueType = value && isElement(value) ? 'element' : toType(value);
+            if (!new RegExp(expectedTypes).test(valueType)) {
+              throw new Error(componentName.toUpperCase() + ': ' + ('Option "' + property + '" provided type "' + valueType + '" ') + ('but expected type "' + expectedTypes + '".'));
+            }
+          }
+        }
+      }
+    };
+    setTransitionEndSupport();
-}(jQuery);
+    return Util;
+  }(jQuery);
+}();