Merge remote-tracking branch 'origin'

* origin: (80 commits)
  docs: remove wrong text-shadow
  docs: add referal code
  fix(MdProgressSpinner): improve transition (#1946)
  chore: upgrade deps
  docs: fix 2 wrong property names with autocomplete docs (#2006)
  fix(MdTable): undefined table sorting #1906 (#2012)
  docs: fix dynamic tooltip text to show bottom instead of top (#2013)
  refactor(MdDatepicker): upgrade date-fns (#2037)
  fix(MdDatepicker): positioning when used inside flex container (#2036)
  fix(MdSelect): infinite loop error, when no v-model provided (#2035)
  fix(MdApp): normalized component's tag before checking to match slot … (#1994)
  chore: some misspellings in config.js (#1986)
  fixFixed non unique ids on MdSelect (#2001)
  fix(MdInput): invert password on-off icons (#2008)
  test: fix test selectors for checkbox and switch (#2009)
  docs: add default theme as a suggestion (#2043)
  Fixed md-wave transition (#2034)
  fix(MdRipple): fixed missing ripple effect (#2059)
  docs: add codefund ads and remove old sponsors
  fix(MdSvgLoader): svg loader for invalid / missing mimetype (#1942)
  ...

Author: marcosmoura

.github/CONTRIBUTING.md

@@ -8,7 +8,7 @@ Before submitting your contribution please read the guidelines.
 
 ## Issue Reporting Guidelines
 
-- Do not create questions. The issue list is exclusively for reports, bugs and feature requests. Use the [Discord server]( https://discord.gg/rgcmTtm) instead.
+- Do not create questions. The issue list is exclusively for reports, bugs and feature requests. Use the [Discord server]( https://discord.gg/vuematerial) instead.
 
 - Always search for your issue first. It may have already been answered, planned or fixed in some branch. New components and features will be planned on [Milestones](https://github.com/vuematerial/vue-material/milestones) or on [Projects](https://github.com/vuematerial/vue-material/projects).
 

.github/ISSUE_TEMPLATE.md

@@ -3,7 +3,7 @@
 Questions
 ================
 If you have any questions, ideas or you want to discuss with Vue Material community. Use the Discord instead.
-Follow this link: https://discord.gg/rgcmTtm
+Follow this link: https://discord.gg/vuematerial
 
 Reporting a bug?
 ================

.gitignore

@@ -7,3 +7,4 @@ coverage/
 yarn-debug.log
 npm-debug.log
 .vscode
+.idea

README.md

@@ -11,19 +11,15 @@
     <img src="https://travis-ci.org/vuematerial/vue-material.svg?branch=master" alt="Build Status">
   </a>
 
-  <!--a href="https://codeclimate.com/github/vuematerial/vue-material/coverage">
-    <img src="https://codeclimate.com/github/vuematerial/vue-material/badges/coverage.svg">
-  </a-->
-
   <a href="https://www.npmjs.com/package/vue-material">
     <img src="https://img.shields.io/npm/dt/vue-material.svg" alt="Downloads">
   </a>
 
   <a href="https://www.npmjs.com/package/vue-material">
     <img src="https://img.shields.io/npm/l/vue-material.svg" alt="License">
   </a>
-  
-  <a href="https://discord.gg/rgcmTtm">
+
+  <a href="https://discord.gg/vuematerial">
     <img src="https://img.shields.io/discord/379653048798281729.svg?logo=discord&colorB=7289DA" alt="Chat">
   </a>
 </p>
@@ -32,14 +28,6 @@ Vue Material is Simple, lightweight and built exactly according to the Google <a
 
 Build well-designed apps that can fit on every screen with support to all modern Web Browsers with dynamic themes, components on demand and all with an ease-to-use API
 
-## Sponsorship
-
-Vue Material is proudly sponsored by [Rollbar](https://codesponsor.io/t/c/93172542ee6813a9372c08c459fd1e5a/
-). They provide real-time JavaScript error monitoring, alerting, and analytics for developers. :rocket:
-
-You can try Rollbar for free at [https://rollbar.com](https://codesponsor.io/t/c/93172542ee6813a9372c08c459fd1e5a/
-) <img src="https://codesponsor.io/t/l/93172542ee6813a9372c08c459fd1e5a/pixel.png" />
-
 ## Demo and Documentation
 
 <a href="https://vuematerial.io/" target="_blank">Documentation & demos</a>
@@ -100,9 +88,7 @@ Optionally import Roboto font & Material Icons from Google CDN:
 
 ## Questions
 
-If you have any questions, ideas or you want to discuss with Vue Material community. Use the [Discord](https://discord.gg/rgcmTtm)
-
-Or you can use [Slack Channel](https://vue-material.slack.com). Follow this [invitation link for Slack](https://join.slack.com/t/vuematerial/shared_invite/MTgzMzU2NDQ5ODkwLTE0OTQ4MDI3MDAtNWYyZjhkNzEzMA).
+If you have any questions, ideas or you want to discuss with Vue Material community, use [Discord](https://discord.gg/vuematerial) to join us.
 
 ## Contributing
 

ROADMAP.md

@@ -222,10 +222,10 @@ I will point out those changes inside the migration guide.
 <small>Vue Material 2 will be released with the new Material Design guidelines landed on Google I/O 2018. Stay tuned!<small>
 
 ## But man! I need the ___________
-Have something in mind? Need a new components? Created something meaningful and think that this can fit inside the lib? Let's discuss? We have a [Slack Channel](https://join.slack.com/t/vuematerial/shared_invite/MTgzMzU2NDQ5ODkwLTE0OTQ4MDI3MDAtNWYyZjhkNzEzMA) and I'm online there almost everyday. Send me a message!
+Have something in mind? Need a new components? Created something meaningful and think that this can fit inside the lib? Let's discuss? We have a [Discord Channel](https://discord.gg/vuematerial) and I'm online there almost everyday. Send me a message!
 
 ## I want to help. What do you need?
-Well. All kind of help are welcome. If you want to contribute with the project, just send me a message and I will tell what you can do. We recently created a Slack Channel to share ideas and to keep all the comunication in one place.
+Well. All kind of help are welcome. If you want to contribute with the project, just send me a message and I will tell what you can do. We recently created a Discord Channel to share ideas and to keep all the communication in one place.
 
 ## Awesome! I want to pay you a coffee!
 Vue Material do not run under the umbrella of any company or something like that, and is an independent project created by me on spare time. It became one of the most used UI Libraries for Vue.js.

build/config.js

@@ -8,11 +8,11 @@ export const resolvePath = (...args) => {
 }
 
 export const getRandomInt = (min, max) => {
-  const minNotAlowed = 8080
-  const maxNotAlowed = 8090
+  const minNotAllowed = 8080
+  const maxNotAllowed = 8090
   const generated = Math.floor(Math.random() * (max - min + 1)) + min
 
-  if (generated >= minNotAlowed && generated <= maxNotAlowed) {
+  if (generated >= minNotAllowed && generated <= maxNotAllowed) {
     return getRandomInt(min, max)
   }
 

docs/app/App.vue

@@ -13,14 +13,6 @@
     </div>
 
     <main-footer />
-
-    <md-snackbar class="version-message" md-theme="default" :md-active.sync="message" :md-duration="Infinity">
-      <span>This site is for the Vue Material 1.0 beta.</span>
-      <div>
-        <md-button href="https://vue-material-old.netlify.com/" target="_blank">Visit old docs</md-button>
-        <md-button class="md-accent" @click="closeMessage">Dismiss</md-button>
-      </div>
-    </md-snackbar>
   </div>
 </template>
 
@@ -87,6 +79,7 @@
 
   body {
     height: 100%;
+    overflow-x: hidden;
   }
 </style>
 

docs/app/banner.js

@@ -32,5 +32,5 @@ if (process.env.NODE_ENV === 'production') {
   console.log('%c        Made with%c ♥ %cby Marcos Moura', text, emoji, text)
   console.log('%c', spacer)
   console.log('%c', spacer)
-  console.log('%cLooking something specific? We can help you! Join us on discord: https://discord.gg/rgcmTtm', message)
+  console.log('%cLooking something specific? We can help you! Join us on discord: https://discord.gg/vuematerial', message)
 }

docs/app/components/AdManager.vue

@@ -1,39 +1,30 @@
 <template>
-  <md-content class="ad-manager" id="ad-manager" md-theme="default">
-    <div id="code-sponsor" class="code-sponsor">
-      <span class="code-sponsor-header">Vue Material is proudly sponsored by:</span>
-
-      <a :href="linkHref" class="code-sponsor-content" target="_blank" rel="noopener">
-        <strong class="code-sponsor-name">Rollbar</strong>
-        <span class="code-sponsor-description">Real-time JavaScript error monitoring, alerting, and analytics for developers 🚀</span>
-      </a>
-
-      <img class="code-sponsor-pixel" :src="pixelHref" />
-    </div>
+  <md-content class="ad-manager" id="ad-manager" md-theme="docs-dark">
+    <div id="code-fund" class="code-fund"></div>
   </md-content>
 </template>
 
 <script>
-  const isProd = process.env.NODE_ENV === 'production'
-  const token = '0989e0dbf1919e50f5b34ab00c81fa6f'
-
   export default {
     name: 'AdManager',
-    computed: {
-      linkHref () {
-        if (isProd) {
-          return `https://codesponsor.io/t/c/${token}`
-        }
+    methods: {
+      getSponsor () {
+        let sponsorUrl = 'https://api.codefund.app/properties/60/funder.html'
 
-        return false
-      },
-      pixelHref () {
-        if (isProd) {
-          return `https://codesponsor.io/t/l/${token}/pixel.png`
+        if (this.$route.name !== 'home') {
+          sponsorUrl += '?theme=light'
         }
 
-        return false
+        this.$http.get(sponsorUrl).then(({ data }) => {
+          document.getElementById('code-fund').innerHTML = data;
+        })
       }
+    },
+    mounted () {
+      this.getSponsor()
+    },
+    updated () {
+      this.getSponsor()
     }
   }
 </script>
@@ -44,22 +35,6 @@
   $ad-responsive-big: 1690px;
   $ad-responsive-small: 768px;
 
-  @mixin ad-theme ($hue, $color) {
-    .code-sponsor {
-      background: md-get-palette-color(grey, $hue);
-      .code-sponsor-header {
-        color: rgba($color, .54);
-      }
-    }
-
-    .code-sponsor-content {
-      color: rgba($color, .7);
-      &:hover {
-        color: $color;
-      }
-    }
-  }
-
   .ad-manager {
     width: calc(100% + 32px);
     margin: 0 -16px -16px;
@@ -69,9 +44,9 @@
     }
   }
 
-  .code-sponsor {
+  .code-fund {
     max-width: 175px;
-    margin: 7px 16px 24px 16px;
+    margin: 0 16px 24px 16px;
     padding: 8px;
     display: flex;
     flex-direction: column;
@@ -84,71 +59,25 @@
     @media (min-width: $ad-responsive-big) {
       margin: 0;
       position: fixed;
-      right: 16px;
-      bottom: 16px;
+      top: 80px;
+      right: 24px;
       z-index: 1000;
     }
 
     @media (max-width: $ad-responsive-small) {
       max-width: none;
-      margin-bottom: 16px;
+      margin: 8px auto 16px;
       float: none;
     }
 
     .splash-container & {
       @media (max-width: $ad-responsive-big) {
         max-width: 530px;
         min-height: 100px;
-        margin: 8px auto;
+        margin: 60px auto 8px;
         float: none;
         background: none !important;
       }
     }
   }
-
-  .code-sponsor-header {
-    font-size: 11px;
-    line-height: 1.3em;
-  }
-
-  .code-sponsor-content {
-    margin-top: 1em;
-    &:hover {
-      text-decoration: none;
-    }
-  }
-
-  .code-sponsor-name,
-  .code-sponsor-description {
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-
-  .code-sponsor-name {
-    margin-bottom: .5em;
-    display: block;
-    font-weight: 600;
-  }
-
-  .code-sponsor-pixel {
-    width: 1px;
-    height: 1px;
-    margin: -1px;
-    padding: 0;
-    position: absolute;
-    overflow: hidden;
-    clip: rect(0 0 0 0);
-    border: 0;
-  }
-
-  .main-container {
-    @include ad-theme(200, #000);
-  }
-
-  .splash-container {
-    @media (min-width: $ad-responsive-big) {
-      @include ad-theme(800, #fff);
-    }
-  }
 </style>

docs/app/components/CodesandboxEdit.vue

@@ -49,7 +49,7 @@
   })
   `
 
-  import { getParameters } from "codesandbox/lib/api/define";
+  import { getParameters } from 'codesandbox/lib/api/define';
 
   export default {
     name: 'CodesandboxEdit',
@@ -64,29 +64,29 @@
       parameters () {
         return getParameters({
           files: {
-            "package.json": {
+            'package.json': {
               content: {
                 name: `Vue Material - ${this.title}`,
                 keywords: [
-                  "vue-material",
-                  "material-design",
-                  "vue"
+                  'vue-material',
+                  'material-design',
+                  'vue'
                 ],
                 dependencies: {
-                  vue: "latest",
-                  "vue-material": "latest"
+                  vue: 'latest',
+                  'vue-material': 'latest'
                 }
               }
             },
-            "index.js": {
+            'index.js': {
               content: index
             },
-            "index.html": {
+            'index.html': {
               content: html
             },
-            "App.vue": {
+            'App.vue': {
               content: this.source
-            },
+            }
           }
         })
       }