├── .editorconfig ├── .eslintrc.js ├── .gitignore ├── .npmignore ├── .stylelintignore ├── .stylelintrc.json ├── README.md ├── babel.config.js ├── docs ├── css │ └── app.55d084d1.css ├── favicon.ico ├── index.html ├── js │ ├── app.67d8a694.js │ ├── app.67d8a694.js.map │ ├── chunk-vendors.a3e15226.js │ └── chunk-vendors.a3e15226.js.map └── vue-input-ui-demo.gif ├── nuxt ├── index.js └── plugin.js ├── package-lock.json ├── package.json ├── public ├── favicon.ico ├── index.html └── vue-input-ui-demo.gif ├── src ├── App.vue ├── VueInputUi │ ├── index.vue │ └── themes │ │ └── index.js ├── assets │ ├── demo.png │ ├── logo-dark.png │ ├── logo.png │ └── logo_sticky.png ├── main.js └── pages │ └── index.vue ├── tsconfig.json └── vue.config.js /.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 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | // http://eslint.org/docs/user-guide/configuring 2 | 3 | module.exports = { 4 | root: true, 5 | 6 | env: { 7 | node: true 8 | }, 9 | 10 | extends: [ 11 | 'plugin:vue/strongly-recommended', 12 | 'eslint:recommended' 13 | ], 14 | 15 | rules: { 16 | 'generator-star-spacing': 0, 17 | 'arrow-parens': 0, 18 | 'prefer-const': 2, 19 | 'no-trailing-spaces': 'error', 20 | 'no-debugger': 0, 21 | 'no-extra-semi': 'error', 22 | semi: [ 23 | 'error', 24 | 'never' 25 | ], 26 | 'no-var': 'error', 27 | 'vue/attributes-order': 'error', 28 | 'vue/no-confusing-v-for-v-if': 'error', 29 | 'vue/no-v-html': 'error', 30 | 'vue/order-in-components': 'error', 31 | 'vue/this-in-template': 'error', 32 | 'vue/script-indent': 'error' 33 | }, 34 | 35 | parserOptions: { 36 | parser: 'babel-eslint' 37 | }, 38 | 39 | overrides: [ 40 | { 41 | files: ['*.vue'], 42 | rules: { 43 | indent: 'off', 44 | 'vue/script-indent': ['error', 2, { baseIndent: 1 }] 45 | } 46 | } 47 | ] 48 | } 49 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | .nuxt 5 | 6 | # local env files 7 | .env.local 8 | .env.*.local 9 | 10 | # Log files 11 | npm-debug.log* 12 | yarn-debug.log* 13 | yarn-error.log* 14 | 15 | # Editor directories and files 16 | .idea 17 | .vscode 18 | *.suo 19 | *.ntvs* 20 | *.njsproj 21 | *.sln 22 | *.sw* 23 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | public/ 2 | node_modules/ 3 | docs/ 4 | .gitignore 5 | .editorconfig 6 | .eslintrc -------------------------------------------------------------------------------- /.stylelintignore: -------------------------------------------------------------------------------- 1 | **/*.min.css 2 | -------------------------------------------------------------------------------- /.stylelintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "stylelint-config-standard", 3 | "plugins": [ 4 | "stylelint-scss", 5 | "stylelint-order" 6 | ], 7 | "rules": { 8 | "color-hex-case": "upper", 9 | "string-quotes": "single", 10 | "no-empty-source": null, 11 | "unit-case": "lower", 12 | "property-case": "lower", 13 | "property-no-vendor-prefix": true, 14 | "value-no-vendor-prefix": true, 15 | "at-rule-no-unknown": null, 16 | "order/order": [ 17 | "custom-properties", 18 | "declarations" 19 | ], 20 | "no-descending-specificity": null 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # vue-input-ui 2 | 3 | > A beautiful input made with Vue JS 4 | 5 | ![vue-input-ui](./public/vue-input-ui-demo.gif) 6 | 7 | ## Demo 8 | 9 | [Enjoy](https://louismazel.github.io/vue-input-ui/) 10 | 11 | ## Installation 12 | 13 | ### Using yarn 14 | 15 | `yarn add vue-input-ui` 16 | 17 | ### Using npm 18 | 19 | `npm i --save vue-input-ui` 20 | 21 | ## Usage 22 | 23 | ### ES6 Modules / CommonJS 24 | 25 | ```js 26 | import VueInputUi from 'vue-input-ui'; 27 | import 'vue-input-ui/dist/vue-input-ui.css'; 28 | 29 | Vue.component('vue-input-ui', VueInputUi); 30 | ``` 31 | 32 | ```html 33 | 34 | ``` 35 | 36 | ### UMD 37 | 38 | ```html 39 | 40 | 41 | 42 | 43 | 44 | 45 | 48 | ``` 49 | 50 | ## Props API 51 | 52 | | Props | Type | Required | Default | Options | 53 | |------------|------------|----------|------------|----------------| 54 | | v-model | String/Int | true | - | - | 55 | | id | String | false | VueInputUi | - | 56 | | label | String | false | Enter Text | - | 57 | | type | String | no | text | [text|number|textarea] | 58 | | size | String `sm or lg` | no | false | | 59 | | color | String `HEX` | no | dogderblue | | 60 | | hint* | String | no | - | | 61 | | error** | Boolean | no | false | | 62 | | dark | Boolean | no | false | | 63 | | dark-color (4) | String (hex) | no | #424242 | 64 | | disabled | Boolean | no | false | | 65 | | required | Boolean | no | false | | 66 | | readonly | Boolean | no | false | | 67 | | clearable | Boolean | no | false | | 68 | | loader | Boolean | no | false | | 69 | | border-radius | Number | no | 4 | 70 | 71 | ## Contribution 72 | 73 | ### Project setup 74 | 75 | ```bash 76 | npm install 77 | ``` 78 | 79 | ### Compiles and hot-reloads for development 80 | 81 | ```bash 82 | npm run serve 83 | ``` 84 | 85 | ### Lints and fixes files 86 | 87 | ```bash 88 | npm run lint 89 | ``` 90 | 91 | ## License 92 | 93 | This project is licensed under [MIT License](http://en.wikipedia.org/wiki/MIT_License) 94 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /docs/css/app.55d084d1.css: -------------------------------------------------------------------------------- 1 | .bg-grey[data-v-5289aaf3]{background-color:#f2f2f2}.bg-primary[data-v-5289aaf3]{background-color:#1e90ff}.bg-secondary[data-v-5289aaf3]{background-color:#21222e}.bg-success[data-v-5289aaf3]{background-color:#9acd32}.bg-danger[data-v-5289aaf3]{background-color:#ff4500}.bg-grey[data-v-5289aaf3]{background-color:#828282}.bg-grey-light[data-v-5289aaf3]{background-color:#f2f2f2}.bg-info[data-v-5289aaf3]{background-color:#17a2b8}.bg-warning[data-v-5289aaf3]{background-color:#ffa300}.bg-light[data-v-5289aaf3]{background-color:#f5f5f5}.bg-dark[data-v-5289aaf3]{background-color:#24292e}.bg-default[data-v-5289aaf3]{background-color:#ccc}.bg-white[data-v-5289aaf3]{background-color:#fff}.bg-black[data-v-5289aaf3]{background-color:#000}.label[data-v-5289aaf3]{border-radius:2px;padding:2px 4px;color:#fff;font-size:10px}.label-primary[data-v-5289aaf3],.label[data-v-5289aaf3]{background-color:#1e90ff}.label-primary-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #1e90ff;color:#1e90ff}.label-secondary[data-v-5289aaf3]{background-color:#21222e}.label-secondary-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #21222e;color:#21222e}.label-success[data-v-5289aaf3]{background-color:#9acd32}.label-success-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #9acd32;color:#9acd32}.label-danger[data-v-5289aaf3]{background-color:#ff4500}.label-danger-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #ff4500;color:#ff4500}.label-grey[data-v-5289aaf3]{background-color:#828282}.label-grey-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #828282;color:#828282}.label-grey-light[data-v-5289aaf3]{background-color:#f2f2f2}.label-grey-light-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #f2f2f2;color:#f2f2f2}.label-info[data-v-5289aaf3]{background-color:#17a2b8}.label-info-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #17a2b8;color:#17a2b8}.label-warning[data-v-5289aaf3]{background-color:#ffa300}.label-warning-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #ffa300;color:#ffa300}.label-light[data-v-5289aaf3]{background-color:#f5f5f5}.label-light-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #f5f5f5;color:#f5f5f5}.label-dark[data-v-5289aaf3]{background-color:#24292e}.label-dark-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #24292e;color:#24292e}.label-default[data-v-5289aaf3]{background-color:#ccc}.label-default-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #ccc;color:#ccc}.label-white[data-v-5289aaf3]{background-color:#fff}.label-white-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #fff;color:#fff}.label-black[data-v-5289aaf3]{background-color:#000}.label-black-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #000;color:#000}.dot[data-v-5289aaf3]{width:6px;height:6px;border-radius:6px}.dot-primary[data-v-5289aaf3],.dot[data-v-5289aaf3]{background-color:#1e90ff}.dot-primary-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #1e90ff;color:#1e90ff}.dot-secondary[data-v-5289aaf3]{background-color:#21222e}.dot-secondary-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #21222e;color:#21222e}.dot-success[data-v-5289aaf3]{background-color:#9acd32}.dot-success-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #9acd32;color:#9acd32}.dot-danger[data-v-5289aaf3]{background-color:#ff4500}.dot-danger-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #ff4500;color:#ff4500}.dot-grey[data-v-5289aaf3]{background-color:#828282}.dot-grey-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #828282;color:#828282}.dot-grey-light[data-v-5289aaf3]{background-color:#f2f2f2}.dot-grey-light-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #f2f2f2;color:#f2f2f2}.dot-info[data-v-5289aaf3]{background-color:#17a2b8}.dot-info-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #17a2b8;color:#17a2b8}.dot-warning[data-v-5289aaf3]{background-color:#ffa300}.dot-warning-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #ffa300;color:#ffa300}.dot-light[data-v-5289aaf3]{background-color:#f5f5f5}.dot-light-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #f5f5f5;color:#f5f5f5}.dot-dark[data-v-5289aaf3]{background-color:#24292e}.dot-dark-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #24292e;color:#24292e}.dot-default[data-v-5289aaf3]{background-color:#ccc}.dot-default-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #ccc;color:#ccc}.dot-white[data-v-5289aaf3]{background-color:#fff}.dot-white-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #fff;color:#fff}.dot-black[data-v-5289aaf3]{background-color:#000}.dot-black-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #000;color:#000}a[data-v-5289aaf3]{color:#1e90ff;text-decoration:none}a[data-v-5289aaf3]:focus,a[data-v-5289aaf3]:hover{text-decoration:underline}.btn[data-v-5289aaf3]{border:1px solid transparent;text-decoration:none;outline:none;cursor:pointer;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);transition:all .25s cubic-bezier(.645,.045,.355,1);background-color:#1e90ff;color:#fff;display:inline-block;border-radius:8px;height:42px;line-height:normal;padding:0 24px;font-size:16px;font-weight:inherit;margin:0;width:auto;overflow:visible;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit}.btn[data-v-5289aaf3]:focus,.btn[data-v-5289aaf3]:hover{background-color:#0077ea;-webkit-box-shadow:0 0 0 .2rem rgba(30,144,255,.5);box-shadow:0 0 0 .2rem rgba(30,144,255,.5)}.btn-rounded[data-v-5289aaf3]{border-radius:42px}.btn-sm[data-v-5289aaf3]{height:36px;padding:0 16px;font-size:14px}.btn-sm.btn-rounded[data-v-5289aaf3]{border-radius:36px}.btn-lg[data-v-5289aaf3]{height:48px;padding:0 32px}.btn-lg.btn-rounded[data-v-5289aaf3]{border-radius:48px}.btn-disabled[data-v-5289aaf3],.btn[data-v-5289aaf3]:disabled{background-color:#828282}a.btn[data-v-5289aaf3]{text-decoration:none;line-height:42px}a.btn-sm[data-v-5289aaf3]{line-height:36px}a.btn-lg[data-v-5289aaf3]{line-height:48px}a.btn[data-v-5289aaf3]:focus,a.btn[data-v-5289aaf3]:hover{text-decoration:none}.btn-primary[data-v-5289aaf3]{background-color:#1e90ff}.btn-primary[data-v-5289aaf3]:focus,.btn-primary[data-v-5289aaf3]:hover{background-color:#0077ea;-webkit-box-shadow:0 0 0 .2rem rgba(30,144,255,.5);box-shadow:0 0 0 .2rem rgba(30,144,255,.5)}.btn-primary-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #1e90ff;color:#1e90ff}.btn-primary-outline[data-v-5289aaf3]:focus,.btn-primary-outline[data-v-5289aaf3]:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem rgba(30,144,255,.5);box-shadow:0 0 0 .2rem rgba(30,144,255,.5)}.btn-secondary[data-v-5289aaf3]{background-color:#21222e}.btn-secondary[data-v-5289aaf3]:focus,.btn-secondary[data-v-5289aaf3]:hover{background-color:#0c0c10;-webkit-box-shadow:0 0 0 .2rem rgba(33,34,46,.5);box-shadow:0 0 0 .2rem rgba(33,34,46,.5)}.btn-secondary-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #21222e;color:#21222e}.btn-secondary-outline[data-v-5289aaf3]:focus,.btn-secondary-outline[data-v-5289aaf3]:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem rgba(33,34,46,.5);box-shadow:0 0 0 .2rem rgba(33,34,46,.5)}.btn-success[data-v-5289aaf3]{background-color:#9acd32}.btn-success[data-v-5289aaf3]:focus,.btn-success[data-v-5289aaf3]:hover{background-color:#7ba428;-webkit-box-shadow:0 0 0 .2rem rgba(154,205,50,.5);box-shadow:0 0 0 .2rem rgba(154,205,50,.5)}.btn-success-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #9acd32;color:#9acd32}.btn-success-outline[data-v-5289aaf3]:focus,.btn-success-outline[data-v-5289aaf3]:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem rgba(154,205,50,.5);box-shadow:0 0 0 .2rem rgba(154,205,50,.5)}.btn-danger[data-v-5289aaf3]{background-color:#ff4500}.btn-danger[data-v-5289aaf3]:focus,.btn-danger[data-v-5289aaf3]:hover{background-color:#cc3700;-webkit-box-shadow:0 0 0 .2rem rgba(255,69,0,.5);box-shadow:0 0 0 .2rem rgba(255,69,0,.5)}.btn-danger-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #ff4500;color:#ff4500}.btn-danger-outline[data-v-5289aaf3]:focus,.btn-danger-outline[data-v-5289aaf3]:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem rgba(255,69,0,.5);box-shadow:0 0 0 .2rem rgba(255,69,0,.5)}.btn-grey[data-v-5289aaf3]{background-color:#828282}.btn-grey[data-v-5289aaf3]:focus,.btn-grey[data-v-5289aaf3]:hover{background-color:#696969;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,51%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,51%,.5)}.btn-grey-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #828282;color:#828282}.btn-grey-outline[data-v-5289aaf3]:focus,.btn-grey-outline[data-v-5289aaf3]:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,51%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,51%,.5)}.btn-grey-light[data-v-5289aaf3]{background-color:#f2f2f2}.btn-grey-light[data-v-5289aaf3]:focus,.btn-grey-light[data-v-5289aaf3]:hover{background-color:#d9d9d9;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,94.9%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,94.9%,.5)}.btn-grey-light-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #f2f2f2;color:#f2f2f2}.btn-grey-light-outline[data-v-5289aaf3]:focus,.btn-grey-light-outline[data-v-5289aaf3]:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,94.9%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,94.9%,.5)}.btn-info[data-v-5289aaf3]{background-color:#17a2b8}.btn-info[data-v-5289aaf3]:focus,.btn-info[data-v-5289aaf3]:hover{background-color:#117a8b;-webkit-box-shadow:0 0 0 .2rem rgba(23,162,184,.5);box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #17a2b8;color:#17a2b8}.btn-info-outline[data-v-5289aaf3]:focus,.btn-info-outline[data-v-5289aaf3]:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem rgba(23,162,184,.5);box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning[data-v-5289aaf3]{background-color:#ffa300}.btn-warning[data-v-5289aaf3]:focus,.btn-warning[data-v-5289aaf3]:hover{background-color:#cc8200;-webkit-box-shadow:0 0 0 .2rem rgba(255,163,0,.5);box-shadow:0 0 0 .2rem rgba(255,163,0,.5)}.btn-warning-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #ffa300;color:#ffa300}.btn-warning-outline[data-v-5289aaf3]:focus,.btn-warning-outline[data-v-5289aaf3]:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem rgba(255,163,0,.5);box-shadow:0 0 0 .2rem rgba(255,163,0,.5)}.btn-light[data-v-5289aaf3]{background-color:#f5f5f5}.btn-light[data-v-5289aaf3]:focus,.btn-light[data-v-5289aaf3]:hover{background-color:#dcdcdc;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,96.1%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,96.1%,.5)}.btn-light-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #f5f5f5;color:#f5f5f5}.btn-light-outline[data-v-5289aaf3]:focus,.btn-light-outline[data-v-5289aaf3]:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,96.1%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,96.1%,.5)}.btn-dark[data-v-5289aaf3]{background-color:#24292e}.btn-dark[data-v-5289aaf3]:focus,.btn-dark[data-v-5289aaf3]:hover{background-color:#0e1011;-webkit-box-shadow:0 0 0 .2rem rgba(36,41,46,.5);box-shadow:0 0 0 .2rem rgba(36,41,46,.5)}.btn-dark-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #24292e;color:#24292e}.btn-dark-outline[data-v-5289aaf3]:focus,.btn-dark-outline[data-v-5289aaf3]:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem rgba(36,41,46,.5);box-shadow:0 0 0 .2rem rgba(36,41,46,.5)}.btn-default[data-v-5289aaf3]{background-color:#ccc}.btn-default[data-v-5289aaf3]:focus,.btn-default[data-v-5289aaf3]:hover{background-color:#b3b3b3;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,80%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,80%,.5)}.btn-default-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #ccc;color:#ccc}.btn-default-outline[data-v-5289aaf3]:focus,.btn-default-outline[data-v-5289aaf3]:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,80%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,80%,.5)}.btn-white[data-v-5289aaf3]{background-color:#fff}.btn-white[data-v-5289aaf3]:focus,.btn-white[data-v-5289aaf3]:hover{background-color:#e6e6e6;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,100%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,100%,.5)}.btn-white-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #fff;color:#fff}.btn-white-outline[data-v-5289aaf3]:focus,.btn-white-outline[data-v-5289aaf3]:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,100%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,100%,.5)}.btn-black[data-v-5289aaf3]{background-color:#000}.btn-black[data-v-5289aaf3]:focus,.btn-black[data-v-5289aaf3]:hover{background-color:#000;-webkit-box-shadow:0 0 0 .2rem rgba(0,0,0,.5);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-black-outline[data-v-5289aaf3]{background-color:transparent;border:1px solid #000;color:#000}.btn-black-outline[data-v-5289aaf3]:focus,.btn-black-outline[data-v-5289aaf3]:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem rgba(0,0,0,.5);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.badge[data-v-5289aaf3]{background:#f2f2f2;height:22px;line-height:22px;border-radius:22px;padding:0 5px;font-size:12px;color:#888;font-weight:500}.badge-primary[data-v-5289aaf3]{background-color:#1e90ff;color:#fff}.badge-secondary[data-v-5289aaf3]{background-color:#21222e;color:#fff}.badge-success[data-v-5289aaf3]{background-color:#9acd32;color:#fff}.badge-danger[data-v-5289aaf3]{background-color:#ff4500;color:#fff}.badge-grey[data-v-5289aaf3]{background-color:#828282;color:#fff}.badge-grey-light[data-v-5289aaf3]{background-color:#f2f2f2;color:#fff}.badge-info[data-v-5289aaf3]{background-color:#17a2b8;color:#fff}.badge-warning[data-v-5289aaf3]{background-color:#ffa300;color:#fff}.badge-light[data-v-5289aaf3]{background-color:#f5f5f5;color:#fff}.badge-dark[data-v-5289aaf3]{background-color:#24292e;color:#fff}.badge-default[data-v-5289aaf3]{background-color:#ccc;color:#fff}.badge-white[data-v-5289aaf3]{background-color:#fff;color:#fff}.badge-black[data-v-5289aaf3]{background-color:#000;color:#fff}.slide-enter-active[data-v-5289aaf3],.slide-leave-active[data-v-5289aaf3]{opacity:1;z-index:998;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slide-enter[data-v-5289aaf3],.slide-leave-to[data-v-5289aaf3]{opacity:0;z-index:998;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.slideinvert-enter-active[data-v-5289aaf3],.slideinvert-leave-active[data-v-5289aaf3]{opacity:1;z-index:998;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slideinvert-enter[data-v-5289aaf3],.slideinvert-leave-to[data-v-5289aaf3]{opacity:0;z-index:998;-webkit-transform:translateY(40px);transform:translateY(40px)}.slidenext-enter-active[data-v-5289aaf3],.slidenext-leave-active[data-v-5289aaf3],.slideprev-enter-active[data-v-5289aaf3],.slideprev-leave-active[data-v-5289aaf3]{position:absolute;-webkit-transition:all .3s;transition:all .3s}.slidenext-enter[data-v-5289aaf3],.slideprev-leave-to[data-v-5289aaf3]{-webkit-transform:translateX(100%);transform:translateX(100%)}.slidenext-leave-to[data-v-5289aaf3],.slideprev-enter[data-v-5289aaf3]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slidevnext-enter-active[data-v-5289aaf3],.slidevnext-leave-active[data-v-5289aaf3],.slidevprev-enter-active[data-v-5289aaf3],.slidevprev-leave-active[data-v-5289aaf3]{position:absolute;-webkit-transition:all .3s;transition:all .3s}.slidevnext-enter[data-v-5289aaf3],.slidevprev-leave-to[data-v-5289aaf3]{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.slidevnext-leave-to[data-v-5289aaf3],.slidevprev-enter[data-v-5289aaf3]{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}@media screen and (max-width:415px){.slide-enter-active[data-v-5289aaf3],.slide-leave-active[data-v-5289aaf3],.slideinvert-enter-active[data-v-5289aaf3],.slideinvert-leave-active[data-v-5289aaf3]{-webkit-transition:all 0s;transition:all 0s}}.spinner-anim[data-v-5289aaf3]{-webkit-animation:spin-data-v-5289aaf3 .6s linear infinite;animation:spin-data-v-5289aaf3 .6s linear infinite}@-webkit-keyframes spin-data-v-5289aaf3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-5289aaf3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.pos-r[data-v-5289aaf3]{position:relative}.pos-a[data-v-5289aaf3]{position:absolute}.fluid[data-v-5289aaf3]{width:100%}.fill-height[data-v-5289aaf3]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.spacer[data-v-5289aaf3]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.align-center[data-v-5289aaf3]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex[data-v-5289aaf3]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-start[data-v-5289aaf3]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.flex-end[data-v-5289aaf3]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flex-direction-column[data-v-5289aaf3]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-direction-column-reverse[data-v-5289aaf3]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-direction-row[data-v-5289aaf3]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex-direction-row-reverse[data-v-5289aaf3]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.justify-content-end[data-v-5289aaf3],.justify-content-right[data-v-5289aaf3]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.justify-content-center[data-v-5289aaf3]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-content-between[data-v-5289aaf3]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-content-around[data-v-5289aaf3]{-ms-flex-pack:distribute;justify-content:space-around}.flex-fill[data-v-5289aaf3]{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.flex-fixed[data-v-5289aaf3]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.flex-1[data-v-5289aaf3]{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex-100[data-v-5289aaf3]{-webkit-box-flex:3;-ms-flex:3 1 100%;flex:3 1 100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.flex-75[data-v-5289aaf3]{-ms-flex:2 1 75%;flex:2 1 75%;-ms-flex-order:2}.flex-50[data-v-5289aaf3],.flex-75[data-v-5289aaf3]{-webkit-box-flex:2;-webkit-box-ordinal-group:3;order:2}.flex-50[data-v-5289aaf3]{-ms-flex:2 1 50%;flex:2 1 50%;-ms-flex-order:2}.flex-33[data-v-5289aaf3]{-webkit-box-flex:2;-ms-flex:2 1 33%;flex:2 1 33%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.flex-25[data-v-5289aaf3]{-webkit-box-flex:2;-ms-flex:2 1 25%;flex:2 1 25%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.flex-wrap[data-v-5289aaf3]{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-grow[data-v-5289aaf3]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.dots-text[data-v-5289aaf3]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-muted-white[data-v-5289aaf3]{color:hsla(0,0%,100%,.54)}.text-muted[data-v-5289aaf3]{color:rgba(0,0,0,.54)}.text-strong[data-v-5289aaf3]{font-weight:500}.text-center[data-v-5289aaf3]{text-align:center}.text-left[data-v-5289aaf3]{text-align:left}.text-right[data-v-5289aaf3]{text-align:right}.text-primary[data-v-5289aaf3]{color:#1e90ff}.text-secondary[data-v-5289aaf3]{color:#21222e}.text-success[data-v-5289aaf3]{color:#9acd32}.text-danger[data-v-5289aaf3]{color:#ff4500}.text-grey[data-v-5289aaf3]{color:#828282}.text-grey-light[data-v-5289aaf3]{color:#f2f2f2}.text-info[data-v-5289aaf3]{color:#17a2b8}.text-warning[data-v-5289aaf3]{color:#ffa300}.text-light[data-v-5289aaf3]{color:#f5f5f5}.text-dark[data-v-5289aaf3]{color:#24292e}.text-default[data-v-5289aaf3]{color:#ccc}.text-white[data-v-5289aaf3]{color:#fff}.text-black[data-v-5289aaf3]{color:#000}.container[data-v-5289aaf3]{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (max-width:767px){.container[data-v-5289aaf3]{max-width:100%}}@media (min-width:767px){.container[data-v-5289aaf3]{max-width:767px}}@media (min-width:1024px){.container[data-v-5289aaf3]{max-width:1024px}}@media (min-width:1440px){.container[data-v-5289aaf3]{max-width:1440px}}@media (min-width:2560px){.container[data-v-5289aaf3]{max-width:2560px}}.pr-0[data-v-5289aaf3]{padding-right:0}.pt-0[data-v-5289aaf3]{padding-top:0}.pb-0[data-v-5289aaf3]{padding-bottom:0}.pl-0[data-v-5289aaf3]{padding-left:0}.px-0[data-v-5289aaf3]{padding-left:0;padding-right:0}.py-0[data-v-5289aaf3]{padding-top:0;padding-bottom:0}.p-0[data-v-5289aaf3]{padding:0}.pr-1[data-v-5289aaf3]{padding-right:.25rem}.pt-1[data-v-5289aaf3]{padding-top:.25rem}.pb-1[data-v-5289aaf3]{padding-bottom:.25rem}.pl-1[data-v-5289aaf3]{padding-left:.25rem}.px-1[data-v-5289aaf3]{padding-left:.25rem;padding-right:.25rem}.py-1[data-v-5289aaf3]{padding-top:.25rem;padding-bottom:.25rem}.p-1[data-v-5289aaf3]{padding:.25rem}.pr-2[data-v-5289aaf3]{padding-right:.5rem}.pt-2[data-v-5289aaf3]{padding-top:.5rem}.pb-2[data-v-5289aaf3]{padding-bottom:.5rem}.pl-2[data-v-5289aaf3]{padding-left:.5rem}.px-2[data-v-5289aaf3]{padding-left:.5rem;padding-right:.5rem}.py-2[data-v-5289aaf3]{padding-top:.5rem;padding-bottom:.5rem}.p-2[data-v-5289aaf3]{padding:.5rem}.pr-3[data-v-5289aaf3]{padding-right:1rem}.pt-3[data-v-5289aaf3]{padding-top:1rem}.pb-3[data-v-5289aaf3]{padding-bottom:1rem}.pl-3[data-v-5289aaf3]{padding-left:1rem}.px-3[data-v-5289aaf3]{padding-left:1rem;padding-right:1rem}.py-3[data-v-5289aaf3]{padding-top:1rem;padding-bottom:1rem}.p-3[data-v-5289aaf3]{padding:1rem}.pr-4[data-v-5289aaf3]{padding-right:1.5rem}.pt-4[data-v-5289aaf3]{padding-top:1.5rem}.pb-4[data-v-5289aaf3]{padding-bottom:1.5rem}.pl-4[data-v-5289aaf3]{padding-left:1.5rem}.px-4[data-v-5289aaf3]{padding-left:1.5rem;padding-right:1.5rem}.py-4[data-v-5289aaf3]{padding-top:1.5rem;padding-bottom:1.5rem}.p-4[data-v-5289aaf3]{padding:1.5rem}.pr-5[data-v-5289aaf3]{padding-right:3rem}.pt-5[data-v-5289aaf3]{padding-top:3rem}.pb-5[data-v-5289aaf3]{padding-bottom:3rem}.pl-5[data-v-5289aaf3]{padding-left:3rem}.px-5[data-v-5289aaf3]{padding-left:3rem;padding-right:3rem}.py-5[data-v-5289aaf3]{padding-top:3rem;padding-bottom:3rem}.p-5[data-v-5289aaf3]{padding:3rem}.mr-0[data-v-5289aaf3]{margin-right:0}.mt-0[data-v-5289aaf3]{margin-top:0}.mb-0[data-v-5289aaf3]{margin-bottom:0}.ml-0[data-v-5289aaf3]{margin-left:0}.mx-0[data-v-5289aaf3]{margin-left:0;margin-right:0}.my-0[data-v-5289aaf3]{margin-top:0;margin-bottom:0}.m-0[data-v-5289aaf3]{margin:0}.mr-1[data-v-5289aaf3]{margin-right:.25rem}.mt-1[data-v-5289aaf3]{margin-top:.25rem}.mb-1[data-v-5289aaf3]{margin-bottom:.25rem}.ml-1[data-v-5289aaf3]{margin-left:.25rem}.mx-1[data-v-5289aaf3]{margin-left:.25rem;margin-right:.25rem}.my-1[data-v-5289aaf3]{margin-top:.25rem;margin-bottom:.25rem}.m-1[data-v-5289aaf3]{margin:.25rem}.mr-2[data-v-5289aaf3]{margin-right:.5rem}.mt-2[data-v-5289aaf3]{margin-top:.5rem}.mb-2[data-v-5289aaf3]{margin-bottom:.5rem}.ml-2[data-v-5289aaf3]{margin-left:.5rem}.mx-2[data-v-5289aaf3]{margin-left:.5rem;margin-right:.5rem}.my-2[data-v-5289aaf3]{margin-top:.5rem;margin-bottom:.5rem}.m-2[data-v-5289aaf3]{margin:.5rem}.mr-3[data-v-5289aaf3]{margin-right:1rem}.mt-3[data-v-5289aaf3]{margin-top:1rem}.mb-3[data-v-5289aaf3]{margin-bottom:1rem}.ml-3[data-v-5289aaf3]{margin-left:1rem}.mx-3[data-v-5289aaf3]{margin-left:1rem;margin-right:1rem}.my-3[data-v-5289aaf3]{margin-top:1rem;margin-bottom:1rem}.m-3[data-v-5289aaf3]{margin:1rem}.mr-4[data-v-5289aaf3]{margin-right:1.5rem}.mt-4[data-v-5289aaf3]{margin-top:1.5rem}.mb-4[data-v-5289aaf3]{margin-bottom:1.5rem}.ml-4[data-v-5289aaf3]{margin-left:1.5rem}.mx-4[data-v-5289aaf3]{margin-left:1.5rem;margin-right:1.5rem}.my-4[data-v-5289aaf3]{margin-top:1.5rem;margin-bottom:1.5rem}.m-4[data-v-5289aaf3]{margin:1.5rem}.mr-5[data-v-5289aaf3]{margin-right:3rem}.mt-5[data-v-5289aaf3]{margin-top:3rem}.mb-5[data-v-5289aaf3]{margin-bottom:3rem}.ml-5[data-v-5289aaf3]{margin-left:3rem}.mx-5[data-v-5289aaf3]{margin-left:3rem;margin-right:3rem}.my-5[data-v-5289aaf3]{margin-top:3rem;margin-bottom:3rem}.m-5[data-v-5289aaf3]{margin:3rem}.h-100[data-v-5289aaf3]{height:100%}.mh-100[data-v-5289aaf3]{max-height:100%}.w-100[data-v-5289aaf3]{width:100%}.mw-100[data-v-5289aaf3]{max-width:100%}.br-2[data-v-5289aaf3]{border-radius:2px}.brt-2[data-v-5289aaf3]{border-top-left-radius:2px;border-top-right-radius:2px}.brb-2[data-v-5289aaf3]{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.br-4[data-v-5289aaf3]{border-radius:4px}.brt-4[data-v-5289aaf3]{border-top-left-radius:4px;border-top-right-radius:4px}.brb-4[data-v-5289aaf3]{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.br-8[data-v-5289aaf3]{border-radius:8px}.brt-8[data-v-5289aaf3]{border-top-left-radius:8px;border-top-right-radius:8px}.brb-8[data-v-5289aaf3]{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.fs-12[data-v-5289aaf3]{font-size:12px}.fs-14[data-v-5289aaf3]{font-size:14px}.fs-16[data-v-5289aaf3]{font-size:16px}.fs-18[data-v-5289aaf3]{font-size:18px}.fs-20[data-v-5289aaf3]{font-size:20px}.fs-22[data-v-5289aaf3]{font-size:22px}.fs-26[data-v-5289aaf3]{font-size:26px}.fw-300[data-v-5289aaf3]{font-weight:300}.fw-400[data-v-5289aaf3]{font-weight:400}.fw-500[data-v-5289aaf3]{font-weight:500}[data-v-5289aaf3],[data-v-5289aaf3]:after,[data-v-5289aaf3]:before{-webkit-box-sizing:border-box;box-sizing:border-box}blockquote[data-v-5289aaf3],body[data-v-5289aaf3],dd[data-v-5289aaf3],dl[data-v-5289aaf3],figure[data-v-5289aaf3],h1[data-v-5289aaf3],h2[data-v-5289aaf3],h3[data-v-5289aaf3],h4[data-v-5289aaf3],h5[data-v-5289aaf3],h6[data-v-5289aaf3],hr[data-v-5289aaf3],ol[data-v-5289aaf3],p[data-v-5289aaf3],pre[data-v-5289aaf3],ul[data-v-5289aaf3]{margin:0;padding:0}.vue-input-ui[data-v-5289aaf3]{position:relative}.vue-input-ui[data-v-5289aaf3]:not(.vue-input-ui__input.textarea){height:42px;min-height:42px}.vue-input-ui__label[data-v-5289aaf3]{position:absolute;top:4px;cursor:pointer;left:13px;-webkit-transform:translateY(25%);transform:translateY(25%);opacity:0;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);transition:all .25s cubic-bezier(.645,.045,.355,1);font-size:11px;color:var(--vue-input-ui-second-color-light)}.vue-input-ui__input[data-v-5289aaf3]{cursor:pointer;background-color:var(--vue-input-ui-bg-color-light);-webkit-transition-duration:.3s;transition-duration:.3s;position:relative;width:100%;padding:0 12px;font-weight:400;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:1px solid var(--vue-input-ui-third-color-light);border-radius:var(--vue-input-ui-border-radius);font-size:14px;z-index:0;caret-color:var(--vue-input-ui-primary-color)}.vue-input-ui__input[data-v-5289aaf3]:not(.textarea){height:42px;min-height:42px}.vue-input-ui__input.textarea[data-v-5289aaf3]{padding:8px 12px 0 12px;min-height:88px!important;resize:vertical}.vue-input-ui__input[data-v-5289aaf3]::-webkit-input-placeholder{color:var(--vue-input-ui-second-color-light)}.vue-input-ui__input[data-v-5289aaf3]::-moz-placeholder{color:var(--vue-input-ui-second-color-light)}.vue-input-ui__input[data-v-5289aaf3]:-ms-input-placeholder{color:var(--vue-input-ui-second-color-light)}.vue-input-ui__input[data-v-5289aaf3]::-ms-input-placeholder{color:var(--vue-input-ui-second-color-light)}.vue-input-ui__input[data-v-5289aaf3]::placeholder{color:var(--vue-input-ui-second-color-light)}.vue-input-ui__input__input[data-v-5289aaf3]:-webkit-autofill,.vue-input-ui__input__input[data-v-5289aaf3]:-webkit-autofill:active,.vue-input-ui__input__input[data-v-5289aaf3]:-webkit-autofill:focus,.vue-input-ui__input__input[data-v-5289aaf3]:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--vue-input-ui-bg-color-light) inset!important;box-shadow:0 0 0 1000px var(--vue-input-ui-bg-color-light) inset!important;-webkit-text-fill-color:var(--vue-input-ui-second-color-light)!important}.vue-input-ui__clear[data-v-5289aaf3]{position:absolute;top:0;bottom:0;right:8px;margin:auto 0;width:24px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--vue-input-ui-second-color-light);border-radius:24px;cursor:pointer;font-size:12px}.vue-input-ui__clear[data-v-5289aaf3]:focus{outline:none}.vue-input-ui__clear>span[data-v-5289aaf3]:not(.vue-input-ui__clear__effect){position:relative;top:1px}.vue-input-ui__clear__effect[data-v-5289aaf3]{position:absolute;top:0;left:0;right:0;bottom:0;width:24px;height:24px;background-color:var(--vue-input-ui-muted-color-light);border-radius:24px;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.vue-input-ui__clear[data-v-5289aaf3]:hover{color:#fff}.vue-input-ui__clear:hover .vue-input-ui__clear__effect[data-v-5289aaf3]{-webkit-transform:scale(1);transform:scale(1);opacity:.6}.vue-input-ui.is-dark .vue-input-ui__label[data-v-5289aaf3]{color:var(--vue-input-ui-second-color-dark)}.vue-input-ui.is-dark .vue-input-ui__input[data-v-5289aaf3]{background-color:var(--vue-input-ui-bg-color-dark);border:1px solid var(--vue-input-ui-third-color-dark);color:var(--vue-input-ui-second-color-dark)}.vue-input-ui.is-dark .vue-input-ui__input[data-v-5289aaf3]::-webkit-input-placeholder{color:var(--vue-input-ui-second-color-dark)}.vue-input-ui.is-dark .vue-input-ui__input[data-v-5289aaf3]::-moz-placeholder{color:var(--vue-input-ui-second-color-dark)}.vue-input-ui.is-dark .vue-input-ui__input[data-v-5289aaf3]:-ms-input-placeholder{color:var(--vue-input-ui-second-color-dark)}.vue-input-ui.is-dark .vue-input-ui__input[data-v-5289aaf3]::-ms-input-placeholder{color:var(--vue-input-ui-second-color-dark)}.vue-input-ui.is-dark .vue-input-ui__input[data-v-5289aaf3]::placeholder{color:var(--vue-input-ui-second-color-dark)}.vue-input-ui.is-dark .vue-input-ui__input__input[data-v-5289aaf3]:-webkit-autofill,.vue-input-ui.is-dark .vue-input-ui__input__input[data-v-5289aaf3]:-webkit-autofill:active,.vue-input-ui.is-dark .vue-input-ui__input__input[data-v-5289aaf3]:-webkit-autofill:focus,.vue-input-ui.is-dark .vue-input-ui__input__input[data-v-5289aaf3]:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--vue-input-ui-bg-color-dark) inset!important;box-shadow:0 0 0 1000px var(--vue-input-ui-bg-color-dark) inset!important;-webkit-text-fill-color:var(--vue-input-ui-second-color-dark)!important}.vue-input-ui.is-dark .vue-input-ui__clear[data-v-5289aaf3]{color:var(--vue-input-ui-second-color-dark)}.vue-input-ui.is-dark .vue-input-ui__clear__effect[data-v-5289aaf3]{background-color:var(--vue-input-ui-muted-color-dark)}.vue-input-ui.is-dark .vue-input-ui__clear[data-v-5289aaf3]:hover{color:#fff}.vue-input-ui.is-focused .vue-input-ui__input[data-v-5289aaf3]{border-color:var(--vue-input-ui-primary-color);-webkit-box-shadow:0 0 0 .2rem var(--vue-input-ui-primary-color-transparency);box-shadow:0 0 0 .2rem var(--vue-input-ui-primary-color-transparency)}.vue-input-ui.is-focused .vue-input-ui__label[data-v-5289aaf3]{color:var(--vue-input-ui-primary-color)}.vue-input-ui.is-focused.has-error .vue-input-ui__input[data-v-5289aaf3]{-webkit-box-shadow:0 0 0 .2rem var(--vue-input-ui-error-color-transparency);box-shadow:0 0 0 .2rem var(--vue-input-ui-error-color-transparency)}.vue-input-ui.is-focused.is-valid .vue-input-ui__input[data-v-5289aaf3]{border-color:var(--vue-input-ui-valid-color);-webkit-box-shadow:0 0 0 .2rem var(--vue-input-ui-valid-color-transparency);box-shadow:0 0 0 .2rem var(--vue-input-ui-valid-color-transparency)}.vue-input-ui.has-value .vue-input-ui__label[data-v-5289aaf3]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);font-size:11px}.vue-input-ui.has-value .vue-input-ui__input[data-v-5289aaf3]{padding-top:14px}.vue-input-ui.has-value .vue-input-ui__input.textarea[data-v-5289aaf3]{padding-top:20px}.vue-input-ui.has-hint .vue-input-ui__label[data-v-5289aaf3],.vue-input-ui.has-value .vue-input-ui__label[data-v-5289aaf3]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);font-size:11px}.vue-input-ui.has-hint .vue-input-ui__input[data-v-5289aaf3],.vue-input-ui.has-value .vue-input-ui__input[data-v-5289aaf3]{padding-top:14px}.vue-input-ui.has-hint .vue-input-ui__input.textarea[data-v-5289aaf3],.vue-input-ui.has-value .vue-input-ui__input.textarea[data-v-5289aaf3]{padding-top:20px}.vue-input-ui.is-valid .vue-input-ui__input[data-v-5289aaf3]{border-color:var(--vue-input-ui-valid-color)}.vue-input-ui.is-valid .vue-input-ui__label[data-v-5289aaf3]{color:var(--vue-input-ui-valid-color)}.vue-input-ui.has-error .vue-input-ui__input[data-v-5289aaf3]{border-color:var(--vue-input-ui-error-color)}.vue-input-ui.has-error .vue-input-ui__label[data-v-5289aaf3]{color:var(--vue-input-ui-error-color)}.vue-input-ui.is-disabled[data-v-5289aaf3]{cursor:not-allowed}.vue-input-ui.is-disabled .vue-input-ui__input[data-v-5289aaf3]{border-color:#ccc;background-color:#f2f2f2;color:#747474}.vue-input-ui.is-disabled .vue-input-ui__input[data-v-5289aaf3]::-webkit-input-placeholder{color:#747474}.vue-input-ui.is-disabled .vue-input-ui__input[data-v-5289aaf3]::-moz-placeholder{color:#747474}.vue-input-ui.is-disabled .vue-input-ui__input[data-v-5289aaf3]:-ms-input-placeholder{color:#747474}.vue-input-ui.is-disabled .vue-input-ui__input[data-v-5289aaf3]::-ms-input-placeholder{color:#747474}.vue-input-ui.is-disabled .vue-input-ui__input[data-v-5289aaf3]::placeholder{color:#747474}.vue-input-ui.is-disabled .vue-input-ui__input[data-v-5289aaf3],.vue-input-ui.is-disabled .vue-input-ui__label[data-v-5289aaf3],.vue-input-ui.is-disabled .vue-input-ui__toggle__arrow[data-v-5289aaf3]{cursor:not-allowed;color:#747474}.vue-input-ui.sm[data-v-5289aaf3]:not(.vue-input-ui__input.textarea){height:36px;min-height:36px}.vue-input-ui.sm .vue-input-ui__input[data-v-5289aaf3]{font-size:12px}.vue-input-ui.sm .vue-input-ui__input[data-v-5289aaf3]:not(.textarea){height:36px;min-height:36px}.vue-input-ui.sm .vue-input-ui__label[data-v-5289aaf3]{font-size:10px}.vue-input-ui.sm.has-value .vue-input-ui__input[data-v-5289aaf3]{padding-top:12px}.vue-input-ui.sm.has-value .vue-input-ui__input.textarea[data-v-5289aaf3]{padding-top:18px}.vue-input-ui.lg[data-v-5289aaf3]:not(.vue-input-ui__input.textarea){height:48px;min-height:48px}.vue-input-ui.lg .vue-input-ui__input[data-v-5289aaf3]{font-size:16px}.vue-input-ui.lg .vue-input-ui__input[data-v-5289aaf3]:not(.textarea){height:48px;min-height:48px}.vue-input-ui.lg .vue-input-ui__label[data-v-5289aaf3]{font-size:14px}.vue-input-ui.lg.has-value .vue-input-ui__input[data-v-5289aaf3]{padding-top:16px}.vue-input-ui.lg.has-value .vue-input-ui__input.textarea[data-v-5289aaf3]{padding-top:26px}.vue-input-ui__loader[data-v-5289aaf3]{bottom:0;height:2px;left:2px;width:calc(100% - 4px);position:absolute;overflow:hidden;border-radius:4px}.vue-input-ui__loader.textarea[data-v-5289aaf3]{bottom:6px}.vue-input-ui__loader__progress-bar[data-v-5289aaf3]{background-color:var(--vue-input-ui-primary-color);display:block;position:absolute;content:"";left:-200px;width:200px;height:2px;-webkit-animation:loading-data-v-5289aaf3 2s linear infinite;animation:loading-data-v-5289aaf3 2s linear infinite}@-webkit-keyframes loading-data-v-5289aaf3{0%{left:-200px;width:30%}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}@keyframes loading-data-v-5289aaf3{0%{left:-200px;width:30%}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}.bg-grey{background-color:#f2f2f2}.bg-primary{background-color:#1e90ff}.bg-secondary{background-color:#21222e}.bg-success{background-color:#9acd32}.bg-danger{background-color:#ff4500}.bg-grey{background-color:#828282}.bg-grey-light{background-color:#f2f2f2}.bg-info{background-color:#17a2b8}.bg-warning{background-color:#ffa300}.bg-light{background-color:#f5f5f5}.bg-dark{background-color:#24292e}.bg-default{background-color:#ccc}.bg-white{background-color:#fff}.bg-black{background-color:#000}.label{border-radius:2px;padding:2px 4px;color:#fff;font-size:10px}.label,.label-primary{background-color:#1e90ff}.label-primary-outline{background-color:transparent;border:1px solid #1e90ff;color:#1e90ff}.label-secondary{background-color:#21222e}.label-secondary-outline{background-color:transparent;border:1px solid #21222e;color:#21222e}.label-success{background-color:#9acd32}.label-success-outline{background-color:transparent;border:1px solid #9acd32;color:#9acd32}.label-danger{background-color:#ff4500}.label-danger-outline{background-color:transparent;border:1px solid #ff4500;color:#ff4500}.label-grey{background-color:#828282}.label-grey-outline{background-color:transparent;border:1px solid #828282;color:#828282}.label-grey-light{background-color:#f2f2f2}.label-grey-light-outline{background-color:transparent;border:1px solid #f2f2f2;color:#f2f2f2}.label-info{background-color:#17a2b8}.label-info-outline{background-color:transparent;border:1px solid #17a2b8;color:#17a2b8}.label-warning{background-color:#ffa300}.label-warning-outline{background-color:transparent;border:1px solid #ffa300;color:#ffa300}.label-light{background-color:#f5f5f5}.label-light-outline{background-color:transparent;border:1px solid #f5f5f5;color:#f5f5f5}.label-dark{background-color:#24292e}.label-dark-outline{background-color:transparent;border:1px solid #24292e;color:#24292e}.label-default{background-color:#ccc}.label-default-outline{background-color:transparent;border:1px solid #ccc;color:#ccc}.label-white{background-color:#fff}.label-white-outline{background-color:transparent;border:1px solid #fff;color:#fff}.label-black{background-color:#000}.label-black-outline{background-color:transparent;border:1px solid #000;color:#000}.dot{width:6px;height:6px;border-radius:6px}.dot,.dot-primary{background-color:#1e90ff}.dot-primary-outline{background-color:transparent;border:1px solid #1e90ff;color:#1e90ff}.dot-secondary{background-color:#21222e}.dot-secondary-outline{background-color:transparent;border:1px solid #21222e;color:#21222e}.dot-success{background-color:#9acd32}.dot-success-outline{background-color:transparent;border:1px solid #9acd32;color:#9acd32}.dot-danger{background-color:#ff4500}.dot-danger-outline{background-color:transparent;border:1px solid #ff4500;color:#ff4500}.dot-grey{background-color:#828282}.dot-grey-outline{background-color:transparent;border:1px solid #828282;color:#828282}.dot-grey-light{background-color:#f2f2f2}.dot-grey-light-outline{background-color:transparent;border:1px solid #f2f2f2;color:#f2f2f2}.dot-info{background-color:#17a2b8}.dot-info-outline{background-color:transparent;border:1px solid #17a2b8;color:#17a2b8}.dot-warning{background-color:#ffa300}.dot-warning-outline{background-color:transparent;border:1px solid #ffa300;color:#ffa300}.dot-light{background-color:#f5f5f5}.dot-light-outline{background-color:transparent;border:1px solid #f5f5f5;color:#f5f5f5}.dot-dark{background-color:#24292e}.dot-dark-outline{background-color:transparent;border:1px solid #24292e;color:#24292e}.dot-default{background-color:#ccc}.dot-default-outline{background-color:transparent;border:1px solid #ccc;color:#ccc}.dot-white{background-color:#fff}.dot-white-outline{background-color:transparent;border:1px solid #fff;color:#fff}.dot-black{background-color:#000}.dot-black-outline{background-color:transparent;border:1px solid #000;color:#000}a{color:#1e90ff;text-decoration:none}a:focus,a:hover{text-decoration:underline}.btn{border:1px solid transparent;text-decoration:none;outline:none;cursor:pointer;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);transition:all .25s cubic-bezier(.645,.045,.355,1);background-color:#1e90ff;color:#fff;display:inline-block;border-radius:8px;height:42px;line-height:normal;padding:0 24px;font-size:16px;font-weight:inherit;margin:0;width:auto;overflow:visible;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit}.btn:focus,.btn:hover{background-color:#0077ea;-webkit-box-shadow:0 0 0 .2rem rgba(30,144,255,.5);box-shadow:0 0 0 .2rem rgba(30,144,255,.5)}.btn-rounded{border-radius:42px}.btn-sm{height:36px;padding:0 16px;font-size:14px}.btn-sm.btn-rounded{border-radius:36px}.btn-lg{height:48px;padding:0 32px}.btn-lg.btn-rounded{border-radius:48px}.btn-disabled,.btn:disabled{background-color:#828282}a.btn{text-decoration:none;line-height:42px}a.btn-sm{line-height:36px}a.btn-lg{line-height:48px}a.btn:focus,a.btn:hover{text-decoration:none}.btn-primary{background-color:#1e90ff}.btn-primary:focus,.btn-primary:hover{background-color:#0077ea;-webkit-box-shadow:0 0 0 .2rem rgba(30,144,255,.5);box-shadow:0 0 0 .2rem rgba(30,144,255,.5)}.btn-primary-outline{background-color:transparent;border:1px solid #1e90ff;color:#1e90ff}.btn-primary-outline:focus,.btn-primary-outline:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem rgba(30,144,255,.5);box-shadow:0 0 0 .2rem rgba(30,144,255,.5)}.btn-secondary{background-color:#21222e}.btn-secondary:focus,.btn-secondary:hover{background-color:#0c0c10;-webkit-box-shadow:0 0 0 .2rem rgba(33,34,46,.5);box-shadow:0 0 0 .2rem rgba(33,34,46,.5)}.btn-secondary-outline{background-color:transparent;border:1px solid #21222e;color:#21222e}.btn-secondary-outline:focus,.btn-secondary-outline:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem rgba(33,34,46,.5);box-shadow:0 0 0 .2rem rgba(33,34,46,.5)}.btn-success{background-color:#9acd32}.btn-success:focus,.btn-success:hover{background-color:#7ba428;-webkit-box-shadow:0 0 0 .2rem rgba(154,205,50,.5);box-shadow:0 0 0 .2rem rgba(154,205,50,.5)}.btn-success-outline{background-color:transparent;border:1px solid #9acd32;color:#9acd32}.btn-success-outline:focus,.btn-success-outline:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem rgba(154,205,50,.5);box-shadow:0 0 0 .2rem rgba(154,205,50,.5)}.btn-danger{background-color:#ff4500}.btn-danger:focus,.btn-danger:hover{background-color:#cc3700;-webkit-box-shadow:0 0 0 .2rem rgba(255,69,0,.5);box-shadow:0 0 0 .2rem rgba(255,69,0,.5)}.btn-danger-outline{background-color:transparent;border:1px solid #ff4500;color:#ff4500}.btn-danger-outline:focus,.btn-danger-outline:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem rgba(255,69,0,.5);box-shadow:0 0 0 .2rem rgba(255,69,0,.5)}.btn-grey{background-color:#828282}.btn-grey:focus,.btn-grey:hover{background-color:#696969;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,51%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,51%,.5)}.btn-grey-outline{background-color:transparent;border:1px solid #828282;color:#828282}.btn-grey-outline:focus,.btn-grey-outline:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,51%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,51%,.5)}.btn-grey-light{background-color:#f2f2f2}.btn-grey-light:focus,.btn-grey-light:hover{background-color:#d9d9d9;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,94.9%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,94.9%,.5)}.btn-grey-light-outline{background-color:transparent;border:1px solid #f2f2f2;color:#f2f2f2}.btn-grey-light-outline:focus,.btn-grey-light-outline:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,94.9%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,94.9%,.5)}.btn-info{background-color:#17a2b8}.btn-info:focus,.btn-info:hover{background-color:#117a8b;-webkit-box-shadow:0 0 0 .2rem rgba(23,162,184,.5);box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info-outline{background-color:transparent;border:1px solid #17a2b8;color:#17a2b8}.btn-info-outline:focus,.btn-info-outline:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem rgba(23,162,184,.5);box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning{background-color:#ffa300}.btn-warning:focus,.btn-warning:hover{background-color:#cc8200;-webkit-box-shadow:0 0 0 .2rem rgba(255,163,0,.5);box-shadow:0 0 0 .2rem rgba(255,163,0,.5)}.btn-warning-outline{background-color:transparent;border:1px solid #ffa300;color:#ffa300}.btn-warning-outline:focus,.btn-warning-outline:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem rgba(255,163,0,.5);box-shadow:0 0 0 .2rem rgba(255,163,0,.5)}.btn-light{background-color:#f5f5f5}.btn-light:focus,.btn-light:hover{background-color:#dcdcdc;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,96.1%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,96.1%,.5)}.btn-light-outline{background-color:transparent;border:1px solid #f5f5f5;color:#f5f5f5}.btn-light-outline:focus,.btn-light-outline:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,96.1%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,96.1%,.5)}.btn-dark{background-color:#24292e}.btn-dark:focus,.btn-dark:hover{background-color:#0e1011;-webkit-box-shadow:0 0 0 .2rem rgba(36,41,46,.5);box-shadow:0 0 0 .2rem rgba(36,41,46,.5)}.btn-dark-outline{background-color:transparent;border:1px solid #24292e;color:#24292e}.btn-dark-outline:focus,.btn-dark-outline:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem rgba(36,41,46,.5);box-shadow:0 0 0 .2rem rgba(36,41,46,.5)}.btn-default{background-color:#ccc}.btn-default:focus,.btn-default:hover{background-color:#b3b3b3;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,80%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,80%,.5)}.btn-default-outline{background-color:transparent;border:1px solid #ccc;color:#ccc}.btn-default-outline:focus,.btn-default-outline:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,80%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,80%,.5)}.btn-white{background-color:#fff}.btn-white:focus,.btn-white:hover{background-color:#e6e6e6;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,100%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,100%,.5)}.btn-white-outline{background-color:transparent;border:1px solid #fff;color:#fff}.btn-white-outline:focus,.btn-white-outline:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem hsla(0,0%,100%,.5);box-shadow:0 0 0 .2rem hsla(0,0%,100%,.5)}.btn-black{background-color:#000}.btn-black:focus,.btn-black:hover{background-color:#000;-webkit-box-shadow:0 0 0 .2rem rgba(0,0,0,.5);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-black-outline{background-color:transparent;border:1px solid #000;color:#000}.btn-black-outline:focus,.btn-black-outline:hover{background-color:transparent;-webkit-box-shadow:0 0 0 .2rem rgba(0,0,0,.5);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.badge{background:#f2f2f2;height:22px;line-height:22px;border-radius:22px;padding:0 5px;font-size:12px;color:#888;font-weight:500}.badge-primary{background-color:#1e90ff;color:#fff}.badge-secondary{background-color:#21222e;color:#fff}.badge-success{background-color:#9acd32;color:#fff}.badge-danger{background-color:#ff4500;color:#fff}.badge-grey{background-color:#828282;color:#fff}.badge-grey-light{background-color:#f2f2f2;color:#fff}.badge-info{background-color:#17a2b8;color:#fff}.badge-warning{background-color:#ffa300;color:#fff}.badge-light{background-color:#f5f5f5;color:#fff}.badge-dark{background-color:#24292e;color:#fff}.badge-default{background-color:#ccc;color:#fff}.badge-white{background-color:#fff;color:#fff}.badge-black{background-color:#000;color:#fff}.slide-enter-active,.slide-leave-active{opacity:1;z-index:998;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slide-enter,.slide-leave-to{opacity:0;z-index:998;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.slideinvert-enter-active,.slideinvert-leave-active{opacity:1;z-index:998;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slideinvert-enter,.slideinvert-leave-to{opacity:0;z-index:998;-webkit-transform:translateY(40px);transform:translateY(40px)}.slidenext-enter-active,.slidenext-leave-active,.slideprev-enter-active,.slideprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.slidenext-enter,.slideprev-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%)}.slidenext-leave-to,.slideprev-enter{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slidevnext-enter-active,.slidevnext-leave-active,.slidevprev-enter-active,.slidevprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.slidevnext-enter,.slidevprev-leave-to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.slidevnext-leave-to,.slidevprev-enter{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}@media screen and (max-width:415px){.slide-enter-active,.slide-leave-active,.slideinvert-enter-active,.slideinvert-leave-active{-webkit-transition:all 0s;transition:all 0s}}.spinner-anim{-webkit-animation:spin .6s linear infinite;animation:spin .6s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.pos-r{position:relative}.pos-a{position:absolute}.fluid{width:100%}.fill-height{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.spacer{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.flex-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flex-direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-direction-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-direction-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex-direction-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.justify-content-end,.justify-content-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}.flex-fill{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.flex-fixed{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex-100{-webkit-box-flex:3;-ms-flex:3 1 100%;flex:3 1 100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.flex-75{-ms-flex:2 1 75%;flex:2 1 75%;-ms-flex-order:2}.flex-50,.flex-75{-webkit-box-flex:2;-webkit-box-ordinal-group:3;order:2}.flex-50{-ms-flex:2 1 50%;flex:2 1 50%;-ms-flex-order:2}.flex-33{-webkit-box-flex:2;-ms-flex:2 1 33%;flex:2 1 33%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.flex-25{-webkit-box-flex:2;-ms-flex:2 1 25%;flex:2 1 25%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-grow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.dots-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-muted-white{color:hsla(0,0%,100%,.54)}.text-muted{color:rgba(0,0,0,.54)}.text-strong{font-weight:500}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#1e90ff}.text-secondary{color:#21222e}.text-success{color:#9acd32}.text-danger{color:#ff4500}.text-grey{color:#828282}.text-grey-light{color:#f2f2f2}.text-info{color:#17a2b8}.text-warning{color:#ffa300}.text-light{color:#f5f5f5}.text-dark{color:#24292e}.text-default{color:#ccc}.text-white{color:#fff}.text-black{color:#000}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (max-width:767px){.container{max-width:100%}}@media (min-width:767px){.container{max-width:767px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1440px){.container{max-width:1440px}}@media (min-width:2560px){.container{max-width:2560px}}.pr-0{padding-right:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0,.px-0{padding-left:0}.px-0{padding-right:0}.py-0{padding-top:0;padding-bottom:0}.p-0{padding:0}.pr-1{padding-right:.25rem}.pt-1{padding-top:.25rem}.pb-1{padding-bottom:.25rem}.pl-1,.px-1{padding-left:.25rem}.px-1{padding-right:.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.p-1{padding:.25rem}.pr-2{padding-right:.5rem}.pt-2{padding-top:.5rem}.pb-2{padding-bottom:.5rem}.pl-2,.px-2{padding-left:.5rem}.px-2{padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.p-2{padding:.5rem}.pr-3{padding-right:1rem}.pt-3{padding-top:1rem}.pb-3{padding-bottom:1rem}.pl-3,.px-3{padding-left:1rem}.px-3{padding-right:1rem}.py-3{padding-top:1rem;padding-bottom:1rem}.p-3{padding:1rem}.pr-4{padding-right:1.5rem}.pt-4{padding-top:1.5rem}.pb-4{padding-bottom:1.5rem}.pl-4,.px-4{padding-left:1.5rem}.px-4{padding-right:1.5rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}.p-4{padding:1.5rem}.pr-5{padding-right:3rem}.pt-5{padding-top:3rem}.pb-5{padding-bottom:3rem}.pl-5,.px-5{padding-left:3rem}.px-5{padding-right:3rem}.py-5{padding-top:3rem;padding-bottom:3rem}.p-5{padding:3rem}.mr-0{margin-right:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0,.mx-0{margin-left:0}.mx-0{margin-right:0}.my-0{margin-top:0;margin-bottom:0}.m-0{margin:0}.mr-1{margin-right:.25rem}.mt-1{margin-top:.25rem}.mb-1{margin-bottom:.25rem}.ml-1,.mx-1{margin-left:.25rem}.mx-1{margin-right:.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.m-1{margin:.25rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}.ml-2,.mx-2{margin-left:.5rem}.mx-2{margin-right:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.m-2{margin:.5rem}.mr-3{margin-right:1rem}.mt-3{margin-top:1rem}.mb-3{margin-bottom:1rem}.ml-3,.mx-3{margin-left:1rem}.mx-3{margin-right:1rem}.my-3{margin-top:1rem;margin-bottom:1rem}.m-3{margin:1rem}.mr-4{margin-right:1.5rem}.mt-4{margin-top:1.5rem}.mb-4{margin-bottom:1.5rem}.ml-4,.mx-4{margin-left:1.5rem}.mx-4{margin-right:1.5rem}.my-4{margin-top:1.5rem;margin-bottom:1.5rem}.m-4{margin:1.5rem}.mr-5{margin-right:3rem}.mt-5{margin-top:3rem}.mb-5{margin-bottom:3rem}.ml-5,.mx-5{margin-left:3rem}.mx-5{margin-right:3rem}.my-5{margin-top:3rem;margin-bottom:3rem}.m-5{margin:3rem}.h-100{height:100%}.mh-100{max-height:100%}.w-100{width:100%}.mw-100{max-width:100%}.br-2{border-radius:2px}.brt-2{border-top-left-radius:2px;border-top-right-radius:2px}.brb-2{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.br-4{border-radius:4px}.brt-4{border-top-left-radius:4px;border-top-right-radius:4px}.brb-4{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.br-8{border-radius:8px}.brt-8{border-top-left-radius:8px;border-top-right-radius:8px}.brb-8{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.fs-12{font-size:12px}.fs-14{font-size:14px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-22{font-size:22px}.fs-26{font-size:26px}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,ul{margin:0;padding:0}body,html{margin:0;min-height:100%}.vue-input-ui-demo{background-color:#fff}.vue-input-ui-demo .container{text-align:center;font-family:Avenir,Helvetica,Arial,sans-serif}.vue-input-ui-demo .component{padding:10px;background:#fff;border-radius:4px;border:1px solid #ebebeb}.vue-input-ui-demo .component:hover{-webkit-box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5);box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5)}.vue-input-ui-demo .component-container{margin:0 10px 20px 10px;padding:20px;background:#fff;border-radius:4px;border:1px solid #ebebeb;min-width:300px;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);transition:all .25s cubic-bezier(.645,.045,.355,1);-webkit-box-flex:1;-ms-flex:1 0 48%;flex:1 0 48%}.vue-input-ui-demo .component-container:hover{-webkit-box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5);box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5)}.vue-input-ui-demo .component-container.dark{background-color:#292929;color:#fff}.vue-input-ui-demo.dark{background-color:#0f0f0f}.vue-input-ui-demo.dark .component,.vue-input-ui-demo.dark .component-container{border:1px solid #424242;background-color:#292929}.vue-input-ui-demo.dark .component-container:hover,.vue-input-ui-demo.dark .component:hover{-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.6),0 2px 4px 0 rgba(0,0,0,.5);box-shadow:0 0 8px 0 rgba(0,0,0,.6),0 2px 4px 0 rgba(0,0,0,.5)}.vue-input-ui-demo.dark .container{color:#fff} -------------------------------------------------------------------------------- /docs/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LouisMazel/vue-input-ui/ab6ce8eac34d8dc7b9c9e6e26979e7cd9c835b38/docs/favicon.ico -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | vue-input-ui
-------------------------------------------------------------------------------- /docs/js/app.67d8a694.js: -------------------------------------------------------------------------------- 1 | (function(e){function a(a){for(var r,n,i=a[0],o=a[1],d=a[2],c=0,f=[];c-1:e.inputValue},on:{keydown:e.keyDown,keyup:e.keyUp,focus:e.onFocus,blur:e.onBlur,click:function(a){e.$emit("click")},change:function(a){var t=e.inputValue,r=a.target,l=!!r.checked;if(Array.isArray(t)){var u=null,n=e._i(t,u);r.checked?n<0&&(e.inputValue=t.concat([u])):n>-1&&(e.inputValue=t.slice(0,n).concat(t.slice(n+1)))}else e.inputValue=l}}},"input",e.$attrs,!1)),t("label",{ref:"label",staticClass:"vue-input-ui__label",class:e.error?"text-danger":null,attrs:{for:e.id},on:{click:e.focusInput}},[e._v("\n "+e._s(e.hintValue||e.labelValue)+"\n ")]),e.clearable&&e.inputValue&&!e.textarea?t("button",{staticClass:"vue-input-ui__clear",attrs:{title:"clear",type:"button",tabindex:"-1"},on:{click:e.clear}},[t("span",{staticClass:"vue-input-ui__clear__effect"}),t("span",[e._v("\n ✕\n ")])]):e._e(),e.loader?t("div",{staticClass:"vue-input-ui__loader",class:{textarea:e.textarea}},[t("div",{staticClass:"vue-input-ui__loader__progress-bar"})]):e._e()])},i=[],o=(t("c5f6"),t("6762"),t("2fdb"),t("28a5"),t("6b54"),t("e814")),d=t.n(o),s=function(e,a){var t=d()(e.substring(1,3),16),r=d()(e.substring(3,5),16),l=d()(e.substring(5,7),16);t=d()(t*(100+a)/100),r=d()(r*(100+a)/100),l=d()(l*(100+a)/100),t=t<255?t:255,r=r<255?r:255,l=l<255?l:255;var u=1===t.toString(16).length?"0"+t.toString(16):t.toString(16),n=1===r.toString(16).length?"0"+r.toString(16):r.toString(16),i=1===l.toString(16).length?"0"+l.toString(16):l.toString(16);return"#"+u+n+i},c=function(e,a){var t;if(/^#([A-Fa-f0-9]{3}){1,2}$/.test(e))return t=e.substring(1).split(""),3===t.length&&(t=[t[0],t[0],t[1],t[1],t[2],t[2]]),t="0x".concat(t.join("")),"rgba(".concat([t>>16&255,t>>8&255,255&t].join(", "),", ").concat(a,")");throw new Error("Bad Hex")},f=function(e){return!e.includes("#")},p=function(e){var a={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",honeydew:"#f0fff0",hotpink:"#ff69b4","indianred ":"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgrey:"#d3d3d3",lightgreen:"#90ee90",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370d8",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#d87093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};return"undefined"!==typeof a[e.toLowerCase()]&&a[e.toLowerCase()]},b=function(e){var a=e.color,t=e.lightColor,r=e.darkColor,l=e.validColor,u=e.borderRadius,n=e.errorColor;return{"--vue-input-ui-primary-color":a,"--vue-input-ui-second-color-light":"#747474","--vue-input-ui-second-color-dark":"rgba(255, 255, 255, 0.7)","--vue-input-ui-third-color-light":"#CCC","--vue-input-ui-third-color-dark":"rgba(255, 255, 255, 0.7)","--vue-input-ui-bg-color-light":t,"--vue-input-ui-bg-color-dark":r,"--vue-input-ui-error-color":n,"--vue-input-ui-valid-color":l,"--vue-input-ui-hover-color-light":s(t,-8),"--vue-input-ui-hover-color-dark":s(r,20),"--vue-input-ui-muted-color-light":"#747474","--vue-input-ui-muted-color-dark":"rgba(255, 255, 255, 0.3)","--vue-input-ui-primary-color-transparency":f(a)?c(p(a),.7):c(a,.7),"--vue-input-ui-error-color-transparency":f(n)?c(p(n),.7):c(n,.7),"--vue-input-ui-valid-color-transparency":f(l)?c(p(l),.7):c(l,.7),"--vue-input-ui-border-radius":"".concat(u,"px")}},v=t("be30"),g={name:"VueInputUi",props:{value:{type:[String,Number],default:null},label:{type:String,default:"Enter text"},hint:{type:String,default:null},error:{type:Boolean,default:Boolean},color:{type:String,default:"dodgerblue"},disabled:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},darkColor:{type:String,default:"#424242"},id:{type:String,default:"VueInputUi"},size:{type:String,default:null},type:{type:String,default:"text"},readonly:{type:Boolean,default:!1},valid:{type:Boolean,default:!1},validColor:{type:String,default:"yellowgreen"},required:{type:Boolean,default:!1},textarea:{type:Boolean,default:!1},loader:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},borderRadius:{type:Number,default:4}},data:function(){return{isFocus:!1}},computed:{cssTheme:function(){var e=this.dark,a=this.color,t=this.darkColor,r=this.validColor,l=this.borderRadius;return b({dark:e,color:a,darkColor:t,validColor:r,borderRadius:l,lightColor:"#FFFFFF",errorColor:"orangered"})},inputValue:{get:function(){return this.value},set:function(e){this.$emit("input",e)}},labelValue:function(){var e=this.label;return this.required&&e?e+=" *":e},hintValue:function(){var e=this.hint;return this.required&&e?e+=" *":e}},watch:{dark:function(){this.setCssVars()}},mounted:function(){this.setCssVars()},methods:{focusInput:function(){this.$refs.VueInputUi.focus()},onFocus:function(){this.$emit("focus"),this.isFocus=!0},onBlur:function(){this.$emit("blur"),this.isFocus=!1},clear:function(){this.$emit("input",null),this.$emit("clear")},keyUp:function(e){this.$emit("keyup",e)},keyDown:function(e){this.$emit("keydown",e)},setCssVars:function(){Object(v["a"])({variables:this.cssTheme})}}},m=g,h=(t("257b"),t("2877")),k=Object(h["a"])(m,n,i,!1,null,"5289aaf3",null),y=k.exports,V={name:"App",components:{VueInputUi:y},data:function(){return{value1:"VueInputUI",value2:"A beautiful input made with VueJs",value3:"Customize size & color (dark mode)",value4:"Error management",value5:"Validator state",value6:"Hello world!",value7:null,value8:null,value9:null,value10:null,darkMode:!1,loading:!1}}},_=V,w=(t("5c0b"),Object(h["a"])(_,l,u,!1,null,null,null)),x=w.exports;r["a"].config.productionTip=!1,new r["a"]({render:function(e){return e(x)}}).$mount("#app")},"5c0b":function(e,a,t){"use strict";var r=t("5e27"),l=t.n(r);l.a},"5e27":function(e,a,t){}}); 2 | //# sourceMappingURL=app.67d8a694.js.map -------------------------------------------------------------------------------- /docs/js/app.67d8a694.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/VueInputUi/index.vue?eb26","webpack:///./src/App.vue?9525","webpack:///./src/VueInputUi/index.vue?908a","webpack:///./src/utils/ColorTransfomer.js","webpack:///./src/VueInputUi/themes/index.js","webpack:///src/VueInputUi/index.vue","webpack:///./src/VueInputUi/index.vue?a269","webpack:///./src/VueInputUi/index.vue","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue","webpack:///./src/main.js","webpack:///./src/App.vue?bcb1"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","app","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_5289aaf3_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_5289aaf3_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","Appvue_type_template_id_fa64cc26_render","_vm","this","_h","$createElement","_c","_self","staticClass","class","dark","darkMode","attrs","id","_v","_s","value1","value2","value3","value4","value5","_m","on","click","$event","loading","label","color","size","clearable","loader","model","callback","$$v","expression","border-radius","dark-color","error","hint","valid","value6","disabled","value7","type","value8","required","value9","textarea","rows","value10","staticRenderFns","href","target","VueInputUivue_type_template_id_5289aaf3_scoped_true_render","ref","is-focused","isFocus","is-valid","has-value","has-error","is-disabled","is-dark","has-hint","style","cssTheme","focusInput","_b","directives","rawName","placeholder","labelValue","domProps","keydown","keyDown","keyup","keyUp","focus","onFocus","blur","onBlur","$emit","input","composing","inputValue","$attrs","checked","_q","change","Array","isArray","_i","$$a","$$el","$$c","$$i","concat","for","hintValue","title","tabindex","clear","_e","VueInputUivue_type_template_id_5289aaf3_scoped_true_staticRenderFns","ShadeColor","percent","R","parse_int_default","substring","G","B","RR","toString","GG","BB","HexToRgba","hex","coef","test","split","join","Error","isColorName","includes","colorNameToHex","colors","aliceblue","antiquewhite","aqua","aquamarine","azure","beige","bisque","black","blanchedalmond","blue","blueviolet","brown","burlywood","cadetblue","chartreuse","chocolate","coral","cornflowerblue","cornsilk","crimson","cyan","darkblue","darkcyan","darkgoldenrod","darkgray","darkgreen","darkkhaki","darkmagenta","darkolivegreen","darkorange","darkorchid","darkred","darksalmon","darkseagreen","darkslateblue","darkslategray","darkturquoise","darkviolet","deeppink","deepskyblue","dimgray","dodgerblue","firebrick","floralwhite","forestgreen","fuchsia","gainsboro","ghostwhite","gold","goldenrod","gray","green","greenyellow","honeydew","hotpink","indianred ","indigo","ivory","khaki","lavender","lavenderblush","lawngreen","lemonchiffon","lightblue","lightcoral","lightcyan","lightgoldenrodyellow","lightgrey","lightgreen","lightpink","lightsalmon","lightseagreen","lightskyblue","lightslategray","lightsteelblue","lightyellow","lime","limegreen","linen","magenta","maroon","mediumaquamarine","mediumblue","mediumorchid","mediumpurple","mediumseagreen","mediumslateblue","mediumspringgreen","mediumturquoise","mediumvioletred","midnightblue","mintcream","mistyrose","moccasin","navajowhite","navy","oldlace","olive","olivedrab","orange","orangered","orchid","palegoldenrod","palegreen","paleturquoise","palevioletred","papayawhip","peachpuff","peru","pink","plum","powderblue","purple","rebeccapurple","red","rosybrown","royalblue","saddlebrown","salmon","sandybrown","seagreen","seashell","sienna","silver","skyblue","slateblue","slategray","snow","springgreen","steelblue","tan","teal","thistle","tomato","turquoise","violet","wheat","white","whitesmoke","yellow","yellowgreen","toLowerCase","themes","_ref","lightColor","darkColor","validColor","borderRadius","errorColor","--vue-input-ui-primary-color","--vue-input-ui-second-color-light","--vue-input-ui-second-color-dark","--vue-input-ui-third-color-light","--vue-input-ui-third-color-dark","--vue-input-ui-bg-color-light","--vue-input-ui-bg-color-dark","--vue-input-ui-error-color","--vue-input-ui-valid-color","--vue-input-ui-hover-color-light","--vue-input-ui-hover-color-dark","--vue-input-ui-muted-color-light","--vue-input-ui-muted-color-dark","--vue-input-ui-primary-color-transparency","--vue-input-ui-error-color-transparency","--vue-input-ui-valid-color-transparency","--vue-input-ui-border-radius","VueInputUivue_type_script_lang_js_","props","String","Number","default","Boolean","readonly","computed","set","watch","setCssVars","mounted","methods","$refs","VueInputUi","e","css_vars_ponyfill_esm","variables","src_VueInputUivue_type_script_lang_js_","component","componentNormalizer","Appvue_type_script_lang_js_","components","src_Appvue_type_script_lang_js_","App_component","App","Vue","config","productionTip","render","h","$mount","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_App_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_App_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/app.67d8a694.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=5289aaf3&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=5289aaf3&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vue-input-ui-demo flex\",class:{'dark': _vm.darkMode},attrs:{\"id\":\"VueInputUiDemo\"}},[_c('div',{staticClass:\"container\"},[_c('h1',{staticClass:\"mb-2 mt-4\"},[_vm._v(\"\\n \"+_vm._s(!_vm.value1 ? '-' : _vm.value1)+\"\\n \")]),_c('h2',{staticClass:\"mb-2\"},[_vm._v(\"\\n \"+_vm._s(!_vm.value2 ? '-' : _vm.value2)+\"\\n \")]),_c('h3',{staticClass:\"mb-2\"},[_vm._v(\"\\n \"+_vm._s(!_vm.value3 ? '-' : _vm.value3)+\"\\n \")]),_c('h4',{staticClass:\"mb-2\"},[_vm._v(\"\\n \"+_vm._s(!_vm.value4 ? '-' : _vm.value4)+\"\\n \")]),_c('h5',{staticClass:\"mb-2\"},[_vm._v(\"\\n \"+_vm._s(!_vm.value5 ? '-' : _vm.value5)+\"\\n \")]),_vm._m(0),_c('div',{staticClass:\"flex justify-content-center pt-3 mb-2\"},[_c('button',{staticClass:\"btn btn-sm\",on:{\"click\":function($event){_vm.darkMode = !_vm.darkMode}}},[_vm._v(\"\\n Toggle Dark Mode\\n \")]),_c('button',{staticClass:\"btn btn-success ml-2 btn-sm\",on:{\"click\":function($event){_vm.loading = !_vm.loading}}},[_vm._v(\"\\n Toggle loader\\n \")])]),_c('br'),_c('div',{staticClass:\"component-container\"},[_c('VueInputUi',{attrs:{\"id\":\"VueInputUi1\",\"label\":\"Initial input\",\"color\":\"purple\",\"size\":\"sm\",\"dark\":_vm.darkMode,\"clearable\":\"\",\"loader\":_vm.loading},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('br'),_c('VueInputUi',{attrs:{\"id\":\"VueInputUi2\",\"label\":\"Custom border radius\",\"dark\":_vm.darkMode,\"loader\":_vm.loading,\"border-radius\":8},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('br'),_c('VueInputUi',{attrs:{\"id\":\"VueInputUi3\",\"dark\":!_vm.darkMode,\"label\":\"Custom bg dark color\",\"dark-color\":\"#21222e\",\"clearable\":\"\",\"border-radius\":8,\"loader\":_vm.loading},model:{value:(_vm.value3),callback:function ($$v) {_vm.value3=$$v},expression:\"value3\"}}),_c('br'),_c('VueInputUi',{attrs:{\"id\":\"VueInputUi4\",\"dark\":!_vm.darkMode,\"label\":\"is dark\",\"color\":\"purple\",\"clearable\":\"\",\"loader\":_vm.loading},model:{value:(_vm.value3),callback:function ($$v) {_vm.value3=$$v},expression:\"value3\"}}),_c('br'),_c('VueInputUi',{attrs:{\"id\":\"VueInputUi5\",\"error\":true,\"label\":\"Input with error='true' + text hint\",\"hint\":\"Error text\",\"size\":\"lg\",\"dark\":_vm.darkMode,\"loader\":_vm.loading},model:{value:(_vm.value4),callback:function ($$v) {_vm.value4=$$v},expression:\"value4\"}}),_c('br'),_c('VueInputUi',{attrs:{\"id\":\"VueInputUi6\",\"label\":\"Valid input state\",\"valid\":\"\",\"dark\":_vm.darkMode,\"clearable\":\"\",\"loader\":_vm.loading},model:{value:(_vm.value5),callback:function ($$v) {_vm.value5=$$v},expression:\"value5\"}}),_c('br'),_c('VueInputUi',{attrs:{\"id\":\"VueInputUi7\",\"dark\":_vm.darkMode,\"loader\":_vm.loading},model:{value:(_vm.value6),callback:function ($$v) {_vm.value6=$$v},expression:\"value6\"}}),_c('br'),_c('VueInputUi',{attrs:{\"id\":\"VueInputUi8\",\"label\":\"Is disabled\",\"dark\":_vm.darkMode,\"disabled\":\"\",\"loader\":_vm.loading},model:{value:(_vm.value7),callback:function ($$v) {_vm.value7=$$v},expression:\"value7\"}}),_c('br'),_c('VueInputUi',{attrs:{\"id\":\"VueInputUi9\",\"label\":\"Number input\",\"dark\":_vm.darkMode,\"type\":\"number\",\"clearable\":\"\",\"loader\":_vm.loading},model:{value:(_vm.value8),callback:function ($$v) {_vm.value8=$$v},expression:\"value8\"}}),_c('br'),_c('VueInputUi',{attrs:{\"id\":\"VueInputUi10\",\"label\":\"Required input\",\"hint\":\"Is required\",\"dark\":_vm.darkMode,\"required\":\"\",\"loader\":!_vm.loading,\"clearable\":\"\"},model:{value:(_vm.value9),callback:function ($$v) {_vm.value9=$$v},expression:\"value9\"}}),_c('br'),_c('VueInputUi',{attrs:{\"id\":\"VueInputUi11\",\"label\":\"Text area\",\"dark\":_vm.darkMode,\"textarea\":\"\",\"rows\":\"4\",\"color\":\"tomato\",\"loader\":!_vm.loading},model:{value:(_vm.value10),callback:function ($$v) {_vm.value10=$$v},expression:\"value10\"}})],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex justify-content-center pt-3 mb-2\"},[_c('a',{staticClass:\"btn btn-sm btn-dark\",attrs:{\"href\":\"https://github.com/LouisMazel/vue-input-ui\",\"target\":\"_blank\"}},[_vm._v(\"\\n Github\\n \")]),_c('a',{staticClass:\"btn btn-danger ml-2 btn-sm\",attrs:{\"href\":\"https://npmjs.com/package/vue-input-ui\",\"target\":\"_blank\"}},[_vm._v(\"\\n Npm\\n \")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"parent\",staticClass:\"vue-input-ui\",class:[{\n 'is-focused': _vm.isFocus,\n 'is-valid': _vm.valid,\n 'has-value': _vm.value,\n 'has-error': _vm.error,\n 'is-disabled': _vm.disabled,\n 'is-dark': _vm.dark,\n 'has-hint': _vm.hint\n }, _vm.size],style:([_vm.cssTheme]),on:{\"click\":_vm.focusInput}},[((_vm.type)==='checkbox'&&(!_vm.textarea))?_c('input',_vm._b({directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputValue),expression:\"inputValue\"}],ref:\"VueInputUi\",staticClass:\"vue-input-ui__input\",attrs:{\"id\":_vm.id,\"placeholder\":_vm.labelValue,\"disabled\":_vm.disabled,\"required\":_vm.required,\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.inputValue)?_vm._i(_vm.inputValue,null)>-1:(_vm.inputValue)},on:{\"keydown\":_vm.keyDown,\"keyup\":_vm.keyUp,\"focus\":_vm.onFocus,\"blur\":_vm.onBlur,\"click\":function($event){_vm.$emit('click')},\"change\":function($event){var $$a=_vm.inputValue,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.inputValue=$$a.concat([$$v]))}else{$$i>-1&&(_vm.inputValue=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.inputValue=$$c}}}},'input',_vm.$attrs,false)):((_vm.type)==='radio'&&(!_vm.textarea))?_c('input',_vm._b({directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputValue),expression:\"inputValue\"}],ref:\"VueInputUi\",staticClass:\"vue-input-ui__input\",attrs:{\"id\":_vm.id,\"placeholder\":_vm.labelValue,\"disabled\":_vm.disabled,\"required\":_vm.required,\"type\":\"radio\"},domProps:{\"checked\":_vm._q(_vm.inputValue,null)},on:{\"keydown\":_vm.keyDown,\"keyup\":_vm.keyUp,\"focus\":_vm.onFocus,\"blur\":_vm.onBlur,\"click\":function($event){_vm.$emit('click')},\"change\":function($event){_vm.inputValue=null}}},'input',_vm.$attrs,false)):(!_vm.textarea)?_c('input',_vm._b({directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputValue),expression:\"inputValue\"}],ref:\"VueInputUi\",staticClass:\"vue-input-ui__input\",attrs:{\"id\":_vm.id,\"placeholder\":_vm.labelValue,\"disabled\":_vm.disabled,\"required\":_vm.required,\"type\":_vm.type},domProps:{\"value\":(_vm.inputValue)},on:{\"keydown\":_vm.keyDown,\"keyup\":_vm.keyUp,\"focus\":_vm.onFocus,\"blur\":_vm.onBlur,\"click\":function($event){_vm.$emit('click')},\"input\":function($event){if($event.target.composing){ return; }_vm.inputValue=$event.target.value}}},'input',_vm.$attrs,false)):_c('textarea',_vm._b({directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputValue),expression:\"inputValue\"}],ref:\"VueInputUi\",staticClass:\"vue-input-ui__input textarea\",attrs:{\"id\":_vm.id,\"placeholder\":_vm.labelValue,\"type\":_vm.type,\"required\":_vm.required},domProps:{\"value\":(_vm.inputValue)},on:{\"keydown\":_vm.keyDown,\"keyup\":_vm.keyUp,\"focus\":_vm.onFocus,\"blur\":_vm.onBlur,\"click\":function($event){_vm.$emit('click')},\"input\":function($event){if($event.target.composing){ return; }_vm.inputValue=$event.target.value}}},'textarea',_vm.$attrs,false)),_c('label',{ref:\"label\",staticClass:\"vue-input-ui__label\",class:_vm.error ? 'text-danger' : null,attrs:{\"for\":_vm.id},on:{\"click\":_vm.focusInput}},[_vm._v(\"\\n \"+_vm._s(_vm.hintValue || _vm.labelValue)+\"\\n \")]),(_vm.clearable && _vm.inputValue && !_vm.textarea)?_c('button',{staticClass:\"vue-input-ui__clear\",attrs:{\"title\":\"clear\",\"type\":\"button\",\"tabindex\":\"-1\"},on:{\"click\":_vm.clear}},[_c('span',{staticClass:\"vue-input-ui__clear__effect\"}),_c('span',[_vm._v(\"\\n ✕\\n \")])]):_vm._e(),(_vm.loader)?_c('div',{staticClass:\"vue-input-ui__loader\",class:{ textarea: _vm.textarea }},[_c('div',{staticClass:\"vue-input-ui__loader__progress-bar\"})]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const ShadeColor = (color, percent) => {\n let R = parseInt(color.substring(1, 3), 16)\n let G = parseInt(color.substring(3, 5), 16)\n let B = parseInt(color.substring(5, 7), 16)\n\n R = parseInt(R * (100 + percent) / 100)\n G = parseInt(G * (100 + percent) / 100)\n B = parseInt(B * (100 + percent) / 100)\n\n R = (R < 255) ? R : 255\n G = (G < 255) ? G : 255\n B = (B < 255) ? B : 255\n\n const RR = ((R.toString(16).length === 1) ? '0' + R.toString(16) : R.toString(16))\n const GG = ((G.toString(16).length === 1) ? '0' + G.toString(16) : G.toString(16))\n const BB = ((B.toString(16).length === 1) ? '0' + B.toString(16) : B.toString(16))\n\n return '#' + RR + GG + BB\n}\n\nexport const HexToRgba = (hex, coef) => {\n let c\n if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {\n c = hex.substring(1).split('')\n if (c.length === 3) {\n c = [c[0], c[0], c[1], c[1], c[2], c[2]]\n }\n c = `0x${c.join('')}`\n return `rgba(${[(c >> 16) & 255, (c >> 8) & 255, c & 255].join(', ')}, ${coef})`\n }\n throw new Error('Bad Hex')\n}\n\nexport const isColorName = (color) => !color.includes('#')\n\nexport const colorNameToHex = (color) => {\n const colors = {\n 'aliceblue': '#f0f8ff',\n 'antiquewhite': '#faebd7',\n 'aqua': '#00ffff',\n 'aquamarine': '#7fffd4',\n 'azure': '#f0ffff',\n 'beige': '#f5f5dc',\n 'bisque': '#ffe4c4',\n 'black': '#000000',\n 'blanchedalmond': '#ffebcd',\n 'blue': '#0000ff',\n 'blueviolet': '#8a2be2',\n 'brown': '#a52a2a',\n 'burlywood': '#deb887',\n 'cadetblue': '#5f9ea0',\n 'chartreuse': '#7fff00',\n 'chocolate': '#d2691e',\n 'coral': '#ff7f50',\n 'cornflowerblue': '#6495ed',\n 'cornsilk': '#fff8dc',\n 'crimson': '#dc143c',\n 'cyan': '#00ffff',\n 'darkblue': '#00008b',\n 'darkcyan': '#008b8b',\n 'darkgoldenrod': '#b8860b',\n 'darkgray': '#a9a9a9',\n 'darkgreen': '#006400',\n 'darkkhaki': '#bdb76b',\n 'darkmagenta': '#8b008b',\n 'darkolivegreen': '#556b2f',\n 'darkorange': '#ff8c00',\n 'darkorchid': '#9932cc',\n 'darkred': '#8b0000',\n 'darksalmon': '#e9967a',\n 'darkseagreen': '#8fbc8f',\n 'darkslateblue': '#483d8b',\n 'darkslategray': '#2f4f4f',\n 'darkturquoise': '#00ced1',\n 'darkviolet': '#9400d3',\n 'deeppink': '#ff1493',\n 'deepskyblue': '#00bfff',\n 'dimgray': '#696969',\n 'dodgerblue': '#1e90ff',\n 'firebrick': '#b22222',\n 'floralwhite': '#fffaf0',\n 'forestgreen': '#228b22',\n 'fuchsia': '#ff00ff',\n 'gainsboro': '#dcdcdc',\n 'ghostwhite': '#f8f8ff',\n 'gold': '#ffd700',\n 'goldenrod': '#daa520',\n 'gray': '#808080',\n 'green': '#008000',\n 'greenyellow': '#adff2f',\n 'honeydew': '#f0fff0',\n 'hotpink': '#ff69b4',\n 'indianred ': '#cd5c5c',\n 'indigo': '#4b0082',\n 'ivory': '#fffff0',\n 'khaki': '#f0e68c',\n 'lavender': '#e6e6fa',\n 'lavenderblush': '#fff0f5',\n 'lawngreen': '#7cfc00',\n 'lemonchiffon': '#fffacd',\n 'lightblue': '#add8e6',\n 'lightcoral': '#f08080',\n 'lightcyan': '#e0ffff',\n 'lightgoldenrodyellow': '#fafad2',\n 'lightgrey': '#d3d3d3',\n 'lightgreen': '#90ee90',\n 'lightpink': '#ffb6c1',\n 'lightsalmon': '#ffa07a',\n 'lightseagreen': '#20b2aa',\n 'lightskyblue': '#87cefa',\n 'lightslategray': '#778899',\n 'lightsteelblue': '#b0c4de',\n 'lightyellow': '#ffffe0',\n 'lime': '#00ff00',\n 'limegreen': '#32cd32',\n 'linen': '#faf0e6',\n 'magenta': '#ff00ff',\n 'maroon': '#800000',\n 'mediumaquamarine': '#66cdaa',\n 'mediumblue': '#0000cd',\n 'mediumorchid': '#ba55d3',\n 'mediumpurple': '#9370d8',\n 'mediumseagreen': '#3cb371',\n 'mediumslateblue': '#7b68ee',\n 'mediumspringgreen': '#00fa9a',\n 'mediumturquoise': '#48d1cc',\n 'mediumvioletred': '#c71585',\n 'midnightblue': '#191970',\n 'mintcream': '#f5fffa',\n 'mistyrose': '#ffe4e1',\n 'moccasin': '#ffe4b5',\n 'navajowhite': '#ffdead',\n 'navy': '#000080',\n 'oldlace': '#fdf5e6',\n 'olive': '#808000',\n 'olivedrab': '#6b8e23',\n 'orange': '#ffa500',\n 'orangered': '#ff4500',\n 'orchid': '#da70d6',\n 'palegoldenrod': '#eee8aa',\n 'palegreen': '#98fb98',\n 'paleturquoise': '#afeeee',\n 'palevioletred': '#d87093',\n 'papayawhip': '#ffefd5',\n 'peachpuff': '#ffdab9',\n 'peru': '#cd853f',\n 'pink': '#ffc0cb',\n 'plum': '#dda0dd',\n 'powderblue': '#b0e0e6',\n 'purple': '#800080',\n 'rebeccapurple': '#663399',\n 'red': '#ff0000',\n 'rosybrown': '#bc8f8f',\n 'royalblue': '#4169e1',\n 'saddlebrown': '#8b4513',\n 'salmon': '#fa8072',\n 'sandybrown': '#f4a460',\n 'seagreen': '#2e8b57',\n 'seashell': '#fff5ee',\n 'sienna': '#a0522d',\n 'silver': '#c0c0c0',\n 'skyblue': '#87ceeb',\n 'slateblue': '#6a5acd',\n 'slategray': '#708090',\n 'snow': '#fffafa',\n 'springgreen': '#00ff7f',\n 'steelblue': '#4682b4',\n 'tan': '#d2b48c',\n 'teal': '#008080',\n 'thistle': '#d8bfd8',\n 'tomato': '#ff6347',\n 'turquoise': '#40e0d0',\n 'violet': '#ee82ee',\n 'wheat': '#f5deb3',\n 'white': '#ffffff',\n 'whitesmoke': '#f5f5f5',\n 'yellow': '#ffff00',\n 'yellowgreen': '#9acd32'\n }\n if (typeof colors[color.toLowerCase()] !== 'undefined') { return colors[color.toLowerCase()] }\n\n return false\n}\n","import { ShadeColor, HexToRgba, isColorName, colorNameToHex } from '@/utils/ColorTransfomer.js'\n\nexport default ({ color, lightColor, darkColor, validColor, borderRadius, errorColor }) => {\n return {\n '--vue-input-ui-primary-color': color,\n '--vue-input-ui-second-color-light': '#747474',\n '--vue-input-ui-second-color-dark': 'rgba(255, 255, 255, 0.7)',\n '--vue-input-ui-third-color-light': '#CCC',\n '--vue-input-ui-third-color-dark': 'rgba(255, 255, 255, 0.7)',\n '--vue-input-ui-bg-color-light': lightColor,\n '--vue-input-ui-bg-color-dark': darkColor,\n '--vue-input-ui-error-color': errorColor,\n '--vue-input-ui-valid-color': validColor,\n '--vue-input-ui-hover-color-light': ShadeColor(lightColor, -8),\n '--vue-input-ui-hover-color-dark': ShadeColor(darkColor, 20),\n '--vue-input-ui-muted-color-light': '#747474',\n '--vue-input-ui-muted-color-dark': 'rgba(255, 255, 255, 0.3)',\n '--vue-input-ui-primary-color-transparency': isColorName(color) ? HexToRgba(colorNameToHex(color), 0.7) : HexToRgba(color, 0.7),\n '--vue-input-ui-error-color-transparency': isColorName(errorColor) ? HexToRgba(colorNameToHex(errorColor), 0.7) : HexToRgba(errorColor, 0.7),\n '--vue-input-ui-valid-color-transparency': isColorName(validColor) ? HexToRgba(colorNameToHex(validColor), 0.7) : HexToRgba(validColor, 0.7),\n '--vue-input-ui-border-radius': `${borderRadius}px`\n }\n}\n","\n\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=5289aaf3&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=5289aaf3&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"5289aaf3\",\n null\n \n)\n\nexport default component.exports","\n\n\n\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=fa64cc26&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import Vue from 'vue'\nimport App from './App.vue'\n\nVue.config.productionTip = false\n\nnew Vue({\n render: h => h(App),\n}).$mount('#app')\n","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/vue-input-ui-demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LouisMazel/vue-input-ui/ab6ce8eac34d8dc7b9c9e6e26979e7cd9c835b38/docs/vue-input-ui-demo.gif -------------------------------------------------------------------------------- /nuxt/index.js: -------------------------------------------------------------------------------- 1 | const { resolve } = require('path') 2 | 3 | module.exports = function VueInputUi () { 4 | this.addPlugin({ 5 | ssr: false, 6 | src: resolve(__dirname, 'plugin.js'), 7 | fileName: 'vue-input-ui.js' 8 | }) 9 | } 10 | 11 | module.exports.meta = require(__dirname, './../package.json') -------------------------------------------------------------------------------- /nuxt/plugin.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import VueInputUi from 'vue-input-ui' 3 | import 'vue-input-ui/dist/vue-input-ui.css' 4 | 5 | Vue.component('VueInputUi', VueInputUi) -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue-input-ui", 3 | "version": "1.0.3", 4 | "description": "A beautiful input made with Vue JS", 5 | "author": "Louis Mazel ", 6 | "scripts": { 7 | "serve": "vue-cli-service serve --mode development --open", 8 | "serve:nuxt": "nuxt src", 9 | "build": "npm run build:lib && npm run build:docs", 10 | "test": "vue-cli-service test:unit /test/specs", 11 | "lint": "vue-cli-service lint && npm run lint:style", 12 | "lint:style": "stylelint 'src/**/*.scss' 'src/**/*.vue'", 13 | "lint:style:fix": "stylelint 'src/**/*.scss' 'src/**/*.vue' --fix", 14 | "before-publish": "npm i && npm run lint && npm audit && npm run build", 15 | "build:docs": "vue-cli-service build --dest docs --mode production", 16 | "build:lib": "vue-cli-service build --target lib ./src/VueInputUi/index.vue", 17 | "publish-npm:beta": "npm publish --tag beta", 18 | "serve:build": "vue-cli-service serve --mode production", 19 | "test:unit": "vue-cli-service test:unit", 20 | "test:unit:watch": "vue-cli-service test:unit --watch", 21 | "ui": "vue ui" 22 | }, 23 | "files": [ 24 | "dist/", 25 | "nuxt/" 26 | ], 27 | "dependencies": { 28 | "css-vars-ponyfill": "^2.1.2", 29 | "style-helpers": "^0.2.8", 30 | "vue": "^2.5.21" 31 | }, 32 | "devDependencies": { 33 | "@vue/cli-plugin-babel": "^3.3.0", 34 | "@vue/cli-plugin-eslint": "^3.3.0", 35 | "@vue/cli-service": "^3.7.0", 36 | "babel-eslint": "^10.0.1", 37 | "color-transformer-ui": "0.0.2", 38 | "eslint": "^5.16.0", 39 | "eslint-plugin-vue": "^5.0.0", 40 | "node-sass": "^4.12.0", 41 | "nuxt": "^2.9.2", 42 | "path": "^0.12.7", 43 | "sass-loader": "^7.1.0", 44 | "stylelint": "^11.1.1", 45 | "stylelint-config-standard": "^19.0.0", 46 | "stylelint-order": "^3.1.1", 47 | "stylelint-scss": "^3.12.1", 48 | "vue-server-renderer": "^2.6.9", 49 | "vue-template-compiler": "^2.5.21" 50 | }, 51 | "postcss": { 52 | "plugins": { 53 | "autoprefixer": {} 54 | } 55 | }, 56 | "browserslist": [ 57 | "> 1%", 58 | "last 2 versions", 59 | "not ie <= 8" 60 | ], 61 | "keywords": [ 62 | "vue", 63 | "vuejs", 64 | "input", 65 | "text", 66 | "number", 67 | "ui", 68 | "javascript", 69 | "vue-component" 70 | ], 71 | "license": "MIT", 72 | "main": "dist/vue-input-ui.common.js", 73 | "repository": { 74 | "type": "git", 75 | "url": "git+https://github.com/LouisMazel/vue-input-ui.git" 76 | }, 77 | "bugs": { 78 | "url": "https://github.com/LouisMazel/vue-input-ui/issues" 79 | }, 80 | "homepage": "https://github.com/LouisMazel/vue-input-ui#readme", 81 | "types": "dist/index.d.ts" 82 | } 83 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LouisMazel/vue-input-ui/ab6ce8eac34d8dc7b9c9e6e26979e7cd9c835b38/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | vue-input-ui 9 | 10 | 11 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /public/vue-input-ui-demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LouisMazel/vue-input-ui/ab6ce8eac34d8dc7b9c9e6e26979e7cd9c835b38/public/vue-input-ui-demo.gif -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 168 | 169 | 195 | 196 | -------------------------------------------------------------------------------- /src/VueInputUi/index.vue: -------------------------------------------------------------------------------- 1 |