├── .babelrc
├── .editorconfig
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── .nojekyll
├── .npmignore
├── .postcssrc.js
├── LICENSE.md
├── README.md
├── build
├── build.js
├── check-versions.js
├── dev-client.js
├── dev-server.js
├── utils.js
├── vue-loader.conf.js
├── webpack.base.conf.js
├── webpack.dev.conf.js
├── webpack.prod.conf.js
└── webpack.test.conf.js
├── config
├── dev.env.js
├── index.js
├── prod.env.js
└── test.env.js
├── dist
├── css
│ └── app.704981f078189267d51319bb77b62595.css
├── fonts
│ ├── fontawesome-webfont.674f50d.eot
│ ├── fontawesome-webfont.af7ae50.woff2
│ ├── fontawesome-webfont.b06871f.ttf
│ ├── fontawesome-webfont.fee66e7.woff
│ ├── roboto-v15-latin-regular.16e1d93.woff
│ ├── roboto-v15-latin-regular.38861cb.ttf
│ ├── roboto-v15-latin-regular.7e367be.woff2
│ └── roboto-v15-latin-regular.9f916e3.eot
├── img
│ ├── cars
│ │ ├── Golf.png
│ │ ├── Jetta.png
│ │ ├── Passat.png
│ │ ├── Polo.png
│ │ ├── Scirocco.png
│ │ ├── Touareg.png
│ │ └── Yeni.png
│ ├── color.c7a3380.png
│ ├── fontawesome-webfont.912ec66.svg
│ ├── galleria1.725c2db.jpg
│ ├── galleria2.a396e3a.jpg
│ ├── galleria3.79e3b59.jpg
│ ├── galleria4.179c768.jpg
│ ├── galleria5.df4cc30.jpg
│ ├── line.567f573.gif
│ ├── logo.c086536.png
│ └── roboto-v15-latin-regular.3d3a535.svg
├── index.html
└── js
│ ├── app.d6a6db7913d492b92d2f.js
│ ├── app.d6a6db7913d492b92d2f.js.map
│ ├── manifest.5abe310ef2fafcf81b83.js
│ ├── manifest.5abe310ef2fafcf81b83.js.map
│ ├── vendor.a12093d45dece9df9592.js
│ └── vendor.a12093d45dece9df9592.js.map
├── index.html
├── package-lock.json
├── package.json
├── showcase
├── main.js
└── src
│ ├── assets
│ ├── css
│ │ ├── code.css
│ │ ├── showcase.css
│ │ ├── site.css
│ │ └── splash.css
│ └── images
│ │ ├── cars
│ │ ├── Golf.png
│ │ ├── Jetta.png
│ │ ├── Passat.png
│ │ ├── Polo.png
│ │ ├── Scirocco.png
│ │ ├── Touareg.png
│ │ └── Yeni.png
│ │ ├── demo
│ │ ├── car
│ │ │ ├── Audi.png
│ │ │ ├── BMW.png
│ │ │ ├── Fiat.png
│ │ │ ├── Ford.png
│ │ │ ├── Honda.png
│ │ │ ├── Jaguar.png
│ │ │ ├── Mercedes.png
│ │ │ ├── Renault.png
│ │ │ ├── VW.png
│ │ │ └── Volvo.png
│ │ ├── galleria
│ │ │ ├── galleria1.jpg
│ │ │ ├── galleria10.jpg
│ │ │ ├── galleria11.jpg
│ │ │ ├── galleria12.jpg
│ │ │ ├── galleria2.jpg
│ │ │ ├── galleria3.jpg
│ │ │ ├── galleria4.jpg
│ │ │ ├── galleria5.jpg
│ │ │ ├── galleria6.jpg
│ │ │ ├── galleria7.jpg
│ │ │ ├── galleria8.jpg
│ │ │ └── galleria9.jpg
│ │ ├── organization
│ │ │ ├── jesse.jpg
│ │ │ ├── mike.jpg
│ │ │ ├── saul.jpg
│ │ │ └── walter.jpg
│ │ ├── sopranos
│ │ │ ├── sopranos1.jpg
│ │ │ ├── sopranos1_small.jpg
│ │ │ ├── sopranos2.jpg
│ │ │ ├── sopranos2_small.jpg
│ │ │ ├── sopranos3.jpg
│ │ │ ├── sopranos3_small.jpg
│ │ │ ├── sopranos4.jpg
│ │ │ └── sopranos4_small.jpg
│ │ └── themes
│ │ │ ├── afterdark.png
│ │ │ ├── afternoon.png
│ │ │ ├── afterwork.png
│ │ │ ├── aristo.png
│ │ │ ├── black-tie.png
│ │ │ ├── blitzer.png
│ │ │ ├── bluesky.png
│ │ │ ├── bootstrap.png
│ │ │ ├── casablanca.png
│ │ │ ├── cruze.png
│ │ │ ├── cupertino.png
│ │ │ ├── dark-hive.png
│ │ │ ├── dot-luv.png
│ │ │ ├── eggplant.png
│ │ │ ├── excite-bike.png
│ │ │ ├── flick.png
│ │ │ ├── glass-x.png
│ │ │ ├── home.png
│ │ │ ├── hot-sneaks.png
│ │ │ ├── humanity.png
│ │ │ ├── le-frog.png
│ │ │ ├── midnight.png
│ │ │ ├── mint-choc.png
│ │ │ ├── overcast.png
│ │ │ ├── pepper-grinder.png
│ │ │ ├── redmond.png
│ │ │ ├── rocket.png
│ │ │ ├── sam.png
│ │ │ ├── smoothness.png
│ │ │ ├── south-street.png
│ │ │ ├── start.png
│ │ │ ├── sunny.png
│ │ │ ├── swanky-purse.png
│ │ │ ├── themesIndex
│ │ │ ├── afterdark.png
│ │ │ ├── afternoon.png
│ │ │ ├── afterwork.png
│ │ │ ├── aristo.png
│ │ │ ├── black-tie.png
│ │ │ ├── blitzer.png
│ │ │ ├── bluesky.png
│ │ │ ├── bootstrap.png
│ │ │ ├── casablanca.png
│ │ │ ├── cruze.png
│ │ │ ├── cupertino.png
│ │ │ ├── dark-hive.png
│ │ │ ├── delta.png
│ │ │ ├── dot-luv.png
│ │ │ ├── eggplant.png
│ │ │ ├── excite-bike.png
│ │ │ ├── flick.png
│ │ │ ├── glass-x.png
│ │ │ ├── home.png
│ │ │ ├── hot-sneaks.png
│ │ │ ├── humanity.png
│ │ │ ├── le-frog.png
│ │ │ ├── midnight.png
│ │ │ ├── mint-choc.png
│ │ │ ├── overcast.png
│ │ │ ├── pepper-grinder.png
│ │ │ ├── redmond.png
│ │ │ ├── rocket.png
│ │ │ ├── sam.png
│ │ │ ├── smoothness.png
│ │ │ ├── south-street.png
│ │ │ ├── start.png
│ │ │ ├── sunny.png
│ │ │ ├── swanky-purse.png
│ │ │ ├── trontastic.png
│ │ │ ├── ui-darkness.png
│ │ │ ├── ui-lightness.png
│ │ │ └── vader.png
│ │ │ ├── trontastic.png
│ │ │ ├── ui-darkness.png
│ │ │ ├── ui-lightness.png
│ │ │ └── vader.png
│ │ ├── icons
│ │ ├── button-active.svg
│ │ ├── button.svg
│ │ ├── charts-active.svg
│ │ ├── charts.svg
│ │ ├── data-active.svg
│ │ ├── data.svg
│ │ ├── dragdrop-active.svg
│ │ ├── dragdrop.svg
│ │ ├── file-active.svg
│ │ ├── file.svg
│ │ ├── input-active.svg
│ │ ├── input.svg
│ │ ├── layout-active.svg
│ │ ├── layout.svg
│ │ ├── menu-active.svg
│ │ ├── menu.svg
│ │ ├── message-active.svg
│ │ ├── message.svg
│ │ ├── misc-active.svg
│ │ ├── misc.svg
│ │ ├── multimedia-active.svg
│ │ ├── multimedia.svg
│ │ ├── overlay-active.svg
│ │ ├── overlay.svg
│ │ ├── panel-active.svg
│ │ └── panel.svg
│ │ ├── ironman.png
│ │ └── logo.png
│ └── components
│ ├── accordion
│ └── accordiondemo.vue
│ ├── avatar
│ └── avatardemo.vue
│ ├── backtotop
│ └── backtotopdemo.vue
│ ├── badge
│ └── badgedemo.vue
│ ├── blockui
│ └── blockuidemo.vue
│ ├── button
│ └── buttondemo.vue
│ ├── captcha
│ └── captchademo.vue
│ ├── card
│ └── carddemo.vue
│ ├── charts
│ ├── barchart
│ │ └── barchartdemo.vue
│ ├── bubblechart
│ │ └── bubblechartdemo.vue
│ ├── chartsdemo.vue
│ ├── doughnutchart
│ │ └── doughnutchartdemo.vue
│ ├── horizontalbarchart
│ │ └── horizontalbarchartdemo.vue
│ ├── linechart
│ │ └── linechartdemo.vue
│ ├── piechart
│ │ └── piechartdemo.vue
│ ├── polarareachart
│ │ └── polarareachartdemo.vue
│ └── radarchart
│ │ └── radarchartdemo.vue
│ ├── checkbox
│ └── checkboxdemo.vue
│ ├── codehighlighter
│ └── codehighlighterdemo.vue
│ ├── colorpicker
│ └── colorpickerdemo.vue
│ ├── editor
│ └── editordemo.vue
│ ├── fieldset
│ └── fieldsetdemo.vue
│ ├── footer.vue
│ ├── galleria
│ └── galleriademo.vue
│ ├── gmap
│ └── gmapdemo.vue
│ ├── grid
│ └── griddemo.vue
│ ├── growl
│ └── growldemo.vue
│ ├── header.vue
│ ├── home.vue
│ ├── index.vue
│ ├── inplace
│ └── inplacedemo.vue
│ ├── inputgroup
│ └── inputgroupdemo.vue
│ ├── inputswitch
│ └── inputswitchdemo.vue
│ ├── inputtext
│ └── inputtextdemo.vue
│ ├── inputtextarea
│ └── inputtextareademo.vue
│ ├── message
│ └── messagedemo.vue
│ ├── minusplus
│ └── minusplusdemo.vue
│ ├── panel
│ └── paneldemo.vue
│ ├── password
│ └── passworddemo.vue
│ ├── progressbar
│ └── progressbardemo.vue
│ ├── progressspinner
│ └── progressspinnerdemo.vue
│ ├── qrcode
│ └── qrcodedemo.vue
│ ├── radiobutton
│ └── radiobuttondemo.vue
│ ├── rating
│ └── ratingdemo.vue
│ ├── scrollpanel
│ └── scrollpaneldemo.vue
│ ├── selectbutton
│ └── selectbuttondemo.vue
│ ├── sidebar.vue
│ ├── sidebar
│ └── sidebardemo.vue
│ ├── spinner
│ └── spinnerdemo.vue
│ ├── terminal
│ └── terminaldemo.vue
│ ├── togglebutton
│ └── togglebuttondemo.vue
│ ├── toolbar
│ └── toolbardemo.vue
│ └── tristatecheckbox
│ └── tristatecheckboxdemo.vue
├── src
├── assets
│ ├── images
│ │ ├── color.png
│ │ ├── hue.png
│ │ ├── line.gif
│ │ ├── loading.gif
│ │ └── password-meter.png
│ ├── themes
│ │ ├── _theme.scss
│ │ ├── cruze
│ │ │ ├── theme.css
│ │ │ └── theme.scss
│ │ ├── cupertino
│ │ │ ├── theme.css
│ │ │ └── theme.scss
│ │ ├── darkness
│ │ │ ├── theme.css
│ │ │ └── theme.scss
│ │ ├── flick
│ │ │ ├── theme.css
│ │ │ └── theme.scss
│ │ ├── home
│ │ │ ├── theme.css
│ │ │ └── theme.scss
│ │ ├── kasper
│ │ │ ├── theme.css
│ │ │ └── theme.scss
│ │ ├── lightness
│ │ │ ├── theme.css
│ │ │ └── theme.scss
│ │ ├── ludvig
│ │ │ ├── theme.css
│ │ │ └── theme.scss
│ │ ├── omega
│ │ │ ├── fonts
│ │ │ │ ├── roboto-v15-latin-regular.eot
│ │ │ │ ├── roboto-v15-latin-regular.svg
│ │ │ │ ├── roboto-v15-latin-regular.ttf
│ │ │ │ ├── roboto-v15-latin-regular.woff
│ │ │ │ └── roboto-v15-latin-regular.woff2
│ │ │ ├── images
│ │ │ │ ├── icons_16.png
│ │ │ │ ├── slider_handles.png
│ │ │ │ ├── slider_handles@2x.png
│ │ │ │ ├── ui-bg_flat_0_aaaaaa_40x100.png
│ │ │ │ ├── ui-bg_flat_75_ffffff_40x100.png
│ │ │ │ ├── ui-bg_glass_55_fbf9ee_1x400.png
│ │ │ │ ├── ui-bg_glass_65_ffffff_1x400.png
│ │ │ │ ├── ui-bg_glass_75_dadada_1x400.png
│ │ │ │ ├── ui-bg_glass_75_e6e6e6_1x400.png
│ │ │ │ ├── ui-bg_glass_95_fef1ec_1x400.png
│ │ │ │ ├── ui-bg_highlight-soft_75_cccccc_1x100.png
│ │ │ │ ├── ui-icons_222222_256x240.png
│ │ │ │ ├── ui-icons_2e83ff_256x240.png
│ │ │ │ ├── ui-icons_454545_256x240.png
│ │ │ │ ├── ui-icons_cd0a0a_256x240.png
│ │ │ │ └── ui-icons_ffffff_256x240.png
│ │ │ ├── theme.css
│ │ │ └── theme.scss
│ │ ├── pepper-grinder
│ │ │ ├── theme.css
│ │ │ └── theme.scss
│ │ ├── redmond
│ │ │ ├── theme.css
│ │ │ └── theme.scss
│ │ ├── rocket
│ │ │ ├── theme.css
│ │ │ └── theme.scss
│ │ ├── south-street
│ │ │ ├── theme.css
│ │ │ └── theme.scss
│ │ ├── start
│ │ │ ├── theme.css
│ │ │ └── theme.scss
│ │ ├── trontastic
│ │ │ ├── theme.css
│ │ │ └── theme.scss
│ │ └── voclain
│ │ │ ├── theme.css
│ │ │ └── theme.scss
│ └── vue-face.css
├── components
│ ├── accordion
│ │ ├── accordion.css
│ │ ├── accordion.vue
│ │ └── accordiontab.vue
│ ├── avatar
│ │ ├── avatar.css
│ │ └── avatar.vue
│ ├── backtotop
│ │ ├── backtotop.css
│ │ └── backtotop.vue
│ ├── badge
│ │ ├── badge.css
│ │ └── badge.vue
│ ├── blockui
│ │ ├── blockui.css
│ │ └── blockui.vue
│ ├── button
│ │ ├── button.css
│ │ └── button.vue
│ ├── captcha
│ │ └── captcha.vue
│ ├── card
│ │ ├── card.css
│ │ └── card.vue
│ ├── charts
│ │ └── charts.vue
│ ├── checkbox
│ │ ├── checkbox.css
│ │ └── checkbox.vue
│ ├── codehighlighter
│ │ └── codehighlighter.vue
│ ├── colorpicker
│ │ ├── colorpicker.css
│ │ ├── colorpicker.vue
│ │ └── images
│ │ │ ├── color.png
│ │ │ └── hue.png
│ ├── common
│ │ └── common.css
│ ├── dom
│ │ └── domhandler.js
│ ├── editor
│ │ └── editor.vue
│ ├── fieldset
│ │ ├── fieldset.css
│ │ └── fieldset.vue
│ ├── galleria
│ │ ├── galleria.css
│ │ └── galleria.vue
│ ├── gmap
│ │ └── gmap.vue
│ ├── grid
│ │ └── grid.css
│ ├── growl
│ │ ├── growl.css
│ │ └── growl.vue
│ ├── inplace
│ │ ├── inplace.css
│ │ └── inplace.vue
│ ├── inputswitch
│ │ ├── inputswitch.css
│ │ └── inputswitch.vue
│ ├── inputtext
│ │ ├── inputtext.css
│ │ └── inputtext.vue
│ ├── inputtextarea
│ │ ├── inputtextarea.css
│ │ └── inputtextarea.vue
│ ├── message
│ │ ├── message.css
│ │ └── message.vue
│ ├── messages
│ │ ├── messages.css
│ │ └── messages.vue
│ ├── minusplus
│ │ ├── minusplus.css
│ │ └── minusplus.vue
│ ├── panel
│ │ ├── panel.css
│ │ └── panel.vue
│ ├── password
│ │ ├── images
│ │ │ └── password-meter.png
│ │ ├── password.css
│ │ └── password.vue
│ ├── progressbar
│ │ ├── progressbar.css
│ │ └── progressbar.vue
│ ├── progressspinner
│ │ ├── progressspinner.css
│ │ └── progressspinner.vue
│ ├── qrcode
│ │ └── qrcode.vue
│ ├── radiobutton
│ │ ├── radiobutton.css
│ │ └── radiobutton.vue
│ ├── rating
│ │ ├── rating.css
│ │ └── rating.vue
│ ├── schedule
│ │ ├── schedule.css
│ │ └── schedule.vue
│ ├── scrollpanel
│ │ ├── scrollpanel.css
│ │ └── scrollpanel.vue
│ ├── selectbutton
│ │ ├── selectbutton.css
│ │ └── selectbutton.vue
│ ├── sidebar
│ │ ├── sidebar.css
│ │ └── sidebar.vue
│ ├── spinner
│ │ ├── spinner.css
│ │ └── spinner.vue
│ ├── terminal
│ │ ├── terminal.css
│ │ └── terminal.vue
│ ├── togglebutton
│ │ ├── togglebutton.css
│ │ └── togglebutton.vue
│ ├── toolbar
│ │ ├── toolbar.css
│ │ └── toolbar.vue
│ └── tristatecheckbox
│ │ ├── tristatecheckbox.css
│ │ └── tristatecheckbox.vue
└── index.js
└── test
└── unit
├── .eslintrc
├── index.js
├── karma.conf.js
└── specs
└── Hello.spec.js
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | ["env", {
4 | "modules": false,
5 | "targets": {
6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
7 | }
8 | }],
9 | "stage-2"
10 | ],
11 | "plugins": ["transform-runtime"],
12 | "env": {
13 | "test": {
14 | "presets": ["env", "stage-2"],
15 | "plugins": ["istanbul"]
16 | }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | charset = utf-8
5 | indent_style = space
6 | indent_size = 2
7 | end_of_line = lf
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | build/*.js
2 | config/*.js
3 |
--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
1 | // http://eslint.org/docs/user-guide/configuring
2 |
3 | module.exports = {
4 | root: true,
5 | parser: 'babel-eslint',
6 | parserOptions: {
7 | sourceType: 'module'
8 | },
9 | env: {
10 | browser: true,
11 | },
12 | // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
13 | extends: 'standard',
14 | // required to lint *.vue files
15 | plugins: [
16 | 'html',
17 | 'vue'
18 | ],
19 | // add your custom rules here
20 | 'rules': {
21 | // allow paren-less arrow functions
22 | 'arrow-parens': 0,
23 | // allow async-await
24 | 'generator-star-spacing': 0,
25 | // allow debugger during development
26 | 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
27 | //requires semicolons at the end of statements
28 | "semi": [2, "always"],
29 | "one-var": [2, "never"],
30 | "no-useless-escape": 0
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | npm-debug.log*
4 | yarn-debug.log*
5 | yarn-error.log*
6 | test/unit/coverage
7 | test/e2e/reports
8 | selenium-debug.log
9 | docs/
10 | package-lock.json
11 | dist/
12 |
13 | # Editor directories and files
14 | .idea
15 | .vscode
16 | *.suo
17 | *.ntvs*
18 | *.njsproj
19 | *.sln
20 |
--------------------------------------------------------------------------------
/.nojekyll:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/.nojekyll
--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
1 | #tests
2 | test
3 | coverage
4 |
5 | #build tools
6 | .travis.yml
7 | .jenkins.yml
8 | .codeclimate.yml
9 |
10 | #linters
11 | .jscsrc
12 | .jshintrc
13 | .eslintrc*
14 |
15 | #editor settings
16 | .idea
17 | .editorconfig
18 |
19 | #showcase
20 | showcase
21 |
22 | node_modules
23 | public
24 | src
25 | .gitignore
26 | .npmignore
27 | .nvmrc
28 |
29 | #generated
30 | docs
31 |
32 | dist
33 |
34 |
--------------------------------------------------------------------------------
/.postcssrc.js:
--------------------------------------------------------------------------------
1 | // https://github.com/michael-ciniawsky/postcss-load-config
2 |
3 | module.exports = {
4 | "plugins": {
5 | // to edit target browsers: use "browserslist" field in package.json
6 | "autoprefixer": {}
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2018 VueFace
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 |
--------------------------------------------------------------------------------
/build/build.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | require('./check-versions')()
3 |
4 | process.env.NODE_ENV = 'production'
5 |
6 | const ora = require('ora')
7 | const rm = require('rimraf')
8 | const path = require('path')
9 | const chalk = require('chalk')
10 | const webpack = require('webpack')
11 | const config = require('../config')
12 | const webpackConfig = require('./webpack.prod.conf')
13 |
14 | const spinner = ora('building for production...')
15 | spinner.start()
16 |
17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
18 | if (err) throw err
19 | webpack(webpackConfig, function (err, stats) {
20 | spinner.stop()
21 | if (err) throw err
22 | process.stdout.write(stats.toString({
23 | colors: true,
24 | modules: false,
25 | children: false,
26 | chunks: false,
27 | chunkModules: false
28 | }) + '\n\n')
29 |
30 | if (stats.hasErrors()) {
31 | console.log(chalk.red(' Build failed with errors.\n'))
32 | process.exit(1)
33 | }
34 |
35 | console.log(chalk.cyan(' Build complete.\n'))
36 | console.log(chalk.yellow(
37 | ' Tip: built files are meant to be served over an HTTP server.\n' +
38 | ' Opening index.html over file:// won\'t work.\n'
39 | ))
40 | })
41 | })
42 |
--------------------------------------------------------------------------------
/build/check-versions.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const chalk = require('chalk')
3 | const semver = require('semver')
4 | const packageConfig = require('../package.json')
5 | const shell = require('shelljs')
6 | function exec (cmd) {
7 | return require('child_process').execSync(cmd).toString().trim()
8 | }
9 |
10 | const versionRequirements = [
11 | {
12 | name: 'node',
13 | currentVersion: semver.clean(process.version),
14 | versionRequirement: packageConfig.engines.node
15 | }
16 | ]
17 |
18 | if (shell.which('npm')) {
19 | versionRequirements.push({
20 | name: 'npm',
21 | currentVersion: exec('npm --version'),
22 | versionRequirement: packageConfig.engines.npm
23 | })
24 | }
25 |
26 | module.exports = function () {
27 | const warnings = []
28 | for (let i = 0; i < versionRequirements.length; i++) {
29 | const mod = versionRequirements[i]
30 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
31 | warnings.push(mod.name + ': ' +
32 | chalk.red(mod.currentVersion) + ' should be ' +
33 | chalk.green(mod.versionRequirement)
34 | )
35 | }
36 | }
37 |
38 | if (warnings.length) {
39 | console.log('')
40 | console.log(chalk.yellow('To use this template, you must update following to modules:'))
41 | console.log()
42 | for (let i = 0; i < warnings.length; i++) {
43 | const warning = warnings[i]
44 | console.log(' ' + warning)
45 | }
46 | console.log()
47 | process.exit(1)
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/build/dev-client.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | 'use strict'
3 | require('eventsource-polyfill')
4 | var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
5 |
6 | hotClient.subscribe(function (event) {
7 | if (event.action === 'reload') {
8 | window.location.reload()
9 | }
10 | })
11 |
--------------------------------------------------------------------------------
/build/vue-loader.conf.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const utils = require('./utils')
3 | const config = require('../config')
4 | const isProduction = process.env.NODE_ENV === 'production'
5 |
6 | module.exports = {
7 | loaders: utils.cssLoaders({
8 | sourceMap: isProduction
9 | ? config.build.productionSourceMap
10 | : config.dev.cssSourceMap,
11 | extract: isProduction
12 | }),
13 | transformToRequire: {
14 | video: 'src',
15 | source: 'src',
16 | img: 'src',
17 | image: 'xlink:href'
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/build/webpack.base.conf.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const path = require('path')
3 | const utils = require('./utils')
4 | const config = require('../config')
5 | const vueLoaderConfig = require('./vue-loader.conf')
6 |
7 | function resolve (dir) {
8 | return path.join(__dirname, '..', dir)
9 | }
10 |
11 | module.exports = {
12 | entry: {
13 | app: './showcase/main.js'
14 | },
15 | output: {
16 | path: config.build.assetsRoot,
17 | filename: '[name].js',
18 | publicPath: process.env.NODE_ENV === 'production'
19 | ? config.build.assetsPublicPath
20 | : config.dev.assetsPublicPath
21 | },
22 | resolve: {
23 | extensions: ['.js', '.vue', '.json'],
24 | alias: {
25 | 'vue$': 'vue/dist/vue.esm.js',
26 | '@': resolve('src'),
27 | }
28 | },
29 | module: {
30 | rules: [
31 | {
32 | test: /\.(js|vue)$/,
33 | loader: 'eslint-loader',
34 | enforce: 'pre',
35 | include: [resolve('src'), resolve('test')],
36 | options: {
37 | formatter: require('eslint-friendly-formatter')
38 | }
39 | },
40 | {
41 | test: /\.vue$/,
42 | loader: 'vue-loader',
43 | options: vueLoaderConfig
44 | },
45 | {
46 | test: /\.js$/,
47 | loader: 'babel-loader',
48 | include: [resolve('src'), resolve('test')]
49 | },
50 | {
51 | test: /\.(png|jp(e*)g|gif|svg)(\?.*)?$/,
52 | loader: 'url-loader',
53 | options: {
54 | limit: 10000,
55 | name: utils.assetsPath('img/[name].[hash:7].[ext]')
56 | }
57 | },
58 | {
59 | test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
60 | loader: 'url-loader',
61 | options: {
62 | limit: 10000,
63 | name: utils.assetsPath('media/[name].[hash:7].[ext]')
64 | }
65 | },
66 | {
67 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
68 | loader: 'url-loader',
69 | options: {
70 | limit: 10000,
71 | publicPath: '../',
72 | name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
73 | }
74 | }
75 | ]
76 | }
77 | }
78 |
--------------------------------------------------------------------------------
/build/webpack.dev.conf.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const utils = require('./utils')
3 | const webpack = require('webpack')
4 | const config = require('../config')
5 | const merge = require('webpack-merge')
6 | const baseWebpackConfig = require('./webpack.base.conf')
7 | const HtmlWebpackPlugin = require('html-webpack-plugin')
8 | const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
9 |
10 | // add hot-reload related code to entry chunks
11 | Object.keys(baseWebpackConfig.entry).forEach(function (name) {
12 | baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])
13 | })
14 |
15 | module.exports = merge(baseWebpackConfig, {
16 | module: {
17 | rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
18 | },
19 | // cheap-module-eval-source-map is faster for development
20 | devtool: '#cheap-module-eval-source-map',
21 | plugins: [
22 | new webpack.DefinePlugin({
23 | 'process.env': config.dev.env
24 | }),
25 | // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
26 | new webpack.HotModuleReplacementPlugin(),
27 | new webpack.NoEmitOnErrorsPlugin(),
28 | // https://github.com/ampedandwired/html-webpack-plugin
29 | new HtmlWebpackPlugin({
30 | filename: 'index.html',
31 | template: 'index.html',
32 | inject: true
33 | }),
34 | new FriendlyErrorsPlugin()
35 | ]
36 | })
37 |
--------------------------------------------------------------------------------
/build/webpack.test.conf.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | // This is the webpack config used for unit tests.
3 |
4 | const utils = require('./utils')
5 | const webpack = require('webpack')
6 | const merge = require('webpack-merge')
7 | const baseWebpackConfig = require('./webpack.base.conf')
8 |
9 | const webpackConfig = merge(baseWebpackConfig, {
10 | // use inline sourcemap for karma-sourcemap-loader
11 | module: {
12 | rules: utils.styleLoaders()
13 | },
14 | devtool: '#inline-source-map',
15 | resolveLoader: {
16 | alias: {
17 | // necessary to to make lang="scss" work in test when using vue-loader's ?inject option
18 | // see discussion at https://github.com/vuejs/vue-loader/issues/724
19 | 'scss-loader': 'sass-loader'
20 | }
21 | },
22 | plugins: [
23 | new webpack.DefinePlugin({
24 | 'process.env': require('../config/test.env')
25 | })
26 | ]
27 | })
28 |
29 | // no need for app entry during tests
30 | delete webpackConfig.entry
31 |
32 | module.exports = webpackConfig
33 |
--------------------------------------------------------------------------------
/config/dev.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const prodEnv = require('./prod.env')
4 |
5 | module.exports = merge(prodEnv, {
6 | NODE_ENV: '"development"'
7 | })
8 |
--------------------------------------------------------------------------------
/config/index.js:
--------------------------------------------------------------------------------
1 |
2 | 'use strict'
3 | // Template version: 1.1.3
4 | // see http://vuejs-templates.github.io/webpack for documentation.
5 |
6 | const path = require('path')
7 |
8 | module.exports = {
9 | build: {
10 | env: require('./prod.env'),
11 | index: path.resolve(__dirname, '../dist/index.html'),
12 | assetsRoot: path.resolve(__dirname, '../dist'),
13 | assetsSubDirectory: '',
14 | assetsPublicPath: '',
15 | productionSourceMap: true,
16 | // Gzip off by default as many popular static hosts such as
17 | // Surge or Netlify already gzip all static assets for you.
18 | // Before setting to `true`, make sure to:
19 | // npm install --save-dev compression-webpack-plugin
20 | productionGzip: false,
21 | productionGzipExtensions: ['js', 'css'],
22 | // Run the build command with an extra argument to
23 | // View the bundle analyzer report after build finishes:
24 | // `npm run build --report`
25 | // Set to `true` or `false` to always turn it on or off
26 | bundleAnalyzerReport: process.env.npm_config_report
27 | },
28 | dev: {
29 | env: require('./dev.env'),
30 | port: process.env.PORT || 8080,
31 | autoOpenBrowser: true,
32 | assetsSubDirectory: '',
33 | assetsPublicPath: '/',
34 | proxyTable: {},
35 | // CSS Sourcemaps off by default because relative paths are "buggy"
36 | // with this option, according to the CSS-Loader README
37 | // (https://github.com/webpack/css-loader#sourcemaps)
38 | // In our experience, they generally work as expected,
39 | // just be aware of this issue when enabling this option.
40 | cssSourceMap: false
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/config/prod.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | module.exports = {
3 | NODE_ENV: '"production"'
4 | }
5 |
--------------------------------------------------------------------------------
/config/test.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const devEnv = require('./dev.env')
4 |
5 | module.exports = merge(devEnv, {
6 | NODE_ENV: '"testing"'
7 | })
8 |
--------------------------------------------------------------------------------
/dist/fonts/fontawesome-webfont.674f50d.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/fonts/fontawesome-webfont.674f50d.eot
--------------------------------------------------------------------------------
/dist/fonts/fontawesome-webfont.af7ae50.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/fonts/fontawesome-webfont.af7ae50.woff2
--------------------------------------------------------------------------------
/dist/fonts/fontawesome-webfont.b06871f.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/fonts/fontawesome-webfont.b06871f.ttf
--------------------------------------------------------------------------------
/dist/fonts/fontawesome-webfont.fee66e7.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/fonts/fontawesome-webfont.fee66e7.woff
--------------------------------------------------------------------------------
/dist/fonts/roboto-v15-latin-regular.16e1d93.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/fonts/roboto-v15-latin-regular.16e1d93.woff
--------------------------------------------------------------------------------
/dist/fonts/roboto-v15-latin-regular.38861cb.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/fonts/roboto-v15-latin-regular.38861cb.ttf
--------------------------------------------------------------------------------
/dist/fonts/roboto-v15-latin-regular.7e367be.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/fonts/roboto-v15-latin-regular.7e367be.woff2
--------------------------------------------------------------------------------
/dist/fonts/roboto-v15-latin-regular.9f916e3.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/fonts/roboto-v15-latin-regular.9f916e3.eot
--------------------------------------------------------------------------------
/dist/img/cars/Golf.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/img/cars/Golf.png
--------------------------------------------------------------------------------
/dist/img/cars/Jetta.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/img/cars/Jetta.png
--------------------------------------------------------------------------------
/dist/img/cars/Passat.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/img/cars/Passat.png
--------------------------------------------------------------------------------
/dist/img/cars/Polo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/img/cars/Polo.png
--------------------------------------------------------------------------------
/dist/img/cars/Scirocco.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/img/cars/Scirocco.png
--------------------------------------------------------------------------------
/dist/img/cars/Touareg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/img/cars/Touareg.png
--------------------------------------------------------------------------------
/dist/img/cars/Yeni.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/img/cars/Yeni.png
--------------------------------------------------------------------------------
/dist/img/color.c7a3380.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/img/color.c7a3380.png
--------------------------------------------------------------------------------
/dist/img/galleria1.725c2db.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/img/galleria1.725c2db.jpg
--------------------------------------------------------------------------------
/dist/img/galleria2.a396e3a.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/img/galleria2.a396e3a.jpg
--------------------------------------------------------------------------------
/dist/img/galleria3.79e3b59.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/img/galleria3.79e3b59.jpg
--------------------------------------------------------------------------------
/dist/img/galleria4.179c768.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/img/galleria4.179c768.jpg
--------------------------------------------------------------------------------
/dist/img/galleria5.df4cc30.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/img/galleria5.df4cc30.jpg
--------------------------------------------------------------------------------
/dist/img/line.567f573.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/img/line.567f573.gif
--------------------------------------------------------------------------------
/dist/img/logo.c086536.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/dist/img/logo.c086536.png
--------------------------------------------------------------------------------
/dist/index.html:
--------------------------------------------------------------------------------
1 |
VueFace
--------------------------------------------------------------------------------
/dist/js/manifest.5abe310ef2fafcf81b83.js:
--------------------------------------------------------------------------------
1 | !function(r){function n(e){if(o[e])return o[e].exports;var t=o[e]={i:e,l:!1,exports:{}};return r[e].call(t.exports,t,t.exports,n),t.l=!0,t.exports}var e=window.webpackJsonp;window.webpackJsonp=function(o,u,c){for(var f,i,p,a=0,l=[];a
2 |
3 |
4 |
5 | VueFace
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/showcase/src/assets/css/showcase.css:
--------------------------------------------------------------------------------
1 | @import 'splash.css';
2 | @import 'code.css';
3 | @import 'site.css';
4 |
--------------------------------------------------------------------------------
/showcase/src/assets/css/splash.css:
--------------------------------------------------------------------------------
1 | .splash-logo {
2 | left: 50%;
3 | top: 50%;
4 | margin-left: -26px;
5 | margin-top: -30px;
6 | z-index: 2;
7 | position: absolute;
8 | width: 54px;
9 | }
10 |
11 | .splash-loader,
12 | .splash-loader:::before,
13 | .splash-loader:::after {
14 | left: 50%;
15 | top: 50%;
16 | margin-left: -45px;
17 | margin-top: -45px;
18 | position: absolute;
19 | vertical-align: middle;
20 | background: #c3002f;
21 | width: 90px;
22 | height: 90px;
23 | border-radius: 50%;
24 | z-index: 1;
25 | }
26 |
27 | .splash-loader:::before {
28 | content: "";
29 | animation: bounce 1.5s infinite;
30 | }
31 | .splash-loader:::after {
32 | content: "";
33 | animation: bounce 1.5s -0.4s infinite;
34 | }
35 |
36 | @keyframes bounce {
37 | 0% {
38 | transform: scale(0.8);
39 | -webkit-transform: scale(0.8);
40 | opacity: 1;
41 | }
42 | 100% {
43 | transform: scale(2);
44 | -webkit-transform: scale(2);
45 | opacity: 0;
46 | }
47 | }
48 |
49 | @-webkit-keyframes bounce {
50 | 0% {
51 | transform: scale(0.8);
52 | -webkit-transform: scale(0.8);
53 | opacity: 1;
54 | }
55 | 100% {
56 | transform: scale(2);
57 | -webkit-transform: scale(2);
58 | opacity: 0;
59 | }
60 | }
61 |
62 | .splash-screen {
63 | background-color: #f3f3f3;
64 | height: 100%;
65 | }
--------------------------------------------------------------------------------
/showcase/src/assets/images/cars/Golf.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/cars/Golf.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/cars/Jetta.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/cars/Jetta.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/cars/Passat.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/cars/Passat.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/cars/Polo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/cars/Polo.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/cars/Scirocco.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/cars/Scirocco.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/cars/Touareg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/cars/Touareg.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/cars/Yeni.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/cars/Yeni.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/car/Audi.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/car/Audi.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/car/BMW.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/car/BMW.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/car/Fiat.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/car/Fiat.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/car/Ford.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/car/Ford.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/car/Honda.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/car/Honda.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/car/Jaguar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/car/Jaguar.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/car/Mercedes.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/car/Mercedes.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/car/Renault.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/car/Renault.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/car/VW.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/car/VW.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/car/Volvo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/car/Volvo.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/galleria/galleria1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/galleria/galleria1.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/galleria/galleria10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/galleria/galleria10.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/galleria/galleria11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/galleria/galleria11.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/galleria/galleria12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/galleria/galleria12.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/galleria/galleria2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/galleria/galleria2.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/galleria/galleria3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/galleria/galleria3.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/galleria/galleria4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/galleria/galleria4.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/galleria/galleria5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/galleria/galleria5.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/galleria/galleria6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/galleria/galleria6.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/galleria/galleria7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/galleria/galleria7.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/galleria/galleria8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/galleria/galleria8.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/galleria/galleria9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/galleria/galleria9.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/organization/jesse.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/organization/jesse.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/organization/mike.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/organization/mike.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/organization/saul.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/organization/saul.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/organization/walter.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/organization/walter.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/sopranos/sopranos1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/sopranos/sopranos1.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/sopranos/sopranos1_small.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/sopranos/sopranos1_small.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/sopranos/sopranos2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/sopranos/sopranos2.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/sopranos/sopranos2_small.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/sopranos/sopranos2_small.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/sopranos/sopranos3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/sopranos/sopranos3.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/sopranos/sopranos3_small.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/sopranos/sopranos3_small.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/sopranos/sopranos4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/sopranos/sopranos4.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/sopranos/sopranos4_small.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/sopranos/sopranos4_small.jpg
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/afterdark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/afterdark.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/afternoon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/afternoon.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/afterwork.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/afterwork.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/aristo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/aristo.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/black-tie.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/black-tie.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/blitzer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/blitzer.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/bluesky.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/bluesky.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/bootstrap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/bootstrap.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/casablanca.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/casablanca.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/cruze.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/cruze.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/cupertino.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/cupertino.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/dark-hive.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/dark-hive.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/dot-luv.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/dot-luv.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/eggplant.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/eggplant.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/excite-bike.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/excite-bike.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/flick.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/flick.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/glass-x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/glass-x.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/home.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/home.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/hot-sneaks.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/hot-sneaks.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/humanity.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/humanity.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/le-frog.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/le-frog.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/midnight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/midnight.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/mint-choc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/mint-choc.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/overcast.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/overcast.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/pepper-grinder.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/pepper-grinder.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/redmond.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/redmond.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/rocket.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/rocket.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/sam.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/sam.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/smoothness.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/smoothness.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/south-street.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/south-street.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/start.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/start.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/sunny.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/sunny.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/swanky-purse.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/swanky-purse.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/afterdark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/afterdark.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/afternoon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/afternoon.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/afterwork.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/afterwork.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/aristo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/aristo.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/black-tie.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/black-tie.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/blitzer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/blitzer.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/bluesky.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/bluesky.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/bootstrap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/bootstrap.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/casablanca.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/casablanca.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/cruze.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/cruze.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/cupertino.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/cupertino.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/dark-hive.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/dark-hive.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/delta.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/delta.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/dot-luv.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/dot-luv.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/eggplant.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/eggplant.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/excite-bike.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/excite-bike.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/flick.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/flick.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/glass-x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/glass-x.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/home.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/home.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/hot-sneaks.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/hot-sneaks.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/humanity.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/humanity.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/le-frog.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/le-frog.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/midnight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/midnight.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/mint-choc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/mint-choc.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/overcast.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/overcast.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/pepper-grinder.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/pepper-grinder.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/redmond.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/redmond.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/rocket.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/rocket.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/sam.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/sam.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/smoothness.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/smoothness.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/south-street.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/south-street.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/start.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/start.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/sunny.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/sunny.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/swanky-purse.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/swanky-purse.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/trontastic.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/trontastic.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/ui-darkness.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/ui-darkness.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/ui-lightness.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/ui-lightness.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/themesIndex/vader.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/themesIndex/vader.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/trontastic.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/trontastic.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/ui-darkness.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/ui-darkness.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/ui-lightness.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/ui-lightness.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/demo/themes/vader.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/demo/themes/vader.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/charts-active.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/charts.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/data-active.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
10 |
12 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/data.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
10 |
12 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/file-active.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
10 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/file.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
10 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/layout-active.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/layout.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/message-active.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
10 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/message.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
10 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/misc-active.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
12 |
14 |
16 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/misc.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
12 |
14 |
16 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/multimedia-active.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
11 |
14 |
16 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/multimedia.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
11 |
14 |
16 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/overlay-active.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
12 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/overlay.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
12 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/panel-active.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
9 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/icons/panel.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
9 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/showcase/src/assets/images/ironman.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/ironman.png
--------------------------------------------------------------------------------
/showcase/src/assets/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/showcase/src/assets/images/logo.png
--------------------------------------------------------------------------------
/showcase/src/components/avatar/avatardemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Avatar
6 | Avatars can be used to represent people or objects..
7 |
8 |
9 |
10 |
Image
11 | Tom
12 |
13 | Icon
14 | Github
15 |
16 |
17 |
18 |
19 |
25 |
35 |
--------------------------------------------------------------------------------
/showcase/src/components/backtotop/backtotopdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | BackToTop
6 | This Back to top link allows users to smoothly scroll back to the top of the page.
7 |
8 |
9 |
10 |
11 | Scroll down the window scroll to 200px
12 |
13 | Offset
14 |
15 |
17 |
18 |
19 |
20 | Text
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
44 |
50 |
51 |
--------------------------------------------------------------------------------
/showcase/src/components/badge/badgedemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Badge
6 | A number or status mark on form components.
7 |
8 |
9 |
10 |
11 |
Numbers
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 | Color
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 | Max
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 | Text
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 | Notify
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
62 |
--------------------------------------------------------------------------------
/showcase/src/components/captcha/captchademo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Captcha
6 | Captcha is a form validation component based on Recaptcha.
7 |
8 |
9 |
10 |
11 |
Features
12 |
13 |
1. Basic
14 |
15 |
Captcha is used with a siteKey and a callback to verify the response..
16 |
17 |
18 |
19 |
2. Verification
20 |
21 |
To ensure if a response token is valid then verification against recaptcha api needs to be done at backend using onResponse event.
22 |
The verification is successful
23 |
24 |
25 |
26 |
3. Expiration
27 |
28 |
The recaptcha response expires and the user needs to solve a new CAPTCHA acknowledge by onExpire event.
29 |
30 |
31 |
The captcha is expired
32 |
33 |
34 |
35 |
36 |
37 |
56 |
57 |
--------------------------------------------------------------------------------
/showcase/src/components/card/carddemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Card
6 | Show information in a card container.
7 |
8 |
9 |
10 |
11 |
Different slots
12 |
13 |
14 | Card header
15 |
16 |
17 |
18 |
19 |
20 | Card footer
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
36 |
--------------------------------------------------------------------------------
/showcase/src/components/charts/barchart/barchartdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | BarChart
6 | A bar chart or bar graph is a chart that presents Grouped data with rectangular bars with lengths proportional to the values that they represent.
7 |
8 |
9 |
10 |
11 |
Define the type as bar(type="bar").
12 |
13 |
14 |
15 |
16 |
17 |
46 |
47 |
--------------------------------------------------------------------------------
/showcase/src/components/charts/bubblechart/bubblechartdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | BubbleChart
6 | A bubble chart is used to display three dimensions of data at the same time. The location of the bubble is determined by the first two dimensions and the corresponding horizontal and vertical axes. The third dimension is represented by the size of the individual bubbles.
7 |
8 |
9 |
10 |
11 |
Define the type as bubble(type="bubble").
12 |
13 |
14 |
15 |
16 |
17 |
75 |
76 |
--------------------------------------------------------------------------------
/showcase/src/components/charts/doughnutchart/doughnutchartdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | DoughnutChart
6 | A doughnut chart is a variant of the pie chart, with a blank center allowing for additional information about the data as a whole to be included.
7 |
8 |
9 |
10 |
Define the type as doughnut(type="doughnut").
11 |
>
12 |
13 |
14 |
15 |
42 |
43 |
--------------------------------------------------------------------------------
/showcase/src/components/charts/horizontalbarchart/horizontalbarchartdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | HorizontalBarChart
6 | A horizontal bar chart is a variation on a vertical bar chart. It is sometimes used to show trend data, and the comparison of multiple data sets side by side.
7 |
8 |
9 |
10 |
Define the type as horizontalBar(type="horizontalBar").
11 |
>
12 |
13 |
14 |
15 |
43 |
44 |
--------------------------------------------------------------------------------
/showcase/src/components/charts/linechart/linechartdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | LineChart
6 | A line chart or line graph is a type of chart which displays information as a series of data points called 'markers' connected by straight line segments.
7 |
8 |
9 |
10 |
Define the type as lineData(type="lineData").
11 |
>
12 |
13 |
14 |
15 |
42 |
43 |
--------------------------------------------------------------------------------
/showcase/src/components/charts/piechart/piechartdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | PieChart
6 | A pie chart is a circular statistical graphic, which is divided into slices to illustrate numerical proportion.
7 |
8 |
9 |
10 |
Define the type as pieData(type="pieData").
11 |
12 |
13 |
14 |
15 |
43 |
44 |
--------------------------------------------------------------------------------
/showcase/src/components/charts/polarareachart/polarareachartdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | PolarAreaChart
6 | Polar area charts are similar to pie charts, but each segment has the same angle - the radius of the segment differs depending on the value.
7 |
8 |
9 |
10 |
Define the type as polarData(type="polarData").
11 |
>
12 |
13 |
14 |
15 |
33 |
34 |
--------------------------------------------------------------------------------
/showcase/src/components/charts/radarchart/radarchartdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | RadarChart
6 | A radar chart is a graphical method of displaying multivariate data in the form of a two-dimensional chart of three or more quantitative variables represented on axes starting from the same point.
7 |
8 |
9 |
10 |
Define the type as radarData(type="radarData").
11 |
>
12 |
13 |
14 |
15 |
51 |
52 |
--------------------------------------------------------------------------------
/showcase/src/components/checkbox/checkboxdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Checkbox
6 | Checkbox is an extension to standard checkbox element with skinning capabilities.
7 |
8 |
9 |
10 |
Features
11 |
12 |
1. Binary
13 |
14 |
Boolean - {{checked}}
15 |
A single boolean value can be bound using the ngModel property as well by enabling the binary option.
16 |
17 |
18 |
2. Checkbox Group
19 |
Collection of checkboxes categorized as a one group known as Checkbox Group
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/showcase/src/components/colorpicker/colorpickerdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | ColorPicker
6 | ColorPicker is an input component to select a color..
7 |
8 |
9 |
10 |
11 |
Inline
12 |
13 |
14 |
Selected Color: {{color1}}
15 |
16 |
Overlay
17 |
18 |
19 |
Selected Color: {{color2}}
20 |
21 |
22 |
23 |
24 |
25 |
36 |
--------------------------------------------------------------------------------
/showcase/src/components/editor/editordemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Editor
6 | Editor is rich text editor component based on Quill.
7 |
8 |
9 |
10 |
11 |
Features
12 |
13 |
1. Basic
14 |
15 |
The basic WYSIWYG editor is built for the modern web.
16 |
17 |
18 |
Value: {{text1}}
19 |
20 |
21 |
22 |
2. Custom Toolbar
23 |
Editor customized with required toolbar option
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
Value: {{text2}}
34 |
35 |
36 |
37 |
38 |
39 |
40 |
56 |
57 |
--------------------------------------------------------------------------------
/showcase/src/components/fieldset/fieldsetdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Fieldset
6 | Fieldset is a grouping component with a content toggle feature.
7 |
8 |
9 |
10 |
11 |
Features
12 |
13 |
1. Basic
14 |
15 |
The basic fieldset component displays the content with a legend.
16 |
17 |
18 | The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding.
19 | His beloved son Michael has just come home from the war, but does not intend to become part of his father's business.
20 | Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family,
21 | kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.
22 |
23 |
24 |
25 |
2. Toggleable
26 |
27 |
The fieldset component displays the content with a toggleable legend.
28 |
29 |
30 | The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding.
31 | His beloved son Michael has just come home from the war, but does not intend to become part of his father's business.
32 | Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family,
33 | kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.
34 |
35 |
36 |
37 |
38 |
39 |
47 |
48 |
--------------------------------------------------------------------------------
/showcase/src/components/footer.vue:
--------------------------------------------------------------------------------
1 |
2 |
11 |
12 |
13 |
18 |
--------------------------------------------------------------------------------
/showcase/src/components/galleria/galleriademo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Galleria
6 | Galleria is a content gallery component.
7 |
8 |
9 |
10 |
11 |
Features
12 |
13 |
Basic
14 |
15 |
Galleria requires a set of images to display. Images attribute defines the path of the image whereas title and alt attributes are used in the caption section to display summary and description about an image.
16 |
17 |
18 |
19 |
20 |
21 |
22 |
46 |
47 |
--------------------------------------------------------------------------------
/showcase/src/components/home.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
42 |
64 |
--------------------------------------------------------------------------------
/showcase/src/components/inplace/inplacedemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Inplace
6 | Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.
7 |
8 |
9 |
10 |
11 |
Basic
12 |
13 |
14 | Click to Edit
15 |
16 |
17 |
18 |
19 |
20 |
21 |
Image
22 |
23 |
24 | View Picture
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
45 |
--------------------------------------------------------------------------------
/showcase/src/components/inputswitch/inputswitchdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | InputSwitch
6 | InputSwitch is used to select a boolean value.
7 |
8 |
9 |
10 |
11 |
Features
12 |
13 |
1. Basic
14 |
15 |
The inputswitch component displays on and off toggleable state.
16 |
17 |
18 |
{{checked1}}
19 |
20 |
2. Labels
21 |
22 |
The inputswitch component displays customized labels for on and off toggleable state.
23 |
24 |
Labels - {{checked2}}
25 |
26 |
27 |
28 |
29 |
40 |
41 |
--------------------------------------------------------------------------------
/showcase/src/components/inputtext/inputtextdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | InputText
6 | InputText is an extension to standard input element with theming.
7 |
8 |
9 |
10 |
11 |
Basic
12 |
13 | {{text}}
14 |
15 | Float Label
16 |
17 |
18 | Username
19 |
20 |
21 | Disabled
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
45 |
--------------------------------------------------------------------------------
/showcase/src/components/inputtextarea/inputtextareademo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | InputTextarea
6 | Inputtextarea add styling and autoResize functionality to standard textare element.
7 |
8 |
9 |
10 |
11 |
12 |
Default
13 |
14 |
15 | AutoResize
16 |
17 |
18 |
19 |
20 |
21 |
22 |
33 |
--------------------------------------------------------------------------------
/showcase/src/components/minusplus/minusplusdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | MinusPlusInput
6 | MinusPlusInput is an input element with increment and decrement controls.
7 |
8 |
9 |
10 |
11 |
Basic
12 |
17 |
18 |
19 | Vertical
20 |
21 |
22 | Custom
23 |
26 | {{ input_header }} {{ value3 }}
27 |
28 |
29 |
30 |
31 |
32 |
33 | <
48 |
--------------------------------------------------------------------------------
/showcase/src/components/password/passworddemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Password
6 | Password displays strength indicator for password fields.
7 |
8 |
9 |
10 |
11 |
Basic
12 |
13 |
14 |
15 |
16 |
17 |
18 |
26 |
--------------------------------------------------------------------------------
/showcase/src/components/progressbar/progressbardemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | ProgressBar
6 | ProgressBar is a process status indicator.
7 |
8 |
9 |
10 |
Features
11 | 1. Dynamic
12 | The progress bar is displayed with dynamic value
13 |
14 | 2. Static
15 | The progress bar is displayed with static value
16 |
17 |
18 | 3. Indeterminate
19 | The progress bar displayed without any bound using mode attribute instead of showing the value between 0 and 100
20 |
21 |
22 |
23 |
24 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/showcase/src/components/progressspinner/progressspinnerdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | ProgressSpinner
6 | ProgressSpinnerDemo is a process status indicator.
7 |
8 |
9 |
10 |
Features
11 |
1. Basic
12 |
Progress of loading is displayed using basic spinner element
13 |
14 |
2. Custom
15 |
The customized spinner with different colors with different percentages
16 |
18 |
19 |
20 |
21 |
31 |
32 |
--------------------------------------------------------------------------------
/showcase/src/components/qrcode/qrcodedemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | QRCode
6 | A QRCode is a machine-readable optical label that contains information about the item to which it is attached.
7 |
8 |
9 |
10 |
11 |
Customized QRCode
12 |
13 |
14 |
15 |
16 |
17 |
18 |
27 |
--------------------------------------------------------------------------------
/showcase/src/components/selectbutton/selectbuttondemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | SelectButton
6 | SelectButton is used to choose single or multiple items from a list using buttons.
7 |
8 |
9 |
10 |
11 |
Single
12 |
13 |
14 |
Selected Type: {{selectedType}}
15 |
16 |
Multiple
17 |
18 |
Selected Types: {{selectedTypes}}
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
50 |
51 |
--------------------------------------------------------------------------------
/showcase/src/components/spinner/spinnerdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Spinner
6 | Spinner is an input component to provide a numerical input.
7 |
8 |
9 |
10 |
11 |
Basic
12 |
13 |
14 | Min/Max
15 |
16 |
17 | Step
18 |
19 |
20 | Disabled
21 |
22 |
23 |
24 |
25 |
26 |
27 |
40 |
--------------------------------------------------------------------------------
/showcase/src/components/terminal/terminaldemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Terminal
6 | Terminal is a text based user interface. Enter "date" to display the current date.
7 |
8 |
9 |
10 |
11 |
Features
12 |
13 | 1. Interactive Terminal
14 |
15 |
16 |
17 |
18 |
19 |
20 |
37 |
38 |
--------------------------------------------------------------------------------
/showcase/src/components/togglebutton/togglebuttondemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | ToggleButton
6 | ToggleButton is used to select a boolean value using a button.
7 |
8 |
9 |
10 |
11 |
Features
12 |
13 |
1. Basic
14 |
15 |
The ToggleButton is used to toggle between two states.
16 |
17 |
18 |
2. Customization
19 |
20 |
The icons and labels of ToggleButton are customized using onLabel, offLabel, onIcon and offIcon attributes.
21 |
22 |
23 |
3. Events
24 |
The ToggleButton component supports change event
25 |
26 |
27 |
28 |
4. Disabled
29 |
The component disabled using disabled attribute
30 |
31 |
32 |
33 |
34 |
35 |
36 |
52 |
53 |
--------------------------------------------------------------------------------
/showcase/src/components/toolbar/toolbardemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Toolbar
6 | Toolbar is a grouping component for buttons and other content.
7 |
8 |
9 |
10 |
11 |
Features
12 |
13 |
Basic
14 |
15 |
Container component holds the various components where left aligned content is placed inside a div having .ui-toolbar-group-left class and similarly .ui-toolbar-group-right for right alignment.
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
45 |
46 |
--------------------------------------------------------------------------------
/showcase/src/components/tristatecheckbox/tristatecheckboxdemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | TriStateCheckbox
6 | TriStateCheckbox is used to select either "true", "false" or "null" as the value.
7 |
8 |
9 |
10 |
Features
11 |
12 |
1. Basic
13 |
Three states of element can be displayed in an icon format.
14 |
Boolean - {{checked}}
15 |
16 |
17 |
2. Disabled
18 |
The checkbox selection is prevented using disabled attribute.
19 |
Boolean - {{checked}}
20 |
21 |
22 |
23 |
24 |
25 |
36 |
37 |
38 |
--------------------------------------------------------------------------------
/src/assets/images/color.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/images/color.png
--------------------------------------------------------------------------------
/src/assets/images/hue.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/images/hue.png
--------------------------------------------------------------------------------
/src/assets/images/line.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/images/line.gif
--------------------------------------------------------------------------------
/src/assets/images/loading.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/images/loading.gif
--------------------------------------------------------------------------------
/src/assets/images/password-meter.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/images/password-meter.png
--------------------------------------------------------------------------------
/src/assets/themes/cruze/theme.scss:
--------------------------------------------------------------------------------
1 | $fontFamily: Segoe UI, Arial, sans-serif;
2 | $fontSize: 1em;
3 | $borderRadius: 3px;
4 | $disabledOpacity: 0.35;
5 |
6 | //Header
7 | $headerBorderWidth: 1px;
8 | $headerBorderColor: #333333;
9 | $headerBgColor: #333333;
10 | $headerTextColor: #eeeeee;
11 | $headerFontWeight: bold;
12 | $headerIconTextColor: #eeeeee;
13 |
14 | //Content
15 | $contentBorderWidth: 1px;
16 | $contentBorderColor: #666666;
17 | $contentBgColor: #575757;
18 | $contentTextColor: #eeeeee;
19 |
20 | //Default State
21 | $stateDefaultBorderWidth: 1px;
22 | $stateDefaultBorderColor: #2e2e2e;
23 | $stateDefaultBgColor: #3d3d3d;
24 | $stateDefaultTextColor: #eeeeee;
25 |
26 | //Active State
27 | $stateActiveBorderColor: #2e2e2e;
28 | $stateActiveBgColor: #0099e0;
29 | $stateActiveTextColor: #ffffff;
30 |
31 | //Highlight State
32 | $stateHighlightBorderColor: #cccccc;
33 | $stateHighlightBgColor: #eeeeee;
34 | $stateHighlightTextColor: #0099e0;
35 |
36 | //Focus State
37 | $stateFocusBorderColor: #2e2e2e;
38 | $stateFocusBgColor: #474747;
39 | $stateFocusTextColor: #ffffff;
40 |
41 | //Error State
42 | $stateErrorBorderColor: #ffb73d;
43 | $stateErrorBgColor: #ffc73d;
44 | $stateErrorTextColor: #111111;
45 |
46 | //Hover State
47 | $stateHoverBorderColor: #2e2e2e;
48 | $stateHoverBgColor: #474747;
49 | $stateHoverTextColor: #ffffff;
50 |
51 | //Forms
52 | $inputBgColor: #ffffff;
53 | $inputTextColor: #222222;
54 | $invalidInputBorderColor: #ffb73d;
55 | $inputGroupTextColor: #ffffff;
56 |
57 | @import '../_theme';
--------------------------------------------------------------------------------
/src/assets/themes/cupertino/theme.scss:
--------------------------------------------------------------------------------
1 | $fontFamily: Lucida Grande, Lucida Sans, Arial, sans-serif;
2 | $fontSize: 1em;
3 | $borderRadius: 6px;
4 | $disabledOpacity: 0.35;
5 |
6 | //Header
7 | $headerBorderWidth: 1px;
8 | $headerBorderColor: #aed0ea;
9 | $headerBgColor: #deedf7;
10 | $headerTextColor: #222222;
11 | $headerFontWeight: bold;
12 | $headerIconTextColor: #222222;
13 |
14 | //Content
15 | $contentBorderWidth: 1px;
16 | $contentBorderColor: #dddddd;
17 | $contentBgColor: #f2f5f7;
18 | $contentTextColor: #362b36;
19 |
20 | //Default State
21 | $stateDefaultBorderWidth: 1px;
22 | $stateDefaultBorderColor: #aed0ea;
23 | $stateDefaultBgColor: #d7ebf9;
24 | $stateDefaultTextColor: #2779aa;
25 |
26 | //Active State
27 | $stateActiveBorderColor: #2694e8;
28 | $stateActiveBgColor: #3baae3;
29 | $stateActiveTextColor: #ffffff;
30 |
31 | //Highlight State
32 | $stateHighlightBorderColor: #f9dd34;
33 | $stateHighlightBgColor: #ffef8f;
34 | $stateHighlightTextColor: #363636;
35 |
36 | //Focus State
37 | $stateFocusBorderColor: #74b2e2;
38 | $stateFocusBgColor: #e4f1fb;
39 | $stateFocusTextColor: #0070a3;
40 |
41 | //Error State
42 | $stateErrorBorderColor: #cd0a0a;
43 | $stateErrorBgColor: #cd0a0a;
44 | $stateErrorTextColor: #ffffff;
45 |
46 | //Hover State
47 | $stateHoverBorderColor: #74b2e2;
48 | $stateHoverBgColor: #e4f1fb;
49 | $stateHoverTextColor: #0070a3;
50 |
51 | //Forms
52 | $inputBgColor: #ffffff;
53 | $inputTextColor: #222222;
54 | $invalidInputBorderColor: #cd0a0a;
55 | $inputGroupTextColor: #2779aa;
56 |
57 | @import '../_theme';
--------------------------------------------------------------------------------
/src/assets/themes/darkness/theme.scss:
--------------------------------------------------------------------------------
1 | $fontFamily: Segoe UI, Arial, sans-serif;
2 | $fontSize: 1em;
3 | $borderRadius: 6px;
4 | $disabledOpacity: 0.35;
5 |
6 | //Header
7 | $headerBorderWidth: 1px;
8 | $headerBorderColor: #323232;
9 | $headerBgColor: #333333;
10 | $headerTextColor: #cccccc;
11 | $headerFontWeight: bold;
12 | $headerIconTextColor: #cccccc;
13 |
14 | //Content
15 | $contentBorderWidth: 1px;
16 | $contentBorderColor: #323232;
17 | $contentBgColor: #000000;
18 | $contentTextColor: #cccccc;
19 |
20 | //Default State
21 | $stateDefaultBorderWidth: 1px;
22 | $stateDefaultBorderColor: #666666;
23 | $stateDefaultBgColor: #555555;
24 | $stateDefaultTextColor: #eeeeee;
25 |
26 | //Active State
27 | $stateActiveBorderColor: #ffaf0f;
28 | $stateActiveBgColor: #f58400;
29 | $stateActiveTextColor: #ffffff;
30 |
31 | //Highlight State
32 | $stateHighlightBorderColor: #cccccc;
33 | $stateHighlightBgColor: #eeeeee;
34 | $stateHighlightTextColor: #2e7db2;
35 |
36 | //Focus State
37 | $stateFocusBorderColor: #59b4d4;
38 | $stateFocusBgColor: #0078a3;
39 | $stateFocusTextColor: #ffffff;
40 |
41 | //Error State
42 | $stateErrorBorderColor: #ffb73d;
43 | $stateErrorBgColor: #ffb73d;
44 | $stateErrorTextColor: #111111;
45 |
46 | //Hover State
47 | $stateHoverBorderColor: #59b4d4;
48 | $stateHoverBgColor: #0078a3;
49 | $stateHoverTextColor: #ffffff;
50 |
51 | //Forms
52 | $inputBgColor: #ffffff;
53 | $inputTextColor: #333333;
54 | $invalidInputBorderColor: #ffb73d;
55 | $inputGroupTextColor: #ffffff;
56 |
57 | @import '../_theme';
--------------------------------------------------------------------------------
/src/assets/themes/flick/theme.scss:
--------------------------------------------------------------------------------
1 | $fontFamily: Helvetica, Arial, sans-serif;
2 | $fontSize: 1em;
3 | $borderRadius: 2px;
4 | $disabledOpacity: 0.35;
5 |
6 | //Header
7 | $headerBorderWidth: 1px;
8 | $headerBorderColor: #dddddd;
9 | $headerBgColor: #dddddd;
10 | $headerTextColor: #444444;
11 | $headerFontWeight: bold;
12 | $headerIconTextColor: #444444;
13 |
14 | //Content
15 | $contentBorderWidth: 1px;
16 | $contentBorderColor: #dddddd;
17 | $contentBgColor: #ffffff;
18 | $contentTextColor: #444444;
19 |
20 | //Default State
21 | $stateDefaultBorderWidth: 1px;
22 | $stateDefaultBorderColor: #dddddd;
23 | $stateDefaultBgColor: #f6f6f6;
24 | $stateDefaultTextColor: #0073ea;
25 |
26 | //Active State
27 | $stateActiveBorderColor: #dddddd;
28 | $stateActiveBgColor: #ffffff;
29 | $stateActiveTextColor: #ff0084;
30 |
31 | //Highlight State
32 | $stateHighlightBorderColor: #FF0084;
33 | $stateHighlightBgColor: #FF0084;
34 | $stateHighlightTextColor: #FFFFFF;
35 |
36 | //Focus State
37 | $stateFocusBorderColor: #0073ea;
38 | $stateFocusBgColor: #0073ea;
39 | $stateFocusTextColor: #ffffff;
40 |
41 | //Error State
42 | $stateErrorBorderColor: #ff0084;
43 | $stateErrorBgColor: #ffffff;
44 | $stateErrorTextColor: #222222;
45 |
46 | //Hover State
47 | $stateHoverBorderColor: #0073ea;
48 | $stateHoverBgColor: #0073ea;
49 | $stateHoverTextColor: #ffffff;
50 |
51 | //Forms
52 | $inputBgColor: #ffffff;
53 | $inputTextColor: #444444;
54 | $invalidInputBorderColor: #ff0084;
55 | $inputGroupTextColor: #444444;
56 |
57 | @import '../_theme';
--------------------------------------------------------------------------------
/src/assets/themes/home/theme.scss:
--------------------------------------------------------------------------------
1 | $fontFamily: Verdana, Arial, sans-serif;
2 | $fontSize: 1em;
3 | $borderRadius: 4px;
4 | $disabledOpacity: 0.35;
5 |
6 | //Header
7 | $headerBorderWidth: 1px;
8 | $headerBorderColor: #56585C;
9 | $headerBgColor: #424548;
10 | $headerTextColor: #F9F7F7;
11 | $headerFontWeight: bold;
12 | $headerIconTextColor: #F9F7F7;
13 |
14 | //Content
15 | $contentBorderWidth: 1px;
16 | $contentBorderColor: #cccccc;
17 | $contentBgColor: #F2F1F1;
18 | $contentTextColor: #222222;
19 |
20 | //Default State
21 | $stateDefaultBorderWidth: 1px;
22 | $stateDefaultBorderColor: #68727B;
23 | $stateDefaultBgColor: #68727B;
24 | $stateDefaultTextColor: #ffffff;
25 |
26 | //Active State
27 | $stateActiveBorderColor: #506C8A;
28 | $stateActiveBgColor: #365073;
29 | $stateActiveTextColor: #ffffff;
30 |
31 | //Highlight State
32 | $stateHighlightBorderColor: #ffde2e;
33 | $stateHighlightBgColor: #ffeb80;
34 | $stateHighlightTextColor: #363636;
35 |
36 | //Focus State
37 | $stateFocusBorderColor: #68727B;
38 | $stateFocusBgColor: #6580A1;
39 | $stateFocusTextColor: #ffffff;
40 |
41 | //Error State
42 | $stateErrorBorderColor: #9e0505;
43 | $stateErrorBgColor: #cd0a0a;
44 | $stateErrorTextColor: #ffffff;
45 |
46 | //Hover State
47 | $stateHoverBorderColor: #68727B;
48 | $stateHoverBgColor: #6580A1;
49 | $stateHoverTextColor: #ffffff;
50 |
51 | //Forms
52 | $inputBgColor: #ffffff;
53 | $inputTextColor: #222222;
54 | $invalidInputBorderColor: #ff0084;
55 | $inputGroupTextColor: #ffffff;
56 |
57 | @import '../_theme';
--------------------------------------------------------------------------------
/src/assets/themes/kasper/theme.scss:
--------------------------------------------------------------------------------
1 | $fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Segoe UI Symbol";
2 | $fontSize: 1em;
3 | $borderRadius: 3px;
4 | $disabledOpacity: 0.35;
5 |
6 | //Header
7 | $headerBorderWidth: 1px;
8 | $headerBorderColor: #758aa0;
9 | $headerBgColor: #758aa0;
10 | $headerTextColor: #ffffff;
11 | $headerFontWeight: 500;
12 | $headerIconTextColor: #ffffff;
13 |
14 | //Content
15 | $contentBorderWidth: 1px;
16 | $contentBorderColor: #d1d7dc;
17 | $contentBgColor: #eef1f4;
18 | $contentTextColor: #414550;
19 |
20 | //Default State
21 | $stateDefaultBorderWidth: 1px;
22 | $stateDefaultBorderColor: #d1d7dc;
23 | $stateDefaultBgColor: #374c61;
24 | $stateDefaultTextColor: #ffffff;
25 |
26 | //Active State
27 | $stateActiveBorderColor: #5a92d1;
28 | $stateActiveBgColor: #5a92d1;
29 | $stateActiveTextColor: #ffffff;
30 |
31 | //Highlight State
32 | $stateHighlightBorderColor: #5a92d1;
33 | $stateHighlightBgColor: #5a92d1;
34 | $stateHighlightTextColor: #ffffff;
35 |
36 | //Focus State
37 | $stateFocusBorderColor: #5a92d1;
38 | $stateFocusBgColor: #5a92d1;
39 | $stateFocusTextColor: #081c22;
40 |
41 | //Error State
42 | $stateErrorBorderColor: #ec4e4e;
43 | $stateErrorBgColor: #ec4e4e;
44 | $stateErrorTextColor: #ffffff;
45 |
46 | //Hover State
47 | $stateHoverBorderColor: #d1d7dc;
48 | $stateHoverBgColor: #eef1f4;
49 | $stateHoverTextColor: #374c61;
50 |
51 | //Forms
52 | $inputBgColor: #ffffff;
53 | $inputTextColor: #333333;
54 | $invalidInputBorderColor: #ec4e4e;
55 | $inputGroupTextColor: #333333;
56 |
57 | @import '../_theme';
--------------------------------------------------------------------------------
/src/assets/themes/lightness/theme.scss:
--------------------------------------------------------------------------------
1 | $fontFamily: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
2 | $fontSize: 1em;
3 | $borderRadius: 4px;
4 | $disabledOpacity: 0.35;
5 |
6 | //Header
7 | $headerBorderWidth: 1px;
8 | $headerBorderColor: #e78f08;
9 | $headerBgColor: #f6a828;
10 | $headerTextColor: #ffffff;
11 | $headerFontWeight: bold;
12 | $headerIconTextColor: #ffffff;
13 |
14 | //Content
15 | $contentBorderWidth: 1px;
16 | $contentBorderColor: #dddddd;
17 | $contentBgColor: #eeeeee;
18 | $contentTextColor: #333333;
19 |
20 | //Default State
21 | $stateDefaultBorderWidth: 1px;
22 | $stateDefaultBorderColor: #cccccc;
23 | $stateDefaultBgColor: #f6f6f6;
24 | $stateDefaultTextColor: #1c94c4;
25 |
26 | //Active State
27 | $stateActiveBorderColor: #fbd850;
28 | $stateActiveBgColor: #ffffff;
29 | $stateActiveTextColor: #eb8f00;
30 |
31 | //Highlight State
32 | $stateHighlightBorderColor: #fed22f;
33 | $stateHighlightBgColor: #ffe45c;
34 | $stateHighlightTextColor: #363636;
35 |
36 | //Focus State
37 | $stateFocusBorderColor: #fbcb09;
38 | $stateFocusBgColor: #fdf5ce;
39 | $stateFocusTextColor: #c77405;
40 |
41 | //Error State
42 | $stateErrorBorderColor: #cd0a0a;
43 | $stateErrorBgColor: #b81900;
44 | $stateErrorTextColor: #ffffff;
45 |
46 | //Hover State
47 | $stateHoverBorderColor: #fbcb09;
48 | $stateHoverBgColor: #fdf5ce;
49 | $stateHoverTextColor: #c77405;
50 |
51 | //Forms
52 | $inputBgColor: #ffffff;
53 | $inputTextColor: #333333;
54 | $invalidInputBorderColor: #cd0a0a;
55 | $inputGroupTextColor: #333333;
56 |
57 | @import '../_theme';
--------------------------------------------------------------------------------
/src/assets/themes/ludvig/theme.scss:
--------------------------------------------------------------------------------
1 | $fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Segoe UI Symbol";
2 | $fontSize: 1em;
3 | $borderRadius: 2px;
4 | $disabledOpacity: 0.35;
5 |
6 | //Header
7 | $headerBorderWidth: 1px;
8 | $headerBorderColor: #2790b0;
9 | $headerBgColor: #2790b0;
10 | $headerTextColor: #ffffff;
11 | $headerFontWeight: 500;
12 | $headerIconTextColor: #ffffff;
13 |
14 | //Content
15 | $contentBorderWidth: 1px;
16 | $contentBorderColor: #d4d4d4;
17 | $contentBgColor: #fafafa;
18 | $contentTextColor: #081c22;
19 |
20 | //Default State
21 | $stateDefaultBorderWidth: 1px;
22 | $stateDefaultBorderColor: #d4d4d4;
23 | $stateDefaultBgColor: #fafafa;
24 | $stateDefaultTextColor: #081c22;
25 |
26 | //Active State
27 | $stateActiveBorderColor: #b8ccd2;
28 | $stateActiveBgColor: #cad7dc;
29 | $stateActiveTextColor: #081c22;
30 |
31 | //Highlight State
32 | $stateHighlightBorderColor: #eecc00;
33 | $stateHighlightBgColor: #eecc00;
34 | $stateHighlightTextColor: #081c22;
35 |
36 | //Focus State
37 | $stateFocusBorderColor: #eecc00;
38 | $stateFocusBgColor: #eecc00;
39 | $stateFocusTextColor: #081c22;
40 |
41 | //Error State
42 | $stateErrorBorderColor: #ec4e4e;
43 | $stateErrorBgColor: #ec4e4e;
44 | $stateErrorTextColor: #ffffff;
45 |
46 | //Hover State
47 | $stateHoverBorderColor: #d4d4d4;
48 | $stateHoverBgColor: #eaeaea;
49 | $stateHoverTextColor: #081c22;
50 |
51 | //Forms
52 | $inputBgColor: #ffffff;
53 | $inputTextColor: #333333;
54 | $invalidInputBorderColor: #ec4e4e;
55 | $inputGroupTextColor: #333333;
56 |
57 | @import '../_theme';
--------------------------------------------------------------------------------
/src/assets/themes/omega/fonts/roboto-v15-latin-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/fonts/roboto-v15-latin-regular.eot
--------------------------------------------------------------------------------
/src/assets/themes/omega/fonts/roboto-v15-latin-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/fonts/roboto-v15-latin-regular.ttf
--------------------------------------------------------------------------------
/src/assets/themes/omega/fonts/roboto-v15-latin-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/fonts/roboto-v15-latin-regular.woff
--------------------------------------------------------------------------------
/src/assets/themes/omega/fonts/roboto-v15-latin-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/fonts/roboto-v15-latin-regular.woff2
--------------------------------------------------------------------------------
/src/assets/themes/omega/images/icons_16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/images/icons_16.png
--------------------------------------------------------------------------------
/src/assets/themes/omega/images/slider_handles.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/images/slider_handles.png
--------------------------------------------------------------------------------
/src/assets/themes/omega/images/slider_handles@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/images/slider_handles@2x.png
--------------------------------------------------------------------------------
/src/assets/themes/omega/images/ui-bg_flat_0_aaaaaa_40x100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/images/ui-bg_flat_0_aaaaaa_40x100.png
--------------------------------------------------------------------------------
/src/assets/themes/omega/images/ui-bg_flat_75_ffffff_40x100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/images/ui-bg_flat_75_ffffff_40x100.png
--------------------------------------------------------------------------------
/src/assets/themes/omega/images/ui-bg_glass_55_fbf9ee_1x400.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/images/ui-bg_glass_55_fbf9ee_1x400.png
--------------------------------------------------------------------------------
/src/assets/themes/omega/images/ui-bg_glass_65_ffffff_1x400.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/images/ui-bg_glass_65_ffffff_1x400.png
--------------------------------------------------------------------------------
/src/assets/themes/omega/images/ui-bg_glass_75_dadada_1x400.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/images/ui-bg_glass_75_dadada_1x400.png
--------------------------------------------------------------------------------
/src/assets/themes/omega/images/ui-bg_glass_75_e6e6e6_1x400.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/images/ui-bg_glass_75_e6e6e6_1x400.png
--------------------------------------------------------------------------------
/src/assets/themes/omega/images/ui-bg_glass_95_fef1ec_1x400.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/images/ui-bg_glass_95_fef1ec_1x400.png
--------------------------------------------------------------------------------
/src/assets/themes/omega/images/ui-bg_highlight-soft_75_cccccc_1x100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/images/ui-bg_highlight-soft_75_cccccc_1x100.png
--------------------------------------------------------------------------------
/src/assets/themes/omega/images/ui-icons_222222_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/images/ui-icons_222222_256x240.png
--------------------------------------------------------------------------------
/src/assets/themes/omega/images/ui-icons_2e83ff_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/images/ui-icons_2e83ff_256x240.png
--------------------------------------------------------------------------------
/src/assets/themes/omega/images/ui-icons_454545_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/images/ui-icons_454545_256x240.png
--------------------------------------------------------------------------------
/src/assets/themes/omega/images/ui-icons_cd0a0a_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/images/ui-icons_cd0a0a_256x240.png
--------------------------------------------------------------------------------
/src/assets/themes/omega/images/ui-icons_ffffff_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/assets/themes/omega/images/ui-icons_ffffff_256x240.png
--------------------------------------------------------------------------------
/src/assets/themes/pepper-grinder/theme.scss:
--------------------------------------------------------------------------------
1 | $fontFamily: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
2 | $fontSize: 1em;
3 | $borderRadius: 6px;
4 | $disabledOpacity: 0.35;
5 |
6 | //Header
7 | $headerBorderWidth: 1px;
8 | $headerBorderColor: #d4d1bf;
9 | $headerBgColor: #ffffff;
10 | $headerTextColor: #453821;
11 | $headerFontWeight: bold;
12 | $headerIconTextColor: #453821;
13 |
14 | //Content
15 | $contentBorderWidth: 1px;
16 | $contentBorderColor: #d9d6c4;
17 | $contentBgColor: #eceadf;
18 | $contentTextColor: #1f1f1f;
19 |
20 | //Default State
21 | $stateDefaultBorderWidth: 1px;
22 | $stateDefaultBorderColor: #cbc7bd;
23 | $stateDefaultBgColor: #f8f7f6;
24 | $stateDefaultTextColor: #654b24;
25 |
26 | //Active State
27 | $stateActiveBorderColor: #d9d6c4;
28 | $stateActiveBgColor: #eceadf;
29 | $stateActiveTextColor: #140f06;
30 |
31 | //Highlight State
32 | $stateHighlightBorderColor: #654b24;
33 | $stateHighlightBgColor: #654b24;
34 | $stateHighlightTextColor: #ffffff;
35 |
36 | //Focus State
37 | $stateFocusBorderColor: #b2a266;
38 | $stateFocusBgColor: #f7f3de;
39 | $stateFocusTextColor: #3a3427;
40 |
41 | //Error State
42 | $stateErrorBorderColor: #681818;
43 | $stateErrorBgColor: #b83400;
44 | $stateErrorTextColor: #ffffff;
45 |
46 | //Hover State
47 | $stateHoverBorderColor: #b2a266;
48 | $stateHoverBgColor: #f7f3de;
49 | $stateHoverTextColor: #3a3427;
50 |
51 | //Forms
52 | $inputBgColor: #ffffff;
53 | $inputTextColor: #222222;
54 | $invalidInputBorderColor: #681818;
55 | $inputGroupTextColor: #222222;
56 |
57 | @import '../_theme';
--------------------------------------------------------------------------------
/src/assets/themes/redmond/theme.scss:
--------------------------------------------------------------------------------
1 | $fontFamily: Lucida Grande, Lucida Sans, Arial, sans-serif;
2 | $fontSize: 1em;
3 | $borderRadius: 5px;
4 | $disabledOpacity: 0.35;
5 |
6 | //Header
7 | $headerBorderWidth: 1px;
8 | $headerBorderColor: #4297d7;
9 | $headerBgColor: #5c9ccc;
10 | $headerTextColor: #ffffff;
11 | $headerFontWeight: bold;
12 | $headerIconTextColor: #ffffff;
13 |
14 | //Content
15 | $contentBorderWidth: 1px;
16 | $contentBorderColor: #a6c9e2;
17 | $contentBgColor: #fcfdfd;
18 | $contentTextColor: #222222;
19 |
20 | //Default State
21 | $stateDefaultBorderWidth: 1px;
22 | $stateDefaultBorderColor: #c5dbec;
23 | $stateDefaultBgColor: #dfeffc;
24 | $stateDefaultTextColor: #2e6e9e;
25 |
26 | //Active State
27 | $stateActiveBorderColor: #79b7e7;
28 | $stateActiveBgColor: #f5f8f9;
29 | $stateActiveTextColor: #e17009;
30 |
31 | //Highlight State
32 | $stateHighlightBorderColor: #fad42e;
33 | $stateHighlightBgColor: #fbec88;
34 | $stateHighlightTextColor: #363636;
35 |
36 | //Highlight State
37 | $stateFocusBorderColor: #79b7e7;
38 | $stateFocusBgColor: #d0e5f5;
39 | $stateFocusTextColor: #1d5987;
40 |
41 | //Error State
42 | $stateErrorBorderColor: #cd0a0a;
43 | $stateErrorBgColor: #fef1ec;
44 | $stateErrorTextColor: #cd0a0a;
45 |
46 | //Hover State
47 | $stateHoverBorderColor: #79b7e7;
48 | $stateHoverBgColor: #d0e5f5;
49 | $stateHoverTextColor: #1d5987;
50 |
51 | //Forms
52 | $inputBgColor: #ffffff;
53 | $inputTextColor: #2E6E9E;
54 | $invalidInputBorderColor: #cd0a0a;
55 | $inputGroupTextColor: #2e6e9e;
56 |
57 | @import '../_theme';
--------------------------------------------------------------------------------
/src/assets/themes/rocket/theme.scss:
--------------------------------------------------------------------------------
1 | $fontFamily: Arial, Helvetica, sans-serif;
2 | $fontSize: 1em;
3 | $borderRadius: 4px;
4 | $disabledOpacity: 0.35;
5 |
6 | //Header
7 | $headerBorderWidth: 1px;
8 | $headerBorderColor: #404040;
9 | $headerBgColor: #242122;
10 | $headerTextColor: #f4f4f9;
11 | $headerFontWeight: bold;
12 | $headerIconTextColor: #f4f4f9;
13 |
14 | //Content
15 | $contentBorderWidth: 1px;
16 | $contentBorderColor: #e3e3e3;
17 | $contentBgColor: #f1f1f1;
18 | $contentTextColor: #404040;
19 |
20 | //Default State
21 | $stateDefaultBorderWidth: 1px;
22 | $stateDefaultBorderColor: #404040;
23 | $stateDefaultBgColor: #242122;
24 | $stateDefaultTextColor: #fafafa;
25 |
26 | //Active State
27 | $stateActiveBorderColor: #9dc939;
28 | $stateActiveBgColor: #9dc939;
29 | $stateActiveTextColor: #304915;
30 |
31 | //Highlight State
32 | $stateHighlightBorderColor: #723c9b;
33 | $stateHighlightBgColor: #65358a;
34 | $stateHighlightTextColor: #ffffff;
35 |
36 | //Focus State
37 | $stateFocusBorderColor: #00a6dd;
38 | $stateFocusBgColor: #00a6dd;
39 | $stateFocusTextColor: #fafafa;
40 |
41 | //Error State
42 | $stateErrorBorderColor: #ca3838;
43 | $stateErrorBgColor: #ca3838;
44 | $stateErrorTextColor: #ff8f8f;
45 |
46 | //Hover State
47 | $stateHoverBorderColor: #00a6dd;
48 | $stateHoverBgColor: #00a6dd;
49 | $stateHoverTextColor: #fafafa;
50 |
51 | //Forms
52 | $inputBgColor: #ffffff;
53 | $inputTextColor: #304915;
54 | $invalidInputBorderColor: #ca3838;
55 | $inputGroupTextColor: #ffffff;
56 |
57 | @import '../_theme';
--------------------------------------------------------------------------------
/src/assets/themes/south-street/theme.scss:
--------------------------------------------------------------------------------
1 | $fontFamily: segoe ui, Arial, sans-serif;
2 | $fontSize: 1em;
3 | $borderRadius: 6px;
4 | $disabledOpacity: 0.35;
5 |
6 | //Header
7 | $headerBorderWidth: 1px;
8 | $headerBorderColor: #d4ccb0;
9 | $headerBgColor: #ece8da;
10 | $headerTextColor: #433f38;
11 | $headerFontWeight: bold;
12 | $headerIconTextColor: #433f38;
13 |
14 | //Content
15 | $contentBorderWidth: 1px;
16 | $contentBorderColor: #dfd9c3;
17 | $contentBgColor: #f5f3e5;
18 | $contentTextColor: #312e25;
19 |
20 | //Default State
21 | $stateDefaultBorderWidth: 1px;
22 | $stateDefaultBorderColor: #327e04;
23 | $stateDefaultBgColor: #459e00;
24 | $stateDefaultTextColor: #ffffff;
25 |
26 | //Active State
27 | $stateActiveBorderColor: #d4ccb0;
28 | $stateActiveBgColor: #fafaf4;
29 | $stateActiveTextColor: #459e00;
30 |
31 | //Highlight State
32 | $stateHighlightBorderColor: #327e04;
33 | $stateHighlightBgColor: #67b021;
34 | $stateHighlightTextColor: #ffffff;
35 |
36 | //Focus State
37 | $stateFocusBorderColor: #e8e1b5;
38 | $stateFocusBgColor: #bcb9ae;
39 | $stateFocusTextColor: #363636;
40 |
41 | //Error State
42 | $stateErrorBorderColor: #e3a345;
43 | $stateErrorBgColor: #ffedad;
44 | $stateErrorTextColor: #cd5c0a;
45 |
46 | //Hover State
47 | $stateHoverBorderColor: #e8e1b5;
48 | $stateHoverBgColor: #bcb9ae;
49 | $stateHoverTextColor: #363636;
50 |
51 | //Forms
52 | $inputBgColor: #ffffff;
53 | $inputTextColor: #433f38;
54 | $invalidInputBorderColor: #e3a345;
55 | $inputGroupTextColor: #ffffff;
56 |
57 | @import '../_theme';
--------------------------------------------------------------------------------
/src/assets/themes/start/theme.scss:
--------------------------------------------------------------------------------
1 | $fontFamily: Verdana,Arial,sans-serif;
2 | $fontSize: 1em;
3 | $borderRadius: 5px;
4 | $disabledOpacity: 0.35;
5 |
6 | //Header
7 | $headerBorderWidth: 1px;
8 | $headerBorderColor: #4297d7;
9 | $headerBgColor: #2191c0;
10 | $headerTextColor: #eaf5f7;
11 | $headerFontWeight: bold;
12 | $headerIconTextColor: #eaf5f7;
13 |
14 | //Content
15 | $contentBorderWidth: 1px;
16 | $contentBorderColor: #a6c9e2;
17 | $contentBgColor: #fcfdfd;
18 | $contentTextColor: #222222;
19 |
20 | //Default State
21 | $stateDefaultBorderWidth: 1px;
22 | $stateDefaultBorderColor: #77d5f7;
23 | $stateDefaultBgColor: #0078ae;
24 | $stateDefaultTextColor: #ffffff;
25 |
26 | //Active State
27 | $stateActiveBorderColor: #acdd4a;
28 | $stateActiveBgColor: #6eac2c;
29 | $stateActiveTextColor: #ffffff;
30 |
31 | //Highlight State
32 | $stateHighlightBorderColor: #fcd113;
33 | $stateHighlightBgColor: #f8da4e;
34 | $stateHighlightTextColor: #222222;
35 |
36 | //Focus State
37 | $stateFocusBorderColor: #448dae;
38 | $stateFocusBgColor: #79c9ec;
39 | $stateFocusTextColor: #222222;
40 |
41 | //Error State
42 | $stateErrorBorderColor: #cd0a0a;
43 | $stateErrorBgColor: #e14f1c;
44 | $stateErrorTextColor: #ffffff;
45 |
46 | //Hover State
47 | $stateHoverBorderColor: #448dae;
48 | $stateHoverBgColor: #79c9ec;
49 | $stateHoverTextColor: #222222;
50 |
51 | //Forms
52 | $inputBgColor: #ffffff;
53 | $inputTextColor: #026890;
54 | $invalidInputBorderColor: #cd0a0a;
55 | $inputGroupTextColor: #026890;
56 |
57 | @import '../_theme';
--------------------------------------------------------------------------------
/src/assets/themes/trontastic/theme.scss:
--------------------------------------------------------------------------------
1 | $fontFamily: Segoe UI, Arial, sans-serif;
2 | $fontSize: 1em;
3 | $borderRadius: 6px;
4 | $disabledOpacity: 0.35;
5 |
6 | //Header
7 | $headerBorderWidth: 1px;
8 | $headerBorderColor: #000000;
9 | $headerBgColor: #9fda58;
10 | $headerTextColor: #222222;
11 | $headerFontWeight: bold;
12 | $headerIconTextColor: #222222;
13 |
14 | //Content
15 | $contentBorderWidth: 1px;
16 | $contentBorderColor: #4a4a4a;
17 | $contentBgColor: #000000;
18 | $contentTextColor: #ffffff;
19 |
20 | //Default State
21 | $stateDefaultBorderWidth: 1px;
22 | $stateDefaultBorderColor: #4a4a4a;
23 | $stateDefaultBgColor: #0a0a0a;
24 | $stateDefaultTextColor: #b8ec79;
25 |
26 | //Active State
27 | $stateActiveBorderColor: #696969;
28 | $stateActiveBgColor: #4c4c4c;
29 | $stateActiveTextColor: #ffffff;
30 |
31 | //Highlight State
32 | $stateHighlightBorderColor: #8cce3b;
33 | $stateHighlightBgColor: #f1fbe5;
34 | $stateHighlightTextColor: #030303;
35 |
36 | //Focus State
37 | $stateFocusBorderColor: #000000;
38 | $stateFocusBgColor: #666666;
39 | $stateFocusTextColor: #ffffff;
40 |
41 | //Error State
42 | $stateErrorBorderColor: #f1ac88;
43 | $stateErrorBgColor: #f6ecd5;
44 | $stateErrorTextColor: #74736d;
45 |
46 | //Hover State
47 | $stateHoverBorderColor: #000000;
48 | $stateHoverBgColor: #666666;
49 | $stateHoverTextColor: #ffffff;
50 |
51 | //Forms
52 | $inputBgColor: #ffffff;
53 | $inputTextColor: #000000;
54 | $invalidInputBorderColor: #f1ac88;
55 | $inputGroupTextColor: #ffffff;
56 |
57 | @import '../_theme';
--------------------------------------------------------------------------------
/src/assets/themes/voclain/theme.scss:
--------------------------------------------------------------------------------
1 | $fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Segoe UI Symbol";
2 | $fontSize: 1em;
3 | $borderRadius: 4px;
4 | $disabledOpacity: 0.35;
5 |
6 | //Header
7 | $headerBorderWidth: 1px;
8 | $headerBorderColor: #606d7b;
9 | $headerBgColor: #606d7b;
10 | $headerTextColor: #ffffff;
11 | $headerFontWeight: 500;
12 | $headerIconTextColor: #ffffff;
13 |
14 | //Content
15 | $contentBorderWidth: 1px;
16 | $contentBorderColor: #e2e5e8;
17 | $contentBgColor: #eef1f4;
18 | $contentTextColor: #414550;
19 |
20 | //Default State
21 | $stateDefaultBorderWidth: 1px;
22 | $stateDefaultBorderColor: #2c3e50;
23 | $stateDefaultBgColor: #2c3e50;
24 | $stateDefaultTextColor: #ffffff;
25 |
26 | //Active State
27 | $stateActiveBorderColor: #c95864;
28 | $stateActiveBgColor: #c95864;
29 | $stateActiveTextColor: #ffffff;
30 |
31 | //Highlight State
32 | $stateHighlightBorderColor: #c95864;
33 | $stateHighlightBgColor: #c95864;
34 | $stateHighlightTextColor: #ffffff;
35 |
36 | //Focus State
37 | $stateFocusBorderColor: #606d7b;
38 | $stateFocusBgColor: #606d7b;
39 | $stateFocusTextColor: #081c22;
40 |
41 | //Error State
42 | $stateErrorBorderColor: #ec4e4e;
43 | $stateErrorBgColor: #ec4e4e;
44 | $stateErrorTextColor: #ffffff;
45 |
46 | //Hover State
47 | $stateHoverBorderColor: #485562;
48 | $stateHoverBgColor: #485562;
49 | $stateHoverTextColor: #ffffff;
50 |
51 | //Forms
52 | $inputBgColor: #ffffff;
53 | $inputTextColor: #333333;
54 | $invalidInputBorderColor: #ec4e4e;
55 | $inputGroupTextColor: #ffffff;
56 |
57 | @import '../_theme';
--------------------------------------------------------------------------------
/src/components/accordion/accordion.css:
--------------------------------------------------------------------------------
1 | .ui-accordion {
2 | width: 100%;
3 | }
4 |
5 | .ui-accordion .ui-accordion-header {
6 | cursor: pointer;
7 | position: relative;
8 | margin-top: 1px;
9 | zoom: 1;
10 | }
11 |
12 | .ui-accordion .ui-accordion-header a {
13 | display: block;
14 | padding: .5em;
15 | }
16 |
17 | .ui-accordion .ui-accordion-content {
18 | padding: 1em;
19 | border-top: 0;
20 | overflow: visible;
21 | zoom: 1;
22 | }
23 |
24 | .ui-accordion .ui-accordion-header.ui-state-disabled,
25 | .ui-accordion .ui-accordion-header.ui-state-disabled a {
26 | cursor: default;
27 | }
28 |
29 | .ui-accordion-content-wrapper-overflown {
30 | overflow: hidden;
31 | }
32 |
33 | .ui-rtl .ui-accordion .ui-accordion-header a {
34 | padding: .5em 2em .5em .5em;
35 | }
36 |
37 | .ui-rtl .ui-accordion .ui-accordion-header > .fa {
38 | left: initial;
39 | right: .5em;
40 | }
41 |
42 | .ui-rtl .ui-accordion .ui-accordion-header > .fa-caret-right::before {
43 | content: '\f0d9';
44 | }
45 |
--------------------------------------------------------------------------------
/src/components/accordion/accordion.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
61 |
--------------------------------------------------------------------------------
/src/components/avatar/avatar.css:
--------------------------------------------------------------------------------
1 | .ui-avatar {
2 | display: inline-block;
3 | height: 40px;
4 | width: 40px;
5 | font-size: 20px;
6 | text-align: center;
7 | border-radius: 50%;
8 | }
9 |
10 | .ui-avatar-content {
11 | display: flex;
12 | width: 100%;
13 | height: 100%;
14 | align-items: center;
15 | justify-content: center;
16 | }
17 |
18 | .ui-image {
19 | border-radius: 50%;
20 | width: 100%;
21 | height: 100%;
22 | display: block;
23 | }
24 |
--------------------------------------------------------------------------------
/src/components/avatar/avatar.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
59 |
--------------------------------------------------------------------------------
/src/components/backtotop/backtotop.css:
--------------------------------------------------------------------------------
1 | .back-to-top{
2 | z-index: 1000;
3 | position: fixed;
4 | right: 80px;
5 | bottom: 50px;
6 | cursor: pointer;
7 | background: rgba(169, 65, 244, .6);
8 | box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
9 | border-radius: 4px;
10 | padding: 1em;
11 | line-height: 1em;
12 | cursor:pointer;
13 | color:#ffffff;
14 | vertical-align: middle;
15 | font-weight: bold;
16 | }
17 |
18 | .back-to-top span{
19 | vertical-align: middle;
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/backtotop/backtotop.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | {{ text }}
9 |
10 |
11 |
12 |
13 |
14 |
23 |
72 |
--------------------------------------------------------------------------------
/src/components/badge/badge.css:
--------------------------------------------------------------------------------
1 | .ui-badge {
2 | position: relative;
3 | vertical-align: middle;
4 | display: inline-block;
5 | }
6 |
7 | .ui-badge-content {
8 | background-color: #f56c6c;
9 | border-radius: 10px;
10 | color: #fff;
11 | display: inline-block;
12 | font-size: 12px;
13 | height: 18px;
14 | line-height: 18px;
15 | padding: 0 6px;
16 | text-align: center;
17 | white-space: nowrap;
18 | border: 1px solid #fff;
19 | }
20 |
21 | .ui-item {
22 | margin-right: 40px;
23 | }
24 |
25 | .ui-badge-content.fixed {
26 | position: absolute;
27 | top: 0;
28 | right: 10px;
29 | transform: translateY(-50%) translateX(100%);
30 | }
31 |
32 | .ui-badge-content.dot {
33 | height: 8px;
34 | width: 8px;
35 | padding: 0;
36 | right: 0;
37 | border-radius: 50%;
38 | }
39 |
40 | .ui-badge-content.fixed.dot {
41 | right: 5px;
42 | }
43 |
44 | .ui-position {
45 | margin-top: 10px;
46 | margin-right: 40px;
47 | }
48 |
49 |
--------------------------------------------------------------------------------
/src/components/badge/badge.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
9 |
10 |
11 |
12 |
13 |
51 |
--------------------------------------------------------------------------------
/src/components/blockui/blockui.css:
--------------------------------------------------------------------------------
1 | .ui-blockui {
2 | position: absolute;
3 | top: 0;
4 | left: 0;
5 | width: 100%;
6 | height: 100%;
7 | }
8 |
9 | .ui-blockui-document {
10 | position: fixed;
11 | }
12 |
--------------------------------------------------------------------------------
/src/components/blockui/blockui.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
75 |
--------------------------------------------------------------------------------
/src/components/card/card.css:
--------------------------------------------------------------------------------
1 | .ui-card {
2 | border-radius: 4px;
3 | border: 1px solid #ebeef5;
4 | background-color: #fff;
5 | overflow: hidden;
6 | box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
7 | color: #303133;
8 | }
9 |
10 | .dimensions {
11 | width: 400px;
12 | }
13 |
14 | .ui-card-header {
15 | padding: 18px 20px;
16 | border-bottom: 1px solid #ebeef5;
17 | box-sizing: border-box;
18 | }
19 |
20 | .ui-card-content {
21 | padding: 20px;
22 | }
23 |
24 | .ui-card-footer {
25 | padding: 10px 20px;
26 | border-bottom: 1px solid #ebeef5;
27 | box-sizing: border-box;
28 | }
29 |
--------------------------------------------------------------------------------
/src/components/card/card.vue:
--------------------------------------------------------------------------------
1 |
2 |
13 |
14 |
15 |
34 |
--------------------------------------------------------------------------------
/src/components/checkbox/checkbox.css:
--------------------------------------------------------------------------------
1 | .ui-chkbox {
2 | display: inline-block;
3 | cursor: pointer;
4 | vertical-align: middle;
5 | margin-right: .25em;
6 | }
7 |
8 | .ui-chkbox .ui-chkbox-box {
9 | width: 1.125em;
10 | height: 1.125em;
11 | line-height: 1.125em;
12 | -moz-border-radius: 2px;
13 | -webkit-border-radius: 2px;
14 | border-radius: 2px;
15 | text-align: center;
16 | }
17 |
18 | .ui-chkbox .ui-chkbox-icon {
19 | display: block;
20 | }
21 |
22 | .ui-chkbox-label {
23 | vertical-align: middle;
24 | }
25 |
26 |
--------------------------------------------------------------------------------
/src/components/codehighlighter/codehighlighter.vue:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/src/components/colorpicker/colorpicker.css:
--------------------------------------------------------------------------------
1 | .ui-colorpicker {
2 | display: inline-block;
3 | }
4 |
5 | .ui-colorpicker-dragging {
6 | cursor: pointer;
7 | }
8 |
9 | .ui-colorpicker-overlay {
10 | position: relative;
11 | }
12 |
13 | .ui-colorpicker-panel {
14 | position: relative;
15 | width: 193px;
16 | height: 166px;
17 | background-color: #323232;
18 | border-color: #191919;
19 | }
20 |
21 | .ui-colorpicker-overlay-panel {
22 | display: none;
23 | position: absolute;
24 | }
25 |
26 | .ui-colorpicker-preview {
27 | width: 2em;
28 | cursor: pointer;
29 | }
30 |
31 | .ui-colorpicker-panel .ui-colorpicker-content {
32 | position: relative;
33 | }
34 |
35 | .ui-colorpicker-panel .ui-colorpicker-color-selector {
36 | width: 150px;
37 | height: 150px;
38 | top: 8px;
39 | left: 8px;
40 | position: absolute;
41 | }
42 |
43 | .ui-colorpicker-panel .ui-colorpicker-color {
44 | width: 150px;
45 | height: 150px;
46 | background: transparent url("./images/color.png") no-repeat left top;
47 | }
48 |
49 | .ui-colorpicker-panel .ui-colorpicker-color-handle {
50 | position: absolute;
51 | top: 0px;
52 | left: 150px;
53 | border-radius: 100%;
54 | width: 10px;
55 | height: 10px;
56 | border: 1px solid #ffffff;
57 | margin: -5px 0 0 -5px;
58 | cursor: pointer;
59 | }
60 |
61 | .ui-colorpicker-panel .ui-colorpicker-hue {
62 | background: transparent url("./images/hue.png") no-repeat left top;
63 | width: 17px;
64 | height: 150px;
65 | top: 8px;
66 | left: 167px;
67 | position: absolute;
68 | opacity: .85;
69 | }
70 |
71 | .ui-colorpicker-panel .ui-colorpicker-hue-handle {
72 | position: absolute;
73 | top: 150px;
74 | left: 0px;
75 | width: 21px;
76 | margin-left: -2px;
77 | margin-top: -5px;
78 | height: 10px;
79 | border: 2px solid #ffffff;
80 | opacity: .85;
81 | cursor: pointer;
82 | }
83 |
84 | .ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-hue-handle,
85 | .ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-color-handle {
86 | opacity: .5;
87 | }
--------------------------------------------------------------------------------
/src/components/colorpicker/images/color.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/components/colorpicker/images/color.png
--------------------------------------------------------------------------------
/src/components/colorpicker/images/hue.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/components/colorpicker/images/hue.png
--------------------------------------------------------------------------------
/src/components/fieldset/fieldset.css:
--------------------------------------------------------------------------------
1 | .ui-fieldset,
2 | .ui-fieldset .ui-fieldset-legend {
3 | padding: 0.5em 1em;
4 | }
5 |
6 | .ui-fieldset-toggleable .ui-fieldset-legend {
7 | padding: 0;
8 | }
9 |
10 | .ui-fieldset-toggleable .ui-fieldset-legend a {
11 | padding: 0.5em 1em;
12 | cursor:pointer;
13 | white-space: nowrap;
14 | display: block;
15 | }
16 |
17 | .ui-fieldset .ui-fieldset-toggler {
18 | margin-right: .1em;
19 | display: inline-block;
20 | vertical-align: middle;
21 | }
22 |
23 | .ui-fieldset .ui-fieldset-content-wrapper-overflown {
24 | overflow: hidden;
25 | }
26 |
--------------------------------------------------------------------------------
/src/components/galleria/galleria.css:
--------------------------------------------------------------------------------
1 | .ui-galleria {
2 | overflow: hidden;
3 | visibility: hidden;
4 | position: relative;
5 | }
6 |
7 | .ui-galleria-panel-wrapper {
8 | position: relative;
9 | padding: 0;
10 | margin: 0;
11 | }
12 |
13 | .ui-galleria-panel {
14 | filter: inherit;
15 | position: absolute;
16 | top: 0;
17 | left: 0;
18 | list-style-type: none;
19 | }
20 |
21 | .ui-galleria-filmstrip-wrapper {
22 | overflow: hidden;
23 | margin: .25em auto;
24 | position: relative;
25 | }
26 |
27 | .ui-galleria-filmstrip {
28 | list-style: none outside none;
29 | margin: 0;
30 | padding: 0;
31 | width: 2340px;
32 | z-index: 900;
33 | position: absolute;
34 | top: 0;
35 | left: 0;
36 | }
37 |
38 | .ui-galleria-frame {
39 | float:left;
40 | margin-right: 5px;
41 | opacity: 0.3;
42 | cursor: pointer;
43 | }
44 |
45 | .ui-galleria-frame-active {
46 | opacity: 1;
47 | }
48 |
49 | .ui-galleria-frame-content {
50 | overflow: hidden;
51 | }
52 |
53 | .ui-galleria-nav-next, .ui-galleria-nav-prev {
54 | cursor: pointer;
55 | position: absolute;
56 | }
57 |
58 | .ui-galleria-nav-prev {
59 | left: 5px;
60 | }
61 |
62 | .ui-galleria-nav-next {
63 | right: 5px;
64 | }
65 |
66 | .ui-galleria-caption {
67 | position: absolute;
68 | left:1px;
69 | background-color: rgba(0,0,0,0.5);
70 | display: none;
71 | color: #ededed;
72 | padding: 0.2em 1em;
73 | }
74 |
75 | .ui-galleria-caption h4 {
76 | color: #ededed;
77 | }
78 |
79 | .ui-galleria-panel-content {
80 | padding: 1em 1.4em;
81 | }
82 |
--------------------------------------------------------------------------------
/src/components/growl/growl.css:
--------------------------------------------------------------------------------
1 | .ui-growl {
2 | position:fixed;
3 | top: 20px;
4 | right: 20px;
5 | width: 20em;
6 | }
7 |
8 | .ui-growl-item-container {
9 | position:relative;
10 | margin:0 0 10px 0;
11 | opacity:0.95;
12 | filter:alpha(opacity=95);
13 | }
14 |
15 | .ui-growl-item {
16 | position: relative;
17 | display: block;
18 | padding: .5em 1em;
19 | }
20 |
21 | .ui-growl-item p {
22 | padding: 0;
23 | margin: 0;
24 | }
25 |
26 | .ui-growl-icon-close {
27 | position: absolute;
28 | top: 4px;
29 | right: 4px;
30 | cursor: pointer;
31 | }
32 |
33 | .ui-growl-title {
34 | font-weight: bold;
35 | padding: 0 0 .5em 0;
36 | display: block;
37 | }
38 |
39 | .ui-growl-image {
40 | position: absolute;
41 | display: inline-block;
42 | left: .5em;
43 | top: .25em;
44 | padding: 0;
45 | }
46 |
47 | .ui-growl-message {
48 | padding: 0 0 .25em 0;
49 | margin-left: 2.5em;
50 | }
51 |
52 | .ui-growl-message p {
53 | font-weight: normal;
54 | }
55 |
--------------------------------------------------------------------------------
/src/components/inplace/inplace.css:
--------------------------------------------------------------------------------
1 | .ui-inplace .ui-inplace-display {
2 | display: inline;
3 | cursor: pointer;
4 | border: 0 none;
5 | padding: .25em;
6 | font-weight: normal;
7 | }
8 |
9 | .ui-inplace .ui-inplace-content {
10 | display: inline;
11 | }
--------------------------------------------------------------------------------
/src/components/inplace/inplace.vue:
--------------------------------------------------------------------------------
1 |
2 |
11 |
12 |
13 |
46 |
--------------------------------------------------------------------------------
/src/components/inputswitch/inputswitch.css:
--------------------------------------------------------------------------------
1 | .ui-inputswitch {
2 | display: inline-block;
3 | padding: 0;
4 | position: relative;
5 | overflow: hidden;
6 | cursor: pointer;
7 | user-select: none;
8 | -moz-user-select: none;
9 | -khtml-user-select: none;
10 | -webkit-user-select: none;
11 | height: 1.5em;
12 | }
13 |
14 | .ui-inputswitch .ui-inputswitch-on,
15 | .ui-inputswitch .ui-inputswitch-off {
16 | white-space: nowrap;
17 | display: inline-block;
18 | position: absolute;
19 | top: 0;
20 | width: auto;
21 | overflow: hidden;
22 | user-select: none;
23 | -moz-user-select: none;
24 | -khtml-user-select: none;
25 | -webkit-user-select: none;
26 | font-weight: bold;
27 | height: 100%;
28 | line-height: 1.5em;
29 | }
30 |
31 | .ui-inputswitch .ui-inputswitch-on {
32 | left: 0;
33 | border: 0 none;
34 | }
35 |
36 | .ui-inputswitch .ui-inputswitch-off {
37 | right: 0;
38 | text-align: right;
39 | }
40 |
41 | .ui-inputswitch .ui-inputswitch-on span,
42 | .ui-inputswitch .ui-inputswitch-off span {
43 | display: inline-block;
44 | text-align: center;
45 | height: 100%;
46 | line-height: inherit;
47 | }
48 |
49 | .ui-inputswitch .ui-inputswitch-handle {
50 | display: block;
51 | width: 0;
52 | position: absolute;
53 | top: 0;
54 | left: 0;
55 | height: 100%;
56 | border-top: 0 none;
57 | border-bottom: 0 none;
58 | }
--------------------------------------------------------------------------------
/src/components/inputtext/inputtext.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
40 |
--------------------------------------------------------------------------------
/src/components/inputtextarea/inputtextarea.css:
--------------------------------------------------------------------------------
1 | .ui-inputtextarea-resizable {
2 | overflow: hidden;
3 | resize:none;
4 | }
5 |
6 | .ui-fluid .ui-inputtextarea {
7 | width: 100%;
8 | }
9 |
10 | .ui-float-label textarea:focus ~ label,
11 | .ui-float-label textarea.ui-state-filled ~ label,
12 | .ui-float-label textarea:-webkit-autofill ~ label {
13 | top:-.75em;
14 | font-size:12px;
15 | }
16 |
--------------------------------------------------------------------------------
/src/components/inputtextarea/inputtextarea.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
66 |
--------------------------------------------------------------------------------
/src/components/message/message.css:
--------------------------------------------------------------------------------
1 | .ui-message {
2 | border: 1px solid;
3 | margin: 0px .25em;
4 | padding: .25em .5em;
5 | display: inline-block;
6 | }
7 |
8 | .ui-fluid .ui-message {
9 | display: block;
10 | }
11 |
--------------------------------------------------------------------------------
/src/components/message/message.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 | {{text}}
9 |
10 |
11 |
12 |
62 |
--------------------------------------------------------------------------------
/src/components/messages/messages.css:
--------------------------------------------------------------------------------
1 | .ui-messages {
2 | border: 1px solid;
3 | margin: .5em 0;
4 | padding: 1em 1em 1em .5em;
5 | display: none;
6 | position: relative;
7 | }
8 |
9 | .ui-messages-icon {
10 | display:inline-block;
11 | padding: 0;
12 | vertical-align: middle;
13 | }
14 |
15 | .ui-messages-summary {
16 | font-weight: bold;
17 | margin-left: .25em;
18 | }
19 |
20 | .ui-messages-detail {
21 | margin-left: .25em;
22 | }
23 |
24 | .ui-messages-success {
25 | color: #2C832f;
26 | background-color: #B4F0B6;
27 | border-color: #B4F0B6;
28 | }
29 |
30 | .ui-messages-success .ui-messages-close {
31 | color: #2C832f;
32 | }
33 |
34 | .ui-messages-info {
35 | color: #1765A3;
36 | background-color: #BFE0FA;
37 | border-color: #BFE0FA;
38 | }
39 |
40 | .ui-messages-info .ui-messages-close {
41 | color: #1765A3;
42 | }
43 |
44 | .ui-messages-warn {
45 | color: #8A6714;
46 | background-color: #FFE9B5;
47 | border-color: #FFE9B5;
48 | }
49 |
50 | .ui-messages-warn .ui-messages-close {
51 | color: #8A6714;
52 | }
53 |
54 | .ui-messages-error {
55 | color: #AB1A0F;
56 | background-color: #FFCBC8;
57 | border-color: #FFCBC8;
58 | }
59 |
60 | .ui-messages-error .ui-messages-close {
61 | color: #AB1A0F;
62 | }
63 |
64 | .ui-messages ul {
65 | margin: 0;
66 | padding: 0;
67 | list-style-type: none;
68 | display: inline-block;
69 | vertical-align: middle;
70 | }
71 |
72 | .ui-messages.ui-messages-noicon ul {
73 | margin: 0 1.5em 0 0;
74 | }
75 |
76 | .ui-messages .ui-messages-close {
77 | cursor: pointer;
78 | position: absolute;
79 | top: 5px;
80 | right: 5px;
81 | }
82 |
--------------------------------------------------------------------------------
/src/components/minusplus/minusplus.css:
--------------------------------------------------------------------------------
1 | .ui-minusplus {
2 | display: table;
3 | text-align: center;
4 | position: relative;
5 | div {
6 | display: table-cell;
7 | vertical-align: middle;
8 | }
9 | .ui-minusplus-value {
10 | padding: 0 10px;
11 | }
12 | .ui-button {
13 | min-width: 3rem;
14 | min-height: 2rem;
15 | margin-right: 0em;
16 | }
17 | &.ui-minusplus-vertical {
18 | display: inline-block;
19 | div {
20 | display: block;
21 | }
22 | .ui-minusplus-value {
23 | border-width: 0 1px;
24 | padding: 5px 10px;
25 | }
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/src/components/panel/panel.css:
--------------------------------------------------------------------------------
1 | .ui-panel {
2 | padding: 0.2em;
3 | }
4 |
5 | .ui-panel .ui-panel-titlebar {
6 | padding: .5em .75em;
7 | }
8 |
9 | .ui-panel .ui-panel-titlebar-icon {
10 | float: right;
11 | cursor: pointer;
12 | }
13 |
14 | .ui-panel .ui-panel-titlebar-icon {
15 | margin-left: 0.2em;
16 | margin-top: -0.1em;
17 | }
18 |
19 | .ui-panel .ui-panel-content {
20 | border: 0;
21 | background: none;
22 | padding: .5em .75em;
23 | }
24 |
25 | .ui-panel .ui-panel-footer {
26 | border-width: 1px 0 0;
27 | padding: .25em .5em;
28 | text-align:left;
29 | }
30 |
31 | .ui-panel-content-wrapper-overflown {
32 | overflow: hidden;
33 | }
34 |
--------------------------------------------------------------------------------
/src/components/password/images/password-meter.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/components/password/images/password-meter.png
--------------------------------------------------------------------------------
/src/components/password/password.css:
--------------------------------------------------------------------------------
1 | .ui-password-panel {
2 | padding: .25em .5em;
3 | width: 10em;
4 | margin-top: 2px;
5 | }
6 |
7 | .ui-password-panel .ui-password-meter {
8 | height: 10px;
9 | background:transparent url("./images/password-meter.png") no-repeat left top;
10 | padding: 0;
11 | margin: 0;
12 | }
13 |
14 | .ui-password-info {
15 | margin-top: .25em;
16 | }
17 |
18 | .ui-password-panel-overlay {
19 | position: absolute;
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/progressbar/progressbar.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
{{value}}{{unit}}
6 |
7 |
8 |
9 |
43 |
--------------------------------------------------------------------------------
/src/components/progressspinner/progressspinner.css:
--------------------------------------------------------------------------------
1 | .ui-progress-spinner {
2 | position: relative;
3 | margin: 0 auto;
4 | width: 100px;
5 | height: 100px;
6 | display: inline-block;
7 | }
8 |
9 | .ui-progress-spinner::before {
10 | content: '';
11 | display: block;
12 | padding-top: 100%;
13 | }
14 |
15 | .ui-progress-spinner-svg {
16 | animation: ui-progress-spinner-rotate 2s linear infinite;
17 | height: 100%;
18 | transform-origin: center center;
19 | width: 100%;
20 | position: absolute;
21 | top: 0;
22 | bottom: 0;
23 | left: 0;
24 | right: 0;
25 | margin: auto;
26 | }
27 |
28 | .ui-progress-spinner-circle {
29 | stroke-dasharray: 1, 200;
30 | stroke-dashoffset: 0;
31 | animation: ui-progress-spinner-dash 1.5s ease-in-out infinite, ui-progress-spinner-color 6s ease-in-out infinite;
32 | stroke-linecap: round;
33 | }
34 |
35 | @keyframes ui-progress-spinner-rotate {
36 | 100% {
37 | transform: rotate(360deg);
38 | }
39 | }
40 |
41 | @keyframes ui-progress-spinner-dash {
42 | 0% {
43 | stroke-dasharray: 1, 200;
44 | stroke-dashoffset: 0;
45 | }
46 | 50% {
47 | stroke-dasharray: 89, 200;
48 | stroke-dashoffset: -35px;
49 | }
50 | 100% {
51 | stroke-dasharray: 89, 200;
52 | stroke-dashoffset: -124px;
53 | }
54 | }
55 |
56 | @keyframes ui-progress-spinner-color {
57 | 100%,
58 | 0% {
59 | stroke: #d62d20;
60 | }
61 | 40% {
62 | stroke: #0057e7;
63 | }
64 | 66% {
65 | stroke: #008744;
66 | }
67 | 80%,
68 | 90% {
69 | stroke: #ffa700;
70 | }
71 | }
72 |
--------------------------------------------------------------------------------
/src/components/progressspinner/progressspinner.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
41 |
--------------------------------------------------------------------------------
/src/components/radiobutton/radiobutton.css:
--------------------------------------------------------------------------------
1 | .ui-radiobutton {
2 | display:inline-block;
3 | cursor: pointer;
4 | vertical-align: middle;
5 | margin-right: .25em;
6 | }
7 |
8 | .ui-radiobutton-box {
9 | width: 1.125em;
10 | height: 1.125em;
11 | line-height: 1.125em;
12 | -moz-border-radius: 100%;
13 | -webkit-border-radius: 100%;
14 | border-radius: 100%;
15 | text-align: center;
16 | }
17 |
18 | .ui-radiobutton-icon {
19 | display: block;
20 | font-size: .5em;
21 | line-height: inherit;
22 | margin-top: -1px;
23 | }
24 |
25 | .ui-radiobutton, .ui-radiobutton-label {
26 | vertical-align: middle;
27 | }
28 |
--------------------------------------------------------------------------------
/src/components/rating/rating.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/components/rating/rating.css
--------------------------------------------------------------------------------
/src/components/schedule/schedule.css:
--------------------------------------------------------------------------------
1 | .ui-fluid .fc .ui-button {
2 | width: auto;
3 | }
--------------------------------------------------------------------------------
/src/components/scrollpanel/scrollpanel.css:
--------------------------------------------------------------------------------
1 | .ui-scrollpanel-wrapper {
2 | overflow: hidden;
3 | width: 100%;
4 | height: 100%;
5 | position: relative;
6 | z-index: 1;
7 | float: left;
8 | }
9 |
10 | .ui-scrollpanel-content {
11 | height: 100%;
12 | width: calc(100% + 18px);
13 | padding: 0 0 0 0;
14 | position: relative;
15 | overflow: auto;
16 | box-sizing: border-box;
17 | }
18 |
19 | .ui-scrollpanel-bar {
20 | position: relative;
21 | background: #c1c1c1;
22 | width: 9px;
23 | border-radius: 3px;
24 | top: 0;
25 | z-index: 2;
26 | cursor: pointer;
27 | opacity: 0;
28 | transition: opacity 0.25s linear;
29 | }
30 |
31 | .ui-scrollpanel-hidden {
32 | display: none;
33 | }
34 |
35 | .ui-scrollpanel:hover .ui-scrollpanel-bar,
36 | .ui-scrollpanel:active .ui-scrollpanel-bar {
37 | opacity: 1;
38 | }
39 |
40 | .ui-scrollpanel-grabbed {
41 | -o-user-select: none;
42 | -ms-user-select: none;
43 | -moz-user-select: none;
44 | -webkit-user-select: none;
45 | user-select: none;
46 | }
--------------------------------------------------------------------------------
/src/components/selectbutton/selectbutton.css:
--------------------------------------------------------------------------------
1 | .ui-selectbutton{
2 | display: inline-block;
3 | }
4 |
5 | .ui-selectbutton.ui-state-error {
6 | padding: 0;
7 | }
8 |
9 | .ui-selectbutton .ui-button.ui-state-focus{
10 | outline: none;
11 | }
12 |
--------------------------------------------------------------------------------
/src/components/spinner/spinner.css:
--------------------------------------------------------------------------------
1 | .ui-spinner {
2 | display: inline-block;
3 | overflow: visible;
4 | padding: 0;
5 | position: relative;
6 | vertical-align: middle;
7 | }
8 |
9 | .ui-spinner-input {
10 | vertical-align: middle;
11 | padding-right: 1.5em;
12 | }
13 |
14 | .ui-spinner-button {
15 | cursor: default;
16 | display: block;
17 | height: 50%;
18 | margin: 0;
19 | overflow: hidden;
20 | padding: 0;
21 | position: absolute;
22 | right: 0;
23 | text-align: center;
24 | vertical-align: middle;
25 | width: 1.5em;
26 | }
27 |
28 | .ui-spinner .fa {
29 | position: absolute;
30 | top: 50%;
31 | left: 50%;
32 | margin-top: -.5em;
33 | margin-left: -.5em;
34 | width: 1em;
35 | }
36 |
37 | .ui-spinner-up {
38 | top: 0;
39 | }
40 |
41 | .ui-spinner-down {
42 | bottom: 0;
43 | }
44 |
45 | /* Fluid */
46 | .ui-fluid .ui-spinner {
47 | width: 100%;
48 | }
49 |
50 | .ui-fluid .ui-spinner .ui-spinner-input {
51 | padding-right: 2em;
52 | width: 100%;
53 | }
54 |
55 | .ui-fluid .ui-spinner .ui-spinner-button {
56 | width: 1.5em;
57 | }
58 |
59 | .ui-fluid .ui-spinner .ui-spinner-button .fa {
60 | left: .7em;
61 | }
--------------------------------------------------------------------------------
/src/components/terminal/terminal.css:
--------------------------------------------------------------------------------
1 | .ui-terminal {
2 | height: 18em;
3 | overflow: auto;
4 | padding: .25em;
5 | }
6 |
7 | .ui-terminal-input {
8 | border: 0 none;
9 | background-color: transparent;
10 | color: inherit;
11 | padding: 0;
12 | margin: 0 0 0 .125em;
13 | width: 75%;
14 | outline: none;
15 | vertical-align: baseline;
16 | }
17 |
18 | .ui-terminal-command {
19 | margin-left: .125em;
20 | -moz-margin-start: .125em;
21 | }
22 |
23 | .ui-terminal-input::-ms-clear {
24 | display: none;
25 | }
26 |
--------------------------------------------------------------------------------
/src/components/togglebutton/togglebutton.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sudheerj/vueface/9816213b12d8fcf38a2a8ce8e8dee5270bfc432f/src/components/togglebutton/togglebutton.css
--------------------------------------------------------------------------------
/src/components/toolbar/toolbar.css:
--------------------------------------------------------------------------------
1 | .ui-toolbar {
2 | padding: .25em .5em;
3 | }
4 |
5 | .ui-toolbar-group-left {
6 | float:left
7 | }
8 |
9 | .ui-toolbar-group-right {
10 | float:right
11 | }
12 |
--------------------------------------------------------------------------------
/src/components/toolbar/toolbar.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
7 |
27 |
--------------------------------------------------------------------------------
/src/components/tristatecheckbox/tristatecheckbox.css:
--------------------------------------------------------------------------------
1 | .ui-chkbox {
2 | display: inline-block;
3 | cursor: pointer;
4 | vertical-align: middle;
5 | margin-right: .25em;
6 | }
7 |
8 | .ui-chkbox .ui-chkbox-box {
9 | width: 1.125em;
10 | height: 1.125em;
11 | line-height: 1.125em;
12 | -moz-border-radius: 2px;
13 | -webkit-border-radius: 2px;
14 | border-radius: 2px;
15 | text-align: center;
16 | }
17 |
18 | .ui-chkbox .ui-chkbox-icon {
19 | display: block;
20 | }
21 |
22 | .ui-chkbox-label {
23 | vertical-align: middle;
24 | }
25 |
26 |
--------------------------------------------------------------------------------
/test/unit/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "env": {
3 | "mocha": true
4 | },
5 | "globals": {
6 | "expect": true,
7 | "sinon": true
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/test/unit/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 |
3 | Vue.config.productionTip = false
4 |
5 | // require all test files (files that ends with .spec.js)
6 | const testsContext = require.context('./specs', true, /\.spec$/)
7 | testsContext.keys().forEach(testsContext)
8 |
9 | // require all src files except main.js for coverage.
10 | // you can also change this to match only the subset of files that
11 | // you want coverage for.
12 | const srcContext = require.context('../../src', true, /^\.\/(?!main(\.js)?$)/)
13 | srcContext.keys().forEach(srcContext)
14 |
--------------------------------------------------------------------------------
/test/unit/karma.conf.js:
--------------------------------------------------------------------------------
1 | // This is a karma config file. For more details see
2 | // http://karma-runner.github.io/0.13/config/configuration-file.html
3 | // we are also using it with karma-webpack
4 | // https://github.com/webpack/karma-webpack
5 |
6 | var webpackConfig = require('../../build/webpack.test.conf')
7 |
8 | module.exports = function (config) {
9 | config.set({
10 | // to run in additional browsers:
11 | // 1. install corresponding karma launcher
12 | // http://karma-runner.github.io/0.13/config/browsers.html
13 | // 2. add it to the `browsers` array below.
14 | browsers: ['PhantomJS'],
15 | frameworks: ['mocha', 'sinon-chai', 'phantomjs-shim'],
16 | reporters: ['spec', 'coverage'],
17 | files: ['./index.js'],
18 | preprocessors: {
19 | './index.js': ['webpack', 'sourcemap']
20 | },
21 | webpack: webpackConfig,
22 | webpackMiddleware: {
23 | noInfo: true
24 | },
25 | coverageReporter: {
26 | dir: './coverage',
27 | reporters: [
28 | { type: 'lcov', subdir: '.' },
29 | { type: 'text-summary' }
30 | ]
31 | }
32 | })
33 | }
34 |
--------------------------------------------------------------------------------
/test/unit/specs/Hello.spec.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue';
2 | import HelloWorld from '@/components/HelloWorld';
3 |
4 | describe('HelloWorld.vue', () => {
5 | it('should render correct contents', () => {
6 | const Constructor = Vue.extend(HelloWorld);
7 | const vm = new Constructor().$mount();
8 | expect(vm.$el.querySelector('.hello h1').textContent)
9 | .to.equal('Welcome to Your Vue.js App');
10 | });
11 | });
12 |
--------------------------------------------------------------------------------