[ { "path": ".babelrc", "content": "{\n \"presets\": [\"es2015\"]\n}" }, { "path": ".gitignore", "content": ".DS_Store\nnode_modules/\nnpm-debug.log\n.idea/\ndev/" }, { "path": ".npmignore", "content": "dev/\nbuild/\nindex.html" }, { "path": "README.md", "content": "# Docs\nhttps://vuematerials.com\n\n# Deprecated\n\nThis project is no longer maintained, please see [Vuetify](https://github.com/vuetifyjs/vuetify)\n" }, { "path": "build/release.sh", "content": "set -e\necho \"Enter release version: \"\nread VERSION\n\nread -p \"Releasing $VERSION - are you sure (y/n)\" -n 1 -r\necho #\nif [[ $REPLY =~ ^[Yy]$ ]]\nthen\n echo \"Releasing $VERSION ...\"\n\n npm run build\n git add -A\n git commit -m \"[build] $VERSION\"\n npm version $VERSION --message \"[release] $VERSION\"\n\n git push\n npm publish\nfi\n" }, { "path": "build/webpack.config.js", "content": "var path = require('path')\nvar webpack = require('webpack')\n\nmodule.exports = {\n entry: './src/index.js',\n output: {\n path: path.resolve(__dirname, '../dist'),\n filename: 'vue-materials.min.js',\n library: 'VueMaterials',\n libraryTarget: 'umd'\n },\n resolveLoader: {\n root: path.join(__dirname, 'node_modules'),\n },\n module: {\n loaders: [\n {\n test: /\\.vue$/,\n loader: 'vue'\n },\n {\n test: /\\.js$/,\n loader: 'babel',\n exclude: /node_modules/\n },\n {\n test: /\\.scss$/,\n loaders: ['style', 'css', 'sass']\n },\n {\n test: /\\.(png|jpg|gif|svg)$/,\n loader: 'file',\n query: {\n name: '[name].[ext]?[hash]'\n }\n },\n {\n test: /\\.(eot|svg|ttf|woff|woff2)$/,\n loader: 'file?name=/fonts/[name].[ext]'\n }\n ]\n },\n devServer: {\n historyApiFallback: true,\n noInfo: true\n },\n devtool: '#eval-source-map'\n}\n\nif (process.env.NODE_ENV === 'production') {\n module.exports.devtool = '#source-map'\n // http://vue-loader.vuejs.org/en/workflow/production.html\n module.exports.plugins = (module.exports.plugins || []).concat([\n new webpack.DefinePlugin({\n 'process.env': {\n NODE_ENV: '\"production\"'\n }\n }),\n new webpack.optimize.UglifyJsPlugin({\n compress: {\n warnings: true\n }\n })\n ])\n}\n" }, { "path": "build/webpack.dev.config.js", "content": "var path = require('path')\nvar webpack = require('webpack')\n\nmodule.exports = {\n entry: './dev/index.js',\n output: {\n path: path.resolve(__dirname, '../dev'),\n publicPath: '/dev/',\n filename: 'dev.js'\n },\n resolveLoader: {\n root: path.join(__dirname, 'node_modules'),\n },\n module: {\n loaders: [\n {\n test: /\\.vue$/,\n loader: 'vue'\n },\n {\n test: /\\.js$/,\n loader: 'babel',\n exclude: /node_modules|dist/\n },\n {\n test: /\\.scss$/,\n loaders: ['style', 'css', 'sass']\n },\n {\n test: /\\.(png|jpg|gif|svg)$/,\n loader: 'file',\n query: {\n name: '[name].[ext]?[hash]'\n }\n },\n {\n test: /\\.(eot|svg|ttf|woff|woff2)$/,\n loader: 'file?name=/fonts/[name].[ext]'\n }\n ]\n },\n devServer: {\n historyApiFallback: true,\n noInfo: true\n },\n devtool: '#eval-source-map'\n}\n" }, { "path": "index.html", "content": "\n\n \n \n vue-materialize\n \n \n \n \n
\n
\n \n \n \n \n\n" }, { "path": "package.json", "content": "{\n \"name\": \"vue-materials\",\n \"description\": \"Materialize.css components for Vue JS\",\n \"author\": \"John Leider \",\n \"version\": \"1.0.7-rc.7\",\n \"private\": false,\n \"main\": \"dist/vue-materials.min.js\",\n \"license\": \"MIT\",\n \"scripts\": {\n \"dev\": \"webpack-dev-server --inline --hot --host=0.0.0.0 --port=8082 --config=build/webpack.dev.config.js\",\n \"build\": \"cross-env NODE_ENV=production webpack --progress --hide-modules --config=build/webpack.config.js\"\n },\n \"dependencies\": {\n \"vue\": \"^2.0.1\"\n },\n \"devDependencies\": {\n \"babel-cli\": \"^6.10.1\",\n \"babel-core\": \"^6.0.0\",\n \"babel-loader\": \"^6.0.0\",\n \"babel-preset-es2015\": \"^6.0.0\",\n \"cross-env\": \"^1.0.6\",\n \"css-loader\": \"^0.23.1\",\n \"file-loader\": \"^0.8.4\",\n \"materialize-css\": \"^0.97.6\",\n \"node-sass\": \"^3.8.0\",\n \"rollup\": \"^0.33.0\",\n \"rollup-plugin-babel\": \"^2.6.1\",\n \"rollup-plugin-vue\": \"^2.0.1\",\n \"sass-loader\": \"^4.0.0\",\n \"style-loader\": \"^0.13.1\",\n \"uglify-js\": \"^2.7.0\",\n \"vue-hot-reload-api\": \"^2.0.5\",\n \"vue-loader\": \"^9.1.2\",\n \"webpack\": \"^1.13.1\",\n \"webpack-dev-server\": \"^1.12.0\"\n }\n}\n" }, { "path": "src/components/_index.js", "content": "import VFooter from './footer.vue'\nimport VNav from './nav.vue'\nimport VSideNav from './side-nav.vue'\nimport VBadge from './badge.vue'\nimport VBreadcrumbs from './breadcrumbs.vue'\nimport VBtn from './button.vue'\nimport VBtnLink from './button-link.vue'\nimport VCard from './card.vue'\nimport VCarousel from './carousel.vue'\nimport VCarouselItem from './carousel-item.vue'\nimport VCheckbox from './checkbox.vue'\nimport VChip from './chip.vue'\nimport VCollapsible from './collapsible.vue'\nimport VCollection from './collection.vue'\nimport VCollectionItem from './collection-item.vue'\nimport VCollectionLink from './collection-link.vue'\nimport VCollectionAvatar from './collection-avatar.vue'\nimport VDateInput from './date-input.vue'\nimport VFileInput from './file-input.vue'\nimport VIcon from './icon.vue'\nimport VMaterialBox from './material-box.vue'\nimport VModal from './modal.vue'\nimport VFab from './fab.vue'\nimport VPagination from './pagination.vue'\nimport VPaginationItem from './pagination-item.vue'\nimport VParallax from './parallax.vue'\nimport VProgressLinear from './progress-linear.vue'\nimport VProgressCircular from './progress-circular.vue'\nimport VRadio from './radio.vue'\nimport VRange from './range.vue'\nimport VSelect from './select.vue'\nimport VSlider from './slider.vue'\nimport VSlide from './slide.vue'\nimport VSwitch from './switch.vue'\nimport VTab from './tab.vue'\nimport VTabs from './tabs.vue'\nimport VTextArea from './text-area.vue'\nimport VTextInput from './text-input.vue'\n\nexport default {\n VFooter,\n VNav,\n VSideNav,\n VBadge,\n VBreadcrumbs,\n VBtn,\n VBtnLink,\n VCard,\n VCarousel,\n VCarouselItem,\n VChip,\n VCollapsible,\n VCollection,\n VCollectionItem,\n VCheckbox,\n VCollectionLink,\n VCollectionAvatar,\n VDateInput,\n VFileInput,\n VIcon,\n VMaterialBox,\n VModal,\n VFab,\n VPagination,\n VPaginationItem,\n VParallax,\n VProgressLinear,\n VProgressCircular,\n VRadio,\n VRange,\n VSelect,\n VSlider,\n VSlide,\n VSwitch,\n VTab,\n VTabs,\n VTextArea,\n VTextInput\n}" }, { "path": "src/components/badge.vue", "content": "\n\n\n" }, { "path": "src/components/breadcrumbs.vue", "content": "\n\n\n" }, { "path": "src/components/button-link.vue", "content": "\n\n\n" }, { "path": "src/components/button.vue", "content": "\n\n\n" }, { "path": "src/components/card.vue", "content": "\n\n\n" }, { "path": "src/components/carousel-item.vue", "content": "\n\n\n" }, { "path": "src/components/carousel.vue", "content": "\n\n\n" }, { "path": "src/components/checkbox.vue", "content": "\n\n\n" }, { "path": "src/components/chip.vue", "content": "\n\n\n" }, { "path": "src/components/collapsible.vue", "content": "\n\n\n" }, { "path": "src/components/collection-avatar.vue", "content": "\n\n\n" }, { "path": "src/components/collection-item.vue", "content": "\n\n\n" }, { "path": "src/components/collection-link.vue", "content": "\n\n\n" }, { "path": "src/components/collection.vue", "content": "\n\n\n" }, { "path": "src/components/date-input.vue", "content": "\n\n\n" }, { "path": "src/components/fab.vue", "content": "\n\n\n" }, { "path": "src/components/file-input.vue", "content": "\n\n\n" }, { "path": "src/components/footer.vue", "content": "\n" }, { "path": "src/components/functional/_index.js", "content": "import VRow from './row'\nimport VGrid from './grid'\nimport VContainer from './container'\nimport VCollapsibleHeader from './collapsible-header'\nimport VCollapsibleBody from './collapsible-body'\nimport VDropdown from './dropdown'\n\nexport default {\n VRow,\n VGrid,\n VContainer,\n VCollapsibleHeader,\n VCollapsibleBody,\n VDropdown\n}\n" }, { "path": "src/components/functional/collapsible-body.js", "content": "export default {\n functional: true,\n\n render: (h, { data, children }) => {\n if (!data.staticClass) {\n data.staticClass = ''\n }\n\n data.staticClass += ' collapsible-body'\n\n return h('div', data, children)\n }\n}\n" }, { "path": "src/components/functional/collapsible-header.js", "content": "export default {\n functional: true,\n\n render: (h, { data, children }) => {\n if (!data.staticClass) {\n data.staticClass = ''\n }\n\n data.staticClass += ' collapsible-header'\n\n return h('div', data, children)\n }\n}\n" }, { "path": "src/components/functional/container.js", "content": "export default {\n functional: true,\n\n render: (h, { data, children }) => {\n data.staticClass = data.staticClass || ''\n data.staticClass += ' container'\n\n return h('div', data, children)\n }\n}\n" }, { "path": "src/components/functional/dropdown.js", "content": "export default {\n functional: true,\n\n render: (h, { data, children }) => {\n if (!data.staticClass) {\n data.staticClass = ''\n }\n\n data.staticClass += ' dropdown-content'\n\n return h('ul', data, children)\n }\n}\n" }, { "path": "src/components/functional/grid.js", "content": "export default {\n functional: true,\n\n render: (h, { data, children }) => {\n let attrs = Object.keys(data.attrs)\n attrs.unshift('col')\n data.attrs = {}\n data.attrs.class = attrs.join(' ')\n\n return h('div', data, children)\n }\n}\n" }, { "path": "src/components/functional/row.js", "content": "export default {\n functional: true,\n\n render: (h, { data, children }) => {\n data.staticClass = data.staticClass || ''\n data.staticClass += ' row'\n\n return h('div', data, children)\n }\n}\n" }, { "path": "src/components/icon.vue", "content": "\n\n\n" }, { "path": "src/components/material-box.vue", "content": "\n\n\n" }, { "path": "src/components/modal.vue", "content": "\n\n\n" }, { "path": "src/components/nav.vue", "content": "\n\n" }, { "path": "src/components/pagination-item.vue", "content": "\n\n\n" }, { "path": "src/components/pagination.vue", "content": "\n\n\n" }, { "path": "src/components/parallax.vue", "content": "\n\n\n" }, { "path": "src/components/progress-circular.vue", "content": "\n\n\n" }, { "path": "src/components/progress-linear.vue", "content": "\n\n\n" }, { "path": "src/components/radio.vue", "content": "\n\n\n" }, { "path": "src/components/range.vue", "content": "\n\n\n" }, { "path": "src/components/select.vue", "content": "\n\n\n" }, { "path": "src/components/side-nav.vue", "content": "\n\n\n" }, { "path": "src/components/slide.vue", "content": "\n\n\n" }, { "path": "src/components/slider.vue", "content": "\n\n\n" }, { "path": "src/components/switch.vue", "content": "\n\n\n" }, { "path": "src/components/tab.vue", "content": "\n\n\n" }, { "path": "src/components/tabs.vue", "content": "\n\n\n" }, { "path": "src/components/text-area.vue", "content": "\n\n\n" }, { "path": "src/components/text-input.vue", "content": "\n\n\n" }, { "path": "src/directives/_index.js", "content": "import Dropdown from './dropdown'\nimport Modal from './modal'\nimport SideNav from './side-nav'\nimport Tooltip from './tooltip'\n\nexport default {\n Dropdown,\n Modal,\n SideNav,\n Tooltip\n}\n" }, { "path": "src/directives/dropdown.js", "content": "import Load from '../util/load'\n\nexport default {\n bind (el, binding, vnode) {\n Load.call(vnode.context, () => {\n const params = binding.value || {}\n\n el.setAttribute('data-activates', binding.arg || params.value)\n $(el).dropdown(params)\n })\n }\n}\n" }, { "path": "src/directives/modal.js", "content": "import Load from '../util/load'\n\nexport default {\n bind (el, binding, vnode) {\n Load.call(vnode.context, () => {\n const params = binding.value || {}\n if (el.nodeName === 'button') {\n el.setAttribute('data-target', binding.arg || params.value)\n } else {\n el.setAttribute('href', `#${binding.arg || params.value}`)\n }\n \n $(`#${binding.arg || params.value}`).modal()\n })\n }\n}\n" }, { "path": "src/directives/side-nav.js", "content": "import Load from '../util/load'\n\nexport default {\n bind (el, binding, vnode) {\n Load.call(vnode.context, () => {\n el.setAttribute('data-activates', binding.arg)\n $(el).sideNav(binding.value || {})\n })\n }\n}\n" }, { "path": "src/directives/tooltip.js", "content": "import Load from '../util/load'\n\nconst tooltip = (el, binding, vnode) => {\n const delay = typeof binding.modifiers !== 'undefined'\n ? Object.keys(binding.modifiers)[0]\n : 50\n\n el.classList.add('tooltipped')\n el.setAttribute('data-position', binding.arg)\n el.setAttribute('data-delay', delay)\n el.setAttribute('data-tooltip', binding.expression.replace(/\\'/g, ''))\n\n Load.call(vnode.context, () => $(el).tooltip())\n} \n\nexport default {\n bind (el, binding, vnode) {\n tooltip(el, binding, vnode)\n },\n\n postupdate (el, binding, vnode) {\n tooltip(el, binding, vnode)\n }\n}\n" }, { "path": "src/index.js", "content": "import Components from './components/_index'\nimport Directives from './directives/_index'\nimport Functional from './components/functional/_index'\nimport Dialog from './util/dialog'\nimport ScrollFire from './util/scroll-fire'\n\nfunction plugin(Vue) {\n if (plugin.installed) return\n\n for (let key in Components) {\n Vue.component(key, Components[key])\n }\n \n for (let key in Functional) {\n Vue.component(key, Functional[key])\n }\n\n for (let key in Directives) {\n Vue.directive(key, Directives[key])\n }\n\n Vue.dialog = Dialog\n Vue.scrollFire = ScrollFire\n\n Object.defineProperties(Vue.prototype, {\n $dialog: {\n get: () => Vue.dialog.bind(this)\n },\n\n $scrollFire: {\n get: () => Vue.scrollFire.bind(this)\n }\n })\n}\n\nif (typeof window !== 'undefined' && window.Vue) {\n window.Vue.use(plugin);\n}\n\nexport default plugin\n" }, { "path": "src/mixins/buttons.js", "content": "export default {\n props: {\n disabled: {\n type: Boolean,\n default: false\n },\n\n flat: {\n type: Boolean,\n default: false\n },\n\n floating: {\n type: Boolean,\n default: false\n },\n\n large: {\n type: Boolean,\n default: false\n },\n\n modal: {\n type: Boolean,\n default: false\n }\n },\n\n computed: {\n buttonsMixin () {\n return {\n 'btn': !this.flat,\n 'btn-floating': this.floating,\n 'btn-large': this.large,\n 'btn-flat': this.flat,\n 'modal-action modal-close': this.modal,\n 'disabled': this.disabled\n }\n }\n }\n}\n" }, { "path": "src/mixins/collection-item.js", "content": "export default {\n props: {\n active: {\n type: Boolean,\n default: false\n },\n\n dismissable: {\n type: Boolean,\n default: false\n },\n\n header: {\n type: Boolean,\n default: false\n }\n },\n\n computed: {\n collectionsMixin () {\n return {\n 'active': this.active,\n 'dismissable': this.dismissable,\n 'collection-item': !this.header,\n 'collection-header': this.header\n }\n }\n }\n}\n" }, { "path": "src/mixins/counter.js", "content": "import Load from '../util/load'\n\nexport default {\n props: {\n length: {\n type: [Boolean, Number, String],\n default: false\n }\n },\n\n mounted () {\n Load.call(this, () => $(this.$el).characterCounter())\n },\n\n postupdate () {\n Load.call(this, () => $(this.$el).characterCounter())\n }\n}\n" }, { "path": "src/mixins/dropdown.js", "content": "export default {\n props: {\n induration: {\n type: Number,\n default: 300\n },\n\n outduration: {\n type: Number,\n default: 225\n },\n\n constrainwidth: {\n type: Boolean,\n default: true\n },\n\n hover: {\n type: Boolean,\n default: false\n },\n\n gutter: {\n type: Number,\n default: 0\n },\n\n beloworigin: {\n type: Boolean,\n default: false\n },\n\n alignment: {\n type: String,\n default: 'left'\n }\n }\n}" }, { "path": "src/mixins/is-loadable.js", "content": "import Load from '../util/load'\n\nexport default {\n mounted () {\n Load.call(this, () => this.init())\n }\n}\n" }, { "path": "src/mixins/waves.js", "content": "export default {\n props: {\n wavesCircle: {\n type: Boolean,\n default: false\n },\n\n wavesLight: {\n type: Boolean,\n default: false\n },\n\n wavesOrange: {\n type: Boolean,\n default: false\n },\n\n wavesPurple: {\n type: Boolean,\n default: false\n },\n\n wavesGreen: {\n type: Boolean,\n default: false\n },\n\n wavesTeal: {\n type: Boolean,\n default: false\n },\n\n wavesRed: {\n type: Boolean,\n default: false\n },\n\n wavesYellow: {\n type: Boolean,\n default: false\n }\n },\n\n computed: {\n wavesMixin () {\n return {\n 'waves-effect waves-light': this.wavesLight,\n 'waves-effect waves-red': this.wavesRed,\n 'waves-effect waves-yellow': this.wavesYellow,\n 'waves-effect waves-orange': this.wavesOrange,\n 'waves-effect waves-purple': this.wavesPurple,\n 'waves-effect waves-green': this.wavesGreen,\n 'waves-effect waves-teal': this.wavesTeal,\n 'waves-circle': this.wavesCircle\n }\n }\n }\n}\n" }, { "path": "src/util/dialog.js", "content": "export default function Dialog(message, duration = 4000, rounded, cb) {\n if (typeof rounded === 'function') {\n cb = rounded\n rounded = ''\n }\n \n Materialize.toast(message, duration, rounded, cb)\n}\n" }, { "path": "src/util/load.js", "content": "export default function (cb) {\n if (document.readyState !== 'loading') {\n this.$nextTick(() => cb())\n } else {\n document.addEventListener('DOMContentLoaded', () => cb())\n }\n}\n" }, { "path": "src/util/scroll-fire.js", "content": "export default function ScrollFire(options) {\n Materialize.scrollFire(options)\n}\n" } ]