diff --git a/.jsbeautifyrc b/.jsbeautifyrc index 3c56a2a0..fc87ed0c 100644 --- a/.jsbeautifyrc +++ b/.jsbeautifyrc @@ -1,7 +1,4 @@ { - // Details: https://github.com/victorporof/Sublime-HTMLPrettify#using-your-own-jsbeautifyrc-options - // Documentation: https://github.com/einars/js-beautify/ - "html": { "allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg"], "space_after_anon_function": true, @@ -10,7 +7,8 @@ "css": { "allowed_file_extensions": ["css", "scss", "sass", "less"], "end_with_newline": true, - "space_around_combinator": true + "space_around_combinator": true, + "indent_size": 2 }, "js": { "allowed_file_extensions": ["js", "jsx", "json", "jshintrc", "jsbeautifyrc"], @@ -19,4 +17,4 @@ "space_after_anon_function": true, "end_with_newline": true } -} \ No newline at end of file +} diff --git a/bundles/mobiscroll.angular.min.js b/bundles/mobiscroll.angular.min.js index 52878369..77e5c2cc 100644 --- a/bundles/mobiscroll.angular.min.js +++ b/bundles/mobiscroll.angular.min.js @@ -1,4 +1,4 @@ export * from './mobiscroll.angular'; -export { MbscAccordion as ɵp, MbscFormGroup as ɵm, MbscFormGroupContent as ɵo, MbscFormGroupTitle as ɵn, MbscRadioGroupBase as ɵl, MbscRadioService as ɵk } from '../src/js/forms.angular'; +export { MbscAccordion as ɵo, MbscFormGroup as ɵl, MbscFormGroupContent as ɵn, MbscFormGroupTitle as ɵm, MbscRadioGroupBase as ɵk, MbscRadioService as ɵj } from '../src/js/forms.angular'; export { MbscBase as ɵc, MbscCloneBase as ɵe, MbscControlBase as ɵf, MbscInputService as ɵb, MbscOptionsService as ɵa, MbscValueBase as ɵd } from '../src/js/frameworks/angular'; -export { MbscFormBase as ɵg, MbscFormValueBase as ɵh, MbscInputBase as ɵi, MbscInputModule as ɵj } from '../src/js/input.angular'; +export { MbscFormBase as ɵg, MbscFormValueBase as ɵh, MbscInputBase as ɵi } from '../src/js/input.angular'; diff --git a/bundles/mobiscroll.angular.scss b/bundles/mobiscroll.angular.scss new file mode 100644 index 00000000..b42be07d --- /dev/null +++ b/bundles/mobiscroll.angular.scss @@ -0,0 +1,3 @@ +$mbsc-font-path: '~@mobiscroll/angular-lite/dist/css/' !default; + +@import "mobiscroll"; diff --git a/bundles/mobiscroll.javascript.scss b/bundles/mobiscroll.javascript.scss new file mode 100644 index 00000000..0dc9b832 --- /dev/null +++ b/bundles/mobiscroll.javascript.scss @@ -0,0 +1,3 @@ +$mbsc-font-path: '~@mobiscroll/javascript-lite/dist/css/' !default; + +@import "mobiscroll"; diff --git a/bundles/mobiscroll.jquery.scss b/bundles/mobiscroll.jquery.scss new file mode 100644 index 00000000..7d0034c1 --- /dev/null +++ b/bundles/mobiscroll.jquery.scss @@ -0,0 +1,3 @@ +$mbsc-font-path: '~@mobiscroll/jquery-lite/dist/css/' !default; + +@import "mobiscroll"; diff --git a/bundles/mobiscroll.less b/bundles/mobiscroll.less deleted file mode 100644 index 510bd26a..00000000 --- a/bundles/mobiscroll.less +++ /dev/null @@ -1,15 +0,0 @@ -// Components -@import "../src/less/forms"; -@import "../src/less/grid-layout"; -// Themes -// iOS -@import "../src/less/themes/ios.forms.less"; -// Material -@import "../src/less/themes/material.forms.less"; -// Windows -@import "../src/less/themes/windows.forms.less"; -// Custom themes -@import (less) "../src/less/themes/ios-dark.css"; -@import (less) "../src/less/themes/material-dark.css"; -@import (less) "../src/less/themes/mobiscroll-dark.css"; -@import (less) "../src/less/themes/windows-dark.css"; diff --git a/bundles/mobiscroll.ng.scss b/bundles/mobiscroll.ng.scss new file mode 100644 index 00000000..f1f9b02a --- /dev/null +++ b/bundles/mobiscroll.ng.scss @@ -0,0 +1,3 @@ +$mbsc-font-path: '~@mobiscroll/angularjs-lite/dist/css/' !default; + +@import "mobiscroll"; diff --git a/bundles/mobiscroll.react.scss b/bundles/mobiscroll.react.scss new file mode 100644 index 00000000..1819f364 --- /dev/null +++ b/bundles/mobiscroll.react.scss @@ -0,0 +1,3 @@ +$mbsc-font-path: '~@mobiscroll/react-lite/dist/css/' !default; + +@import "mobiscroll"; diff --git a/bundles/mobiscroll.scss b/bundles/mobiscroll.scss new file mode 100644 index 00000000..b15ccb8b --- /dev/null +++ b/bundles/mobiscroll.scss @@ -0,0 +1,52 @@ +// Forms +@import "../src/scss/forms/forms"; +@import "../src/scss/forms/forms.bootstrap"; +@import "../src/scss/forms/forms.ios"; +@import "../src/scss/forms/forms.material"; +@import "../src/scss/forms/forms.mobiscroll"; +@import "../src/scss/forms/forms.windows"; + +// Grid Layout +@import "../src/scss/grid-layout/grid-layout"; + +// Create theme builder functions + +@mixin mbsc-ios-theme($theme, $params) { + @include mbsc-ios-forms($theme, $params); +} + +@mixin mbsc-material-theme($theme, $params) { + @include mbsc-material-forms($theme, $params); +} + +@mixin mbsc-mobiscroll-theme($theme, $params) { + @include mbsc-mobiscroll-forms($theme, $params); +} + +@mixin mbsc-windows-theme($theme, $params) { + @include mbsc-windows-forms($theme, $params); +} + +@mixin mbsc-custom-theme($theme, $base-theme, $colors) { + @if $base-theme=='ios' { + @include mbsc-ios-theme($theme, $colors); + } + + @else if $base-theme=='material' { + @include mbsc-material-theme($theme, $colors); + } + + @else if $base-theme=='mobiscroll' { + @include mbsc-mobiscroll-theme($theme, $colors); + } + + @else if $base-theme=='windows' { + @include mbsc-windows-theme($theme, $colors); + } +} + +// Create dark theme variants +@include mbsc-ios-theme('ios-dark', ('background': $mbsc-ios-dark-background, 'text': $mbsc-ios-dark-text, 'accent': $mbsc-ios-dark-accent)); +@include mbsc-material-theme('material-dark', ('background': $mbsc-material-dark-background, 'text': $mbsc-material-dark-text, 'accent': $mbsc-material-dark-accent)); +@include mbsc-mobiscroll-theme('mobiscroll-dark', ('background': $mbsc-mobiscroll-dark-background, 'text': $mbsc-mobiscroll-dark-text, 'accent': $mbsc-mobiscroll-dark-accent)); +@include mbsc-windows-theme('windows-dark', ('background': $mbsc-windows-dark-background, 'text': $mbsc-windows-dark-text, 'accent': $mbsc-windows-dark-accent)); diff --git a/examples/angular/.editorconfig b/examples/angular/.editorconfig index 6e87a003..e89330a6 100644 --- a/examples/angular/.editorconfig +++ b/examples/angular/.editorconfig @@ -1,4 +1,4 @@ -# Editor configuration, see http://editorconfig.org +# Editor configuration, see https://editorconfig.org root = true [*] diff --git a/examples/angular/.gitignore b/examples/angular/.gitignore index 54bfd200..f4f46a5f 100644 --- a/examples/angular/.gitignore +++ b/examples/angular/.gitignore @@ -4,10 +4,16 @@ /dist /tmp /out-tsc +# Only exists if Bazel was run +/bazel-out # dependencies /node_modules +# profiling files +chrome-profiler-events.json +speed-measure-plugin.json + # IDEs and editors /.idea .project @@ -23,6 +29,7 @@ !.vscode/tasks.json !.vscode/launch.json !.vscode/extensions.json +.history/* # misc /.sass-cache @@ -30,13 +37,10 @@ /coverage /libpeerconnection.log npm-debug.log +yarn-error.log testem.log /typings -# e2e -/e2e/*.js -/e2e/*.map - # System Files .DS_Store Thumbs.db diff --git a/examples/angular/README.md b/examples/angular/README.md index 70005ada..df6aff69 100644 --- a/examples/angular/README.md +++ b/examples/angular/README.md @@ -1,6 +1,6 @@ # Angular -This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.4.3. +This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.0.1. ## Development server @@ -12,7 +12,7 @@ Run `ng generate component component-name` to generate a new component. You can ## Build -Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build. +Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build. ## Running unit tests diff --git a/examples/angular/angular.json b/examples/angular/angular.json index 1523399f..e20b192f 100644 --- a/examples/angular/angular.json +++ b/examples/angular/angular.json @@ -4,30 +4,41 @@ "newProjectRoot": "projects", "projects": { "angular": { + "projectType": "application", + "schematics": { + "@schematics/angular:component": { + "style": "scss" + } + }, "root": "", "sourceRoot": "src", - "projectType": "application", + "prefix": "app", "architect": { "build": { "builder": "@angular-devkit/build-angular:browser", "options": { - "outputPath": "dist", + "outputPath": "dist/angular", "index": "src/index.html", "main": "src/main.ts", - "tsConfig": "src/tsconfig.app.json", "polyfills": "src/polyfills.ts", + "tsConfig": "tsconfig.app.json", "assets": [ - "src/assets", - "src/favicon.ico" + "src/favicon.ico", + "src/assets" ], "styles": [ - "node_modules/@mobiscroll/angular-lite/dist/css/mobiscroll.min.css", - "src/styles.css" + "src/styles.scss" ], "scripts": [] }, "configurations": { "production": { + "fileReplacements": [ + { + "replace": "src/environments/environment.ts", + "with": "src/environments/environment.prod.ts" + } + ], "optimization": true, "outputHashing": "all", "sourceMap": false, @@ -37,10 +48,11 @@ "extractLicenses": true, "vendorChunk": false, "buildOptimizer": true, - "fileReplacements": [ + "budgets": [ { - "replace": "src/environments/environment.ts", - "with": "src/environments/environment.prod.ts" + "type": "initial", + "maximumWarning": "2mb", + "maximumError": "5mb" } ] } @@ -67,68 +79,45 @@ "builder": "@angular-devkit/build-angular:karma", "options": { "main": "src/test.ts", - "karmaConfig": "./karma.conf.js", "polyfills": "src/polyfills.ts", - "tsConfig": "src/tsconfig.spec.json", - "scripts": [], + "tsConfig": "tsconfig.spec.json", + "karmaConfig": "karma.conf.js", + "assets": [ + "src/favicon.ico", + "src/assets" + ], "styles": [ - "node_modules/@mobiscroll/angular-lite/dist/css/mobiscroll.min.css", - "src/styles.css" + "src/styles.scss" ], - "assets": [ - "src/assets", - "src/favicon.ico" - ] + "scripts": [] } }, "lint": { "builder": "@angular-devkit/build-angular:tslint", "options": { "tsConfig": [ - "src/tsconfig.app.json", - "src/tsconfig.spec.json" + "tsconfig.app.json", + "tsconfig.spec.json", + "e2e/tsconfig.json" ], "exclude": [ "**/node_modules/**" ] } - } - } - }, - "angular-e2e": { - "root": "e2e", - "sourceRoot": "e2e", - "projectType": "application", - "architect": { + }, "e2e": { "builder": "@angular-devkit/build-angular:protractor", "options": { - "protractorConfig": "./protractor.conf.js", + "protractorConfig": "e2e/protractor.conf.js", "devServerTarget": "angular:serve" - } - }, - "lint": { - "builder": "@angular-devkit/build-angular:tslint", - "options": { - "tsConfig": [ - "e2e/tsconfig.e2e.json" - ], - "exclude": [ - "**/node_modules/**" - ] + }, + "configurations": { + "production": { + "devServerTarget": "angular:serve:production" + } } } } - } - }, - "defaultProject": "angular", - "schematics": { - "@schematics/angular:component": { - "prefix": "app", - "styleext": "css" - }, - "@schematics/angular:directive": { - "prefix": "app" - } - } + }}, + "defaultProject": "angular" } \ No newline at end of file diff --git a/examples/angular/browserslist b/examples/angular/browserslist new file mode 100644 index 00000000..80848532 --- /dev/null +++ b/examples/angular/browserslist @@ -0,0 +1,12 @@ +# This file is used by the build system to adjust CSS and JS output to support the specified browsers below. +# For additional information regarding the format and rule options, please see: +# https://github.com/browserslist/browserslist#queries + +# You can see what browsers were selected by your queries by running: +# npx browserslist + +> 0.5% +last 2 versions +Firefox ESR +not dead +not IE 9-11 # For IE 9-11 support, remove 'not'. \ No newline at end of file diff --git a/examples/angular/e2e/app.e2e-spec.ts b/examples/angular/e2e/app.e2e-spec.ts deleted file mode 100644 index 9febd3c5..00000000 --- a/examples/angular/e2e/app.e2e-spec.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { AppPage } from './app.po'; - -describe('angular App', () => { - let page: AppPage; - - beforeEach(() => { - page = new AppPage(); - }); - - it('should display welcome message', () => { - page.navigateTo(); - expect(page.getParagraphText()).toEqual('Welcome to app!'); - }); -}); diff --git a/examples/angular/e2e/app.po.ts b/examples/angular/e2e/app.po.ts deleted file mode 100644 index 82ea75ba..00000000 --- a/examples/angular/e2e/app.po.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { browser, by, element } from 'protractor'; - -export class AppPage { - navigateTo() { - return browser.get('/'); - } - - getParagraphText() { - return element(by.css('app-root h1')).getText(); - } -} diff --git a/examples/angular/protractor.conf.js b/examples/angular/e2e/protractor.conf.js similarity index 80% rename from examples/angular/protractor.conf.js rename to examples/angular/e2e/protractor.conf.js index 7ee3b5ee..73e4e680 100644 --- a/examples/angular/protractor.conf.js +++ b/examples/angular/e2e/protractor.conf.js @@ -1,12 +1,16 @@ +// @ts-check // Protractor configuration file, see link for more information // https://github.com/angular/protractor/blob/master/lib/config.ts const { SpecReporter } = require('jasmine-spec-reporter'); +/** + * @type { import("protractor").Config } + */ exports.config = { allScriptsTimeout: 11000, specs: [ - './e2e/**/*.e2e-spec.ts' + './src/**/*.e2e-spec.ts' ], capabilities: { 'browserName': 'chrome' @@ -21,8 +25,8 @@ exports.config = { }, onPrepare() { require('ts-node').register({ - project: 'e2e/tsconfig.e2e.json' + project: require('path').join(__dirname, './tsconfig.json') }); jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } })); } -}; +}; \ No newline at end of file diff --git a/examples/angular/e2e/src/app.e2e-spec.ts b/examples/angular/e2e/src/app.e2e-spec.ts new file mode 100644 index 00000000..a103f970 --- /dev/null +++ b/examples/angular/e2e/src/app.e2e-spec.ts @@ -0,0 +1,23 @@ +import { AppPage } from './app.po'; +import { browser, logging } from 'protractor'; + +describe('workspace-project App', () => { + let page: AppPage; + + beforeEach(() => { + page = new AppPage(); + }); + + it('should display welcome message', () => { + page.navigateTo(); + expect(page.getTitleText()).toEqual('Welcome to angular8!'); + }); + + afterEach(async () => { + // Assert that there are no errors emitted from the browser + const logs = await browser.manage().logs().get(logging.Type.BROWSER); + expect(logs).not.toContain(jasmine.objectContaining({ + level: logging.Level.SEVERE, + } as logging.Entry)); + }); +}); diff --git a/examples/angular/e2e/src/app.po.ts b/examples/angular/e2e/src/app.po.ts new file mode 100644 index 00000000..5776aa9e --- /dev/null +++ b/examples/angular/e2e/src/app.po.ts @@ -0,0 +1,11 @@ +import { browser, by, element } from 'protractor'; + +export class AppPage { + navigateTo() { + return browser.get(browser.baseUrl) as Promise; + } + + getTitleText() { + return element(by.css('app-root h1')).getText() as Promise; + } +} diff --git a/examples/angular/e2e/tsconfig.e2e.json b/examples/angular/e2e/tsconfig.json similarity index 91% rename from examples/angular/e2e/tsconfig.e2e.json rename to examples/angular/e2e/tsconfig.json index 1d9e5edf..39b800f7 100644 --- a/examples/angular/e2e/tsconfig.e2e.json +++ b/examples/angular/e2e/tsconfig.json @@ -2,7 +2,6 @@ "extends": "../tsconfig.json", "compilerOptions": { "outDir": "../out-tsc/e2e", - "baseUrl": "./", "module": "commonjs", "target": "es5", "types": [ diff --git a/examples/angular/karma.conf.js b/examples/angular/karma.conf.js index 0840f6ca..d61a5290 100644 --- a/examples/angular/karma.conf.js +++ b/examples/angular/karma.conf.js @@ -12,20 +12,21 @@ module.exports = function (config) { require('karma-coverage-istanbul-reporter'), require('@angular-devkit/build-angular/plugins/karma') ], - client:{ + client: { clearContext: false // leave Jasmine Spec Runner output visible in browser }, coverageIstanbulReporter: { - dir: require('path').join(__dirname, 'coverage'), reports: [ 'html', 'lcovonly' ], + dir: require('path').join(__dirname, './coverage/angular8'), + reports: ['html', 'lcovonly', 'text-summary'], fixWebpackSourcePaths: true }, - reporters: ['progress', 'kjhtml'], port: 9876, colors: true, logLevel: config.LOG_INFO, autoWatch: true, browsers: ['Chrome'], - singleRun: false + singleRun: false, + restartOnFileChange: true }); }; diff --git a/examples/angular/package-lock.json b/examples/angular/package-lock.json index 10001ad8..233b5a3a 100644 --- a/examples/angular/package-lock.json +++ b/examples/angular/package-lock.json @@ -1,2087 +1,893 @@ { - "name": "angular", + "name": "angular8", "version": "0.0.0", "lockfileVersion": 1, "requires": true, "dependencies": { "@angular-devkit/architect": { - "version": "0.8.9", - "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.8.9.tgz", - "integrity": "sha512-2tiGPkvJyFY/G3a27uC8r6Jj3H5m8SxjMqhjNUQ5AtNumweTBPt3YIYMNAvHUmxG0nA9upDolVXFmoQGK9AhKQ==", + "version": "0.800.1", + "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.800.1.tgz", + "integrity": "sha512-zDueOtGo8q9zAUWL2baLIwc5hlLkNtSr5ud1yTuhS4EmYbXJOvV2BPyXx4d77iL+SK4AMG/FyDsi1ZUxXubHIA==", "dev": true, "requires": { - "@angular-devkit/core": "0.8.9", - "rxjs": "6.2.2" - }, - "dependencies": { - "rxjs": { - "version": "6.2.2", - "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.2.2.tgz", - "integrity": "sha512-0MI8+mkKAXZUF9vMrEoPnaoHkfzBPP4IGwUYRJhIRJF6/w3uByO1e91bEHn8zd43RdkTMKiooYKmwz7RH6zfOQ==", - "dev": true, - "requires": { - "tslib": "^1.9.0" - } - } + "@angular-devkit/core": "8.0.1", + "rxjs": "6.4.0" } }, "@angular-devkit/build-angular": { - "version": "0.13.8", - "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-0.13.8.tgz", - "integrity": "sha512-uRb8CKC0hUdcE+Fv2Ov9LJNelyjsiMuddBpo8pdTKCIHVVC6hvip9S/Z18Tvb207kKI3k7Dn+Ji1J63mCqmQzA==", - "dev": true, - "requires": { - "@angular-devkit/architect": "0.13.8", - "@angular-devkit/build-optimizer": "0.13.8", - "@angular-devkit/build-webpack": "0.13.8", - "@angular-devkit/core": "7.3.8", - "@ngtools/webpack": "7.3.8", - "ajv": "6.9.1", - "autoprefixer": "9.4.6", + "version": "0.800.1", + "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-0.800.1.tgz", + "integrity": "sha512-woZH0gJb9aGZjJx5Z7ai8FtT2HAcsMNZ+u5pfKn8qmSspbc0DobTeHQ/giTTHY+kfphXuxNeCEWC/lJIEcbBDA==", + "dev": true, + "requires": { + "@angular-devkit/architect": "0.800.1", + "@angular-devkit/build-optimizer": "0.800.1", + "@angular-devkit/build-webpack": "0.800.1", + "@angular-devkit/core": "8.0.1", + "@ngtools/webpack": "8.0.1", + "ajv": "6.10.0", + "autoprefixer": "9.5.1", + "browserslist": "4.5.5", + "caniuse-api": "3.0.0", "circular-dependency-plugin": "5.0.2", "clean-css": "4.2.1", - "copy-webpack-plugin": "4.6.0", + "copy-webpack-plugin": "5.0.2", + "core-js": "3.0.1", "file-loader": "3.0.1", "glob": "7.1.3", "istanbul-instrumenter-loader": "3.0.1", - "karma-source-map-support": "1.3.0", + "karma-source-map-support": "1.4.0", "less": "3.9.0", "less-loader": "4.1.0", - "license-webpack-plugin": "2.1.0", + "license-webpack-plugin": "2.1.1", "loader-utils": "1.2.3", - "mini-css-extract-plugin": "0.5.0", + "mini-css-extract-plugin": "0.6.0", "minimatch": "3.0.4", - "node-sass": "4.11.0", - "open": "6.0.0", + "open": "6.2.0", "parse5": "4.0.0", "postcss": "7.0.14", "postcss-import": "12.0.1", "postcss-loader": "3.0.0", "raw-loader": "1.0.0", - "rxjs": "6.3.3", + "rxjs": "6.4.0", + "sass": "1.19.0", "sass-loader": "7.1.0", - "semver": "5.6.0", + "semver": "6.0.0", "source-map-loader": "0.2.4", - "source-map-support": "0.5.10", + "source-map-support": "0.5.12", "speed-measure-webpack-plugin": "1.3.1", "stats-webpack-plugin": "0.7.0", "style-loader": "0.23.1", "stylus": "0.54.5", "stylus-loader": "3.0.2", - "terser-webpack-plugin": "1.2.2", + "terser-webpack-plugin": "1.2.3", "tree-kill": "1.2.1", - "webpack": "4.29.0", - "webpack-dev-middleware": "3.5.1", - "webpack-dev-server": "3.1.14", + "webpack": "4.30.0", + "webpack-dev-middleware": "3.6.2", + "webpack-dev-server": "3.3.1", "webpack-merge": "4.2.1", "webpack-sources": "1.3.0", - "webpack-subresource-integrity": "1.1.0-rc.6" + "webpack-subresource-integrity": "1.1.0-rc.6", + "worker-plugin": "3.1.0" + } + }, + "@angular-devkit/build-optimizer": { + "version": "0.800.1", + "resolved": "https://registry.npmjs.org/@angular-devkit/build-optimizer/-/build-optimizer-0.800.1.tgz", + "integrity": "sha512-JES4aXyLDtuI2mXZOkrVD3WRLgicC+/ub13j0sIW3ceBJ4VCuPOJnCVb5To8hEy6E4uKJGFe9dXDQjOis7rmeg==", + "dev": true, + "requires": { + "loader-utils": "1.2.3", + "source-map": "0.5.6", + "typescript": "3.4.4", + "webpack-sources": "1.3.0" }, "dependencies": { - "@angular-devkit/architect": { - "version": "0.13.8", - "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.13.8.tgz", - "integrity": "sha512-gxUs5rhnP576T8ZclKqxlspiChrqRtqaJo54wqNVFvYKEjRZKyMa+1AK6p0oD9zcIToEkcjknj3BbtQa27lLHg==", - "dev": true, - "requires": { - "@angular-devkit/core": "7.3.8", - "rxjs": "6.3.3" - } + "source-map": { + "version": "0.5.6", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz", + "integrity": "sha1-dc449SvwczxafwwRjYEzSiu19BI=", + "dev": true }, - "@angular-devkit/core": { - "version": "7.3.8", - "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-7.3.8.tgz", - "integrity": "sha512-3X9uzaZXFpm5o2TSzhD6wEOtVU32CgeytKjD1Scxj+uMMVo48SWLlKiFh312T+smI9ko7tOT8VqxglwYkWosgg==", + "typescript": { + "version": "3.4.4", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.4.4.tgz", + "integrity": "sha512-xt5RsIRCEaf6+j9AyOBgvVuAec0i92rgCaS3S+UVf5Z/vF2Hvtsw08wtUTJqp4djwznoAgjSxeCcU4r+CcDBJA==", + "dev": true + } + } + }, + "@angular-devkit/build-webpack": { + "version": "0.800.1", + "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.800.1.tgz", + "integrity": "sha512-tJda9/vnYsg2CY2i9RiP/W63m5VIAbIRznD7Jn+cCiPrIyCDnpgqbccHMeo8LGv3jIVwdlNKidG1AtzTx3jczg==", + "dev": true, + "requires": { + "@angular-devkit/architect": "0.800.1", + "@angular-devkit/core": "8.0.1", + "rxjs": "6.4.0", + "webpack-merge": "4.2.1" + } + }, + "@angular-devkit/core": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-8.0.1.tgz", + "integrity": "sha512-GQtspR2umZeuTUDTLy2dpUstvQfK7oAwE0o+rWSa8mx0DyhYssrfBbvfE4GzUzKp6OSz1sbZAatSO+iimZjbQw==", + "dev": true, + "requires": { + "ajv": "6.10.0", + "fast-json-stable-stringify": "2.0.0", + "magic-string": "0.25.2", + "rxjs": "6.4.0", + "source-map": "0.7.3" + } + }, + "@angular-devkit/schematics": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-8.0.1.tgz", + "integrity": "sha512-AbE/Gt0h/6pGu/sQ2oMXZo5ZMDeUhkdU32Nq5styh+B5nVXzGuZK4CGqyDNttdnzebhHt4Bi5ZtF2Avlwt+KEA==", + "dev": true, + "requires": { + "@angular-devkit/core": "8.0.1", + "rxjs": "6.4.0" + } + }, + "@angular/animations": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-8.0.0.tgz", + "integrity": "sha512-hggSRi83rmocLwzrKZtmFcqPdivKSJqp2yiYaiNmJ2yQWJ1JW/Lurypv9H347RWxmwCCwC2kV8embTGbOXIFDQ==", + "requires": { + "tslib": "^1.9.0" + } + }, + "@angular/cli": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-8.0.1.tgz", + "integrity": "sha512-V8U4jNE9khQd7ykzewTpGcB7AjRhWIGb3opPfYux5umQsVhlhQqj/jVgGMu+kN9Jl7KkjFzQTjsJws7wODP6MA==", + "dev": true, + "requires": { + "@angular-devkit/architect": "0.800.1", + "@angular-devkit/core": "8.0.1", + "@angular-devkit/schematics": "8.0.1", + "@schematics/angular": "8.0.1", + "@schematics/update": "0.800.1", + "@yarnpkg/lockfile": "1.1.0", + "debug": "^4.1.1", + "ini": "1.3.5", + "inquirer": "6.3.1", + "npm-package-arg": "6.1.0", + "open": "6.2.0", + "pacote": "9.5.0", + "read-package-tree": "5.2.2", + "semver": "6.0.0", + "symbol-observable": "1.2.0", + "universal-analytics": "^0.4.20", + "uuid": "^3.3.2" + }, + "dependencies": { + "debug": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", + "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", "dev": true, "requires": { - "ajv": "6.9.1", - "chokidar": "2.0.4", - "fast-json-stable-stringify": "2.0.0", - "rxjs": "6.3.3", - "source-map": "0.7.3" + "ms": "^2.1.1" } }, - "ajv": { - "version": "6.9.1", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.9.1.tgz", - "integrity": "sha512-XDN92U311aINL77ieWHmqCcNlwjoP5cHXDxIxbf2MaPYuCXOHS7gHH8jktxeK5omgd52XbSTX6a4Piwd1pQmzA==", - "dev": true, - "requires": { - "fast-deep-equal": "^2.0.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" - } + "ms": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", + "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", + "dev": true + } + } + }, + "@angular/common": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@angular/common/-/common-8.0.0.tgz", + "integrity": "sha512-iOAJZ0+1zTRHnHE/5G30+4Q66W1pfZkSkxZIXvgijZ+wtuNloYdWNy/IdZ/m7ayBI7A6FsYEhyMUoWz2HVEJNw==", + "requires": { + "tslib": "^1.9.0" + } + }, + "@angular/compiler": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-8.0.0.tgz", + "integrity": "sha512-4rKsVFMNykF83tPL1VE1+j9kZ3cWHUsLOAB/VqmF64EcR/GsbjKog2v23rSso5kqUtPiVq/FWGYllW6qMdxtJA==", + "requires": { + "tslib": "^1.9.0" + } + }, + "@angular/compiler-cli": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-8.0.0.tgz", + "integrity": "sha512-Z0U0Ih8A7V3J1gq7AXnXbrGAD2ERmz7JbREJJRHDWiUNxIqGQiV3Odo1V8FL5n/cKvLwSYM2Ubvk10gb0+3njA==", + "dev": true, + "requires": { + "canonical-path": "1.0.0", + "chokidar": "^2.1.1", + "convert-source-map": "^1.5.1", + "dependency-graph": "^0.7.2", + "magic-string": "^0.25.0", + "minimist": "^1.2.0", + "reflect-metadata": "^0.1.2", + "shelljs": "^0.8.1", + "source-map": "^0.6.1", + "tslib": "^1.9.0", + "yargs": "13.1.0" + }, + "dependencies": { + "ansi-regex": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz", + "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==", + "dev": true }, - "anymatch": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", - "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", - "dev": true, - "requires": { - "micromatch": "^3.1.4", - "normalize-path": "^2.1.1" - } + "get-caller-file": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", + "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", + "dev": true }, - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=", + "require-main-filename": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz", + "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==", "dev": true }, - "array-unique": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", - "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=", + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", "dev": true }, - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", + "string-width": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", + "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", "dev": true, "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } + "emoji-regex": "^7.0.1", + "is-fullwidth-code-point": "^2.0.0", + "strip-ansi": "^5.1.0" } }, - "chokidar": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.0.4.tgz", - "integrity": "sha512-z9n7yt9rOvIJrMhvDtDictKrkFHeihkNl6uWMmZlmL6tJtX9Cs+87oK+teBx+JIgzvbX3yZHT3eF8vpbDxHJXQ==", + "strip-ansi": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", + "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", "dev": true, "requires": { - "anymatch": "^2.0.0", - "async-each": "^1.0.0", - "braces": "^2.3.0", - "fsevents": "^1.2.2", - "glob-parent": "^3.1.0", - "inherits": "^2.0.1", - "is-binary-path": "^1.0.0", - "is-glob": "^4.0.0", - "lodash.debounce": "^4.0.8", - "normalize-path": "^2.1.1", - "path-is-absolute": "^1.0.0", - "readdirp": "^2.0.0", - "upath": "^1.0.5" + "ansi-regex": "^4.1.0" } }, - "expand-brackets": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", - "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=", + "yargs": { + "version": "13.1.0", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.1.0.tgz", + "integrity": "sha512-1UhJbXfzHiPqkfXNHYhiz79qM/kZqjTE8yGlEjZa85Q+3+OwcV6NRkV7XOV1W2Eom2bzILeUn55pQYffjVOLAg==", "dev": true, "requires": { - "debug": "^2.3.3", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "posix-character-classes": "^0.1.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - } - }, - "kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", - "dev": true - } + "cliui": "^4.0.0", + "find-up": "^3.0.0", + "get-caller-file": "^2.0.1", + "os-locale": "^3.1.0", + "require-directory": "^2.1.1", + "require-main-filename": "^2.0.0", + "set-blocking": "^2.0.0", + "string-width": "^3.0.0", + "which-module": "^2.0.0", + "y18n": "^4.0.0", + "yargs-parser": "^13.0.0" } }, - "extglob": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", - "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", + "yargs-parser": { + "version": "13.1.0", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.0.tgz", + "integrity": "sha512-Yq+32PrijHRri0vVKQEm+ys8mbqWjLiwQkMFNXEENutzLPP0bE4Lcd4iA3OQY5HF+GD3xXxf0MEHb8E4/SA3AA==", "dev": true, "requires": { - "array-unique": "^0.3.2", - "define-property": "^1.0.0", - "expand-brackets": "^2.1.4", - "extend-shallow": "^2.0.1", - "fragment-cache": "^0.2.1", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", - "dev": true, - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } + "camelcase": "^5.0.0", + "decamelize": "^1.2.0" } - }, - "fast-deep-equal": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz", - "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=", + } + } + }, + "@angular/core": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@angular/core/-/core-8.0.0.tgz", + "integrity": "sha512-mrkP1PTzqCmZGLYll+TDyawLXHzi+FcRPqSuRxCmDMthUUE93SLXT2yISDkx9aMPtFKgFr6KfrIkKuCz16BP/g==", + "requires": { + "tslib": "^1.9.0" + } + }, + "@angular/forms": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-8.0.0.tgz", + "integrity": "sha512-T6XdG3mALWzvnrN3fA1hAmfwvraiF1SPMWNXgPk2riuMf8CFdoro+tQZ4eo1islHrTTw5QzmqN8JJALfhAG6bg==", + "requires": { + "tslib": "^1.9.0" + } + }, + "@angular/language-service": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@angular/language-service/-/language-service-8.0.0.tgz", + "integrity": "sha512-vGk14oWroEo6ycO4cooznx57nn2sASmCQ/sdE8UVwySUKl940TsVzijgaGqapTepFof9sMqN77y2G15eRKQeAQ==", + "dev": true + }, + "@angular/platform-browser": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-8.0.0.tgz", + "integrity": "sha512-fTD+pTMbq+On9Uv3VXiei2lfuX7GX31dngm/Y4yWTFeW6eXy0+7kkfflzpLOb0hykCZvcXzarqCuEBBYNLrrOg==", + "requires": { + "tslib": "^1.9.0" + } + }, + "@angular/platform-browser-dynamic": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-8.0.0.tgz", + "integrity": "sha512-dx7W7JoSFbsveexjZ/BPlsXbMDLWVLmRCo7IqLvibMrTbdpaaOCNJIXJk1X+f7JJrQ7SwlZaVkoLCMoDWw6fmA==", + "requires": { + "tslib": "^1.9.0" + } + }, + "@angular/router": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@angular/router/-/router-8.0.0.tgz", + "integrity": "sha512-DGUTb8qpndE5m716xh00GxuC8o7qamlqbUruGB+SQD6ynU7s5yLGxtKffxqb1BT63+YewpsVxc2Koruvb1qjDw==", + "requires": { + "tslib": "^1.9.0" + } + }, + "@babel/code-frame": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.0.0.tgz", + "integrity": "sha512-OfC2uemaknXr87bdLUkWog7nYuliM9Ij5HUcajsVcMCpQrcLmtxRbVFTIqmcSkSeYRBFBRxs2FiUqFJDLdiebA==", + "dev": true, + "requires": { + "@babel/highlight": "^7.0.0" + } + }, + "@babel/generator": { + "version": "7.4.4", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.4.4.tgz", + "integrity": "sha512-53UOLK6TVNqKxf7RUh8NE851EHRxOOeVXKbK2bivdb+iziMyk03Sr4eaE9OELCbyZAAafAKPDwF2TPUES5QbxQ==", + "dev": true, + "requires": { + "@babel/types": "^7.4.4", + "jsesc": "^2.5.1", + "lodash": "^4.17.11", + "source-map": "^0.5.0", + "trim-right": "^1.0.1" + }, + "dependencies": { + "jsesc": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", + "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", "dev": true }, - "fill-range": { + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", + "dev": true + } + } + }, + "@babel/helper-function-name": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.1.0.tgz", + "integrity": "sha512-A95XEoCpb3TO+KZzJ4S/5uW5fNe26DjBGqf1o9ucyLyCmi1dXq/B3c8iaWTfBk3VvetUxl16e8tIrd5teOCfGw==", + "dev": true, + "requires": { + "@babel/helper-get-function-arity": "^7.0.0", + "@babel/template": "^7.1.0", + "@babel/types": "^7.0.0" + } + }, + "@babel/helper-get-function-arity": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.0.0.tgz", + "integrity": "sha512-r2DbJeg4svYvt3HOS74U4eWKsUAMRH01Z1ds1zx8KNTPtpTL5JAsdFv8BNyOpVqdFhHkkRDIg5B4AsxmkjAlmQ==", + "dev": true, + "requires": { + "@babel/types": "^7.0.0" + } + }, + "@babel/helper-split-export-declaration": { + "version": "7.4.4", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.4.4.tgz", + "integrity": "sha512-Ro/XkzLf3JFITkW6b+hNxzZ1n5OQ80NvIUdmHspih1XAhtN3vPTuUFT4eQnela+2MaZ5ulH+iyP513KJrxbN7Q==", + "dev": true, + "requires": { + "@babel/types": "^7.4.4" + } + }, + "@babel/highlight": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.0.0.tgz", + "integrity": "sha512-UFMC4ZeFC48Tpvj7C8UgLvtkaUuovQX+5xNWrsIoMG8o2z+XFKjKaN9iVmS84dPwVN00W4wPmqvYoZF3EGAsfw==", + "dev": true, + "requires": { + "chalk": "^2.0.0", + "esutils": "^2.0.2", + "js-tokens": "^4.0.0" + }, + "dependencies": { + "js-tokens": { "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true + } + } + }, + "@babel/parser": { + "version": "7.4.5", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.4.5.tgz", + "integrity": "sha512-9mUqkL1FF5T7f0WDFfAoDdiMVPWsdD1gZYzSnaXsxUCUqzuch/8of9G3VUSNiZmMBoRxT3neyVsqeiL/ZPcjew==", + "dev": true + }, + "@babel/template": { + "version": "7.4.4", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.4.4.tgz", + "integrity": "sha512-CiGzLN9KgAvgZsnivND7rkA+AeJ9JB0ciPOD4U59GKbQP2iQl+olF1l76kJOupqidozfZ32ghwBEJDhnk9MEcw==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.0.0", + "@babel/parser": "^7.4.4", + "@babel/types": "^7.4.4" + } + }, + "@babel/traverse": { + "version": "7.4.5", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.4.5.tgz", + "integrity": "sha512-Vc+qjynwkjRmIFGxy0KYoPj4FdVDxLej89kMHFsWScq999uX+pwcX4v9mWRjW0KcAYTPAuVQl2LKP1wEVLsp+A==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.0.0", + "@babel/generator": "^7.4.4", + "@babel/helper-function-name": "^7.1.0", + "@babel/helper-split-export-declaration": "^7.4.4", + "@babel/parser": "^7.4.5", + "@babel/types": "^7.4.4", + "debug": "^4.1.0", + "globals": "^11.1.0", + "lodash": "^4.17.11" + }, + "dependencies": { + "debug": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", + "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", "dev": true, "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } + "ms": "^2.1.1" } }, - "glob": { - "version": "7.1.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz", - "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==", - "dev": true, - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "glob-parent": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", - "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=", - "dev": true, - "requires": { - "is-glob": "^3.1.0", - "path-dirname": "^1.0.0" - }, - "dependencies": { - "is-glob": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", - "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", - "dev": true, - "requires": { - "is-extglob": "^2.1.0" - } - } - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "globals": { + "version": "11.12.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", + "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", "dev": true }, - "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", - "dev": true - }, - "micromatch": { - "version": "3.1.10", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", - "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", - "dev": true, - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" - } - }, - "punycode": { + "ms": { "version": "2.1.1", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", - "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==", - "dev": true - }, - "rxjs": { - "version": "6.3.3", - "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.3.3.tgz", - "integrity": "sha512-JTWmoY9tWCs7zvIk/CvRjhjGaOd+OVBM987mxFo+OW66cGpdKjZcpmc74ES1sB//7Kl/PAe8+wEakuhG4pcgOw==", - "dev": true, - "requires": { - "tslib": "^1.9.0" - } - }, - "semver": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.6.0.tgz", - "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==", - "dev": true - }, - "source-map": { - "version": "0.7.3", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz", - "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", + "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", "dev": true - }, - "source-map-support": { - "version": "0.5.10", - "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.10.tgz", - "integrity": "sha512-YfQ3tQFTK/yzlGJuX8pTwa4tifQj4QS2Mj7UegOu8jAz59MqIiMGPXxQhVQiIMNzayuUSF/jEuVnfFF5JqybmQ==", - "dev": true, - "requires": { - "buffer-from": "^1.0.0", - "source-map": "^0.6.0" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - } - } - }, - "uri-js": { - "version": "4.2.2", - "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz", - "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==", - "dev": true, - "requires": { - "punycode": "^2.1.0" - } } } }, - "@angular-devkit/build-optimizer": { - "version": "0.13.8", - "resolved": "https://registry.npmjs.org/@angular-devkit/build-optimizer/-/build-optimizer-0.13.8.tgz", - "integrity": "sha512-RvYxtsdYuvpFb1iivVixylSVN/Q8LsQ449uYuqEe3OsDjQBvUVG2fMLPOQjmKWhi0NC9WSsNiUluxLDNdvd0Vw==", + "@babel/types": { + "version": "7.4.4", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.4.4.tgz", + "integrity": "sha512-dOllgYdnEFOebhkKCjzSVFqw/PmmB8pH6RGOWkY4GsboQNd47b1fBThBSwlHAq9alF9vc1M3+6oqR47R50L0tQ==", "dev": true, "requires": { - "loader-utils": "1.2.3", - "source-map": "0.5.6", - "typescript": "3.2.4", - "webpack-sources": "1.3.0" + "esutils": "^2.0.2", + "lodash": "^4.17.11", + "to-fast-properties": "^2.0.0" }, "dependencies": { - "source-map": { - "version": "0.5.6", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz", - "integrity": "sha1-dc449SvwczxafwwRjYEzSiu19BI=", - "dev": true - }, - "typescript": { - "version": "3.2.4", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.2.4.tgz", - "integrity": "sha512-0RNDbSdEokBeEAkgNbxJ+BLwSManFy9TeXz8uW+48j/xhEXv1ePME60olyzw2XzUqUBNAYFeJadIqAgNqIACwg==", + "to-fast-properties": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", + "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=", "dev": true } } }, - "@angular-devkit/build-webpack": { - "version": "0.13.8", - "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.13.8.tgz", - "integrity": "sha512-WMyn1vUHyx+VfJKgYuEHrICwQzPMDTaUNB1zlvzZt9gX/9H+XnetrebeWBZCITPXHBw/377oA6wmiHWJ0yaZRw==", + "@mobiscroll/angular-lite": { + "version": "file:../../packages/angular/mobiscroll-angular-lite-4.7.2.tgz", + "integrity": "sha512-lxMjbAtQ8eLKLQ6FKjj5u0HWQHtoxW8JAXGUzkWHaf8BL1G3NP0UZLJm9j+nIW0SR4/D2gHJAp3FnqUMEoLf/A==" + }, + "@ngtools/webpack": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-8.0.1.tgz", + "integrity": "sha512-ly+KyzD5S8dVbwDv4pWt8+NNevPskmdXYJVxa068nE1dQV+CCK4mi6aR0GqrRR9zPvhgRoQKK8tMbN6WDCJS7g==", + "dev": true, + "requires": { + "@angular-devkit/core": "8.0.1", + "enhanced-resolve": "4.1.0", + "rxjs": "6.4.0", + "tree-kill": "1.2.1", + "webpack-sources": "1.3.0" + } + }, + "@schematics/angular": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-8.0.1.tgz", + "integrity": "sha512-/FyFJbHuxWfvVgTBSnEa0fiDgeLhAmfK7NeT8Owj2xDAqvVMxfSxupfdr7a9cDr82WImW09SX7PUlv2EomcGLA==", + "dev": true, + "requires": { + "@angular-devkit/core": "8.0.1", + "@angular-devkit/schematics": "8.0.1" + } + }, + "@schematics/update": { + "version": "0.800.1", + "resolved": "https://registry.npmjs.org/@schematics/update/-/update-0.800.1.tgz", + "integrity": "sha512-1Bnn6RJ7tzlaZRpvE6oQl7oem0zMMtNn2ygiMb2FxW97FHvW4hLIDrP31V3s5n8Ku+RBFMgr1z1P+GBZnbaubg==", + "dev": true, + "requires": { + "@angular-devkit/core": "8.0.1", + "@angular-devkit/schematics": "8.0.1", + "@yarnpkg/lockfile": "1.1.0", + "ini": "1.3.5", + "pacote": "9.5.0", + "rxjs": "6.4.0", + "semver": "6.0.0", + "semver-intersect": "1.4.0" + } + }, + "@types/events": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.0.tgz", + "integrity": "sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==", + "dev": true + }, + "@types/glob": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.1.1.tgz", + "integrity": "sha512-1Bh06cbWJUHMC97acuD6UMG29nMt0Aqz1vF3guLfG+kHHJhy3AyohZFFxYk2f7Q1SQIrNwvncxAE0N/9s70F2w==", + "dev": true, + "requires": { + "@types/events": "*", + "@types/minimatch": "*", + "@types/node": "*" + } + }, + "@types/jasmine": { + "version": "3.3.13", + "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-3.3.13.tgz", + "integrity": "sha512-iczmLoIiVymaD1TIr2UctxjFkNEslVE/QtNAUmpDsD71cZfZBAsPCUv1Y+8AwsfA8bLx2ccr7d95T9w/UAirlQ==", + "dev": true + }, + "@types/jasminewd2": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/@types/jasminewd2/-/jasminewd2-2.0.6.tgz", + "integrity": "sha512-2ZOKrxb8bKRmP/po5ObYnRDgFE4i+lQiEB27bAMmtMWLgJSqlIDqlLx6S0IRorpOmOPRQ6O80NujTmQAtBkeNw==", + "dev": true, + "requires": { + "@types/jasmine": "*" + } + }, + "@types/minimatch": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz", + "integrity": "sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==", + "dev": true + }, + "@types/node": { + "version": "8.9.5", + "resolved": "https://registry.npmjs.org/@types/node/-/node-8.9.5.tgz", + "integrity": "sha512-jRHfWsvyMtXdbhnz5CVHxaBgnV6duZnPlQuRSo/dm/GnmikNcmZhxIES4E9OZjUmQ8C+HCl4KJux+cXN/ErGDQ==", + "dev": true + }, + "@types/q": { + "version": "0.0.32", + "resolved": "https://registry.npmjs.org/@types/q/-/q-0.0.32.tgz", + "integrity": "sha1-vShOV8hPEyXacCur/IKlMoGQwMU=", + "dev": true + }, + "@types/selenium-webdriver": { + "version": "3.0.16", + "resolved": "https://registry.npmjs.org/@types/selenium-webdriver/-/selenium-webdriver-3.0.16.tgz", + "integrity": "sha512-lMC2G0ItF2xv4UCiwbJGbnJlIuUixHrioOhNGHSCsYCJ8l4t9hMCUimCytvFv7qy6AfSzRxhRHoGa+UqaqwyeA==", + "dev": true + }, + "@types/source-list-map": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/@types/source-list-map/-/source-list-map-0.1.2.tgz", + "integrity": "sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA==", + "dev": true + }, + "@types/webpack-sources": { + "version": "0.1.5", + "resolved": "https://registry.npmjs.org/@types/webpack-sources/-/webpack-sources-0.1.5.tgz", + "integrity": "sha512-zfvjpp7jiafSmrzJ2/i3LqOyTYTuJ7u1KOXlKgDlvsj9Rr0x7ZiYu5lZbXwobL7lmsRNtPXlBfmaUD8eU2Hu8w==", "dev": true, "requires": { - "@angular-devkit/architect": "0.13.8", - "@angular-devkit/core": "7.3.8", - "rxjs": "6.3.3" + "@types/node": "*", + "@types/source-list-map": "*", + "source-map": "^0.6.1" }, "dependencies": { - "@angular-devkit/architect": { - "version": "0.13.8", - "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.13.8.tgz", - "integrity": "sha512-gxUs5rhnP576T8ZclKqxlspiChrqRtqaJo54wqNVFvYKEjRZKyMa+1AK6p0oD9zcIToEkcjknj3BbtQa27lLHg==", - "dev": true, - "requires": { - "@angular-devkit/core": "7.3.8", - "rxjs": "6.3.3" - } - }, - "@angular-devkit/core": { - "version": "7.3.8", - "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-7.3.8.tgz", - "integrity": "sha512-3X9uzaZXFpm5o2TSzhD6wEOtVU32CgeytKjD1Scxj+uMMVo48SWLlKiFh312T+smI9ko7tOT8VqxglwYkWosgg==", - "dev": true, - "requires": { - "ajv": "6.9.1", - "chokidar": "2.0.4", - "fast-json-stable-stringify": "2.0.0", - "rxjs": "6.3.3", - "source-map": "0.7.3" - } - }, - "ajv": { - "version": "6.9.1", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.9.1.tgz", - "integrity": "sha512-XDN92U311aINL77ieWHmqCcNlwjoP5cHXDxIxbf2MaPYuCXOHS7gHH8jktxeK5omgd52XbSTX6a4Piwd1pQmzA==", - "dev": true, - "requires": { - "fast-deep-equal": "^2.0.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" - } - }, - "anymatch": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", - "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", - "dev": true, - "requires": { - "micromatch": "^3.1.4", - "normalize-path": "^2.1.1" - } - }, - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=", - "dev": true - }, - "array-unique": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", - "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=", + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", "dev": true - }, - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", - "dev": true, - "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "chokidar": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.0.4.tgz", - "integrity": "sha512-z9n7yt9rOvIJrMhvDtDictKrkFHeihkNl6uWMmZlmL6tJtX9Cs+87oK+teBx+JIgzvbX3yZHT3eF8vpbDxHJXQ==", - "dev": true, - "requires": { - "anymatch": "^2.0.0", - "async-each": "^1.0.0", - "braces": "^2.3.0", - "fsevents": "^1.2.2", - "glob-parent": "^3.1.0", - "inherits": "^2.0.1", - "is-binary-path": "^1.0.0", - "is-glob": "^4.0.0", - "lodash.debounce": "^4.0.8", - "normalize-path": "^2.1.1", - "path-is-absolute": "^1.0.0", - "readdirp": "^2.0.0", - "upath": "^1.0.5" - } - }, - "expand-brackets": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", - "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=", - "dev": true, - "requires": { - "debug": "^2.3.3", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "posix-character-classes": "^0.1.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - } - }, - "kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", - "dev": true - } - } - }, - "extglob": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", - "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", - "dev": true, - "requires": { - "array-unique": "^0.3.2", - "define-property": "^1.0.0", - "expand-brackets": "^2.1.4", - "extend-shallow": "^2.0.1", - "fragment-cache": "^0.2.1", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", - "dev": true, - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "fast-deep-equal": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz", - "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=", - "dev": true - }, - "fill-range": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "glob-parent": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", - "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=", - "dev": true, - "requires": { - "is-glob": "^3.1.0", - "path-dirname": "^1.0.0" - }, - "dependencies": { - "is-glob": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", - "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", - "dev": true, - "requires": { - "is-extglob": "^2.1.0" - } - } - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true - }, - "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", - "dev": true - }, - "micromatch": { - "version": "3.1.10", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", - "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", - "dev": true, - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" - } - }, - "punycode": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", - "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==", - "dev": true - }, - "rxjs": { - "version": "6.3.3", - "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.3.3.tgz", - "integrity": "sha512-JTWmoY9tWCs7zvIk/CvRjhjGaOd+OVBM987mxFo+OW66cGpdKjZcpmc74ES1sB//7Kl/PAe8+wEakuhG4pcgOw==", - "dev": true, - "requires": { - "tslib": "^1.9.0" - } - }, - "source-map": { - "version": "0.7.3", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz", - "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==", - "dev": true - }, - "uri-js": { - "version": "4.2.2", - "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz", - "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==", - "dev": true, - "requires": { - "punycode": "^2.1.0" - } } } }, - "@angular-devkit/core": { - "version": "0.8.9", - "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-0.8.9.tgz", - "integrity": "sha512-Umax3YKBPTQy360TeoSNaIIOJOKoXvN/S2WNTV8wDjSWWNiWLTIlckWMb9DVsafAifjUi0mtOLRFuM4YatKgTw==", + "@webassemblyjs/ast": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.8.5.tgz", + "integrity": "sha512-aJMfngIZ65+t71C3y2nBBg5FFG0Okt9m0XEgWZ7Ywgn1oMAT8cNwx00Uv1cQyHtidq0Xn94R4TAywO+LCQ+ZAQ==", "dev": true, "requires": { - "ajv": "6.4.0", - "chokidar": "2.0.4", - "rxjs": "6.2.2", - "source-map": "0.5.7" - }, - "dependencies": { - "rxjs": { - "version": "6.2.2", - "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.2.2.tgz", - "integrity": "sha512-0MI8+mkKAXZUF9vMrEoPnaoHkfzBPP4IGwUYRJhIRJF6/w3uByO1e91bEHn8zd43RdkTMKiooYKmwz7RH6zfOQ==", - "dev": true, - "requires": { - "tslib": "^1.9.0" - } - } + "@webassemblyjs/helper-module-context": "1.8.5", + "@webassemblyjs/helper-wasm-bytecode": "1.8.5", + "@webassemblyjs/wast-parser": "1.8.5" } }, - "@angular-devkit/schematics": { - "version": "0.8.9", - "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-0.8.9.tgz", - "integrity": "sha512-JZiK1aHJUFV6xDtUMBLoH3cLgi7EtR1bXjNqqa11MAjnHMqzm2GBazPvzGkMwVbCxC1sdYgswwGX9GS2tpHawA==", + "@webassemblyjs/floating-point-hex-parser": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.8.5.tgz", + "integrity": "sha512-9p+79WHru1oqBh9ewP9zW95E3XAo+90oth7S5Re3eQnECGq59ly1Ri5tsIipKGpiStHsUYmY3zMLqtk3gTcOtQ==", + "dev": true + }, + "@webassemblyjs/helper-api-error": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.8.5.tgz", + "integrity": "sha512-Za/tnzsvnqdaSPOUXHyKJ2XI7PDX64kWtURyGiJJZKVEdFOsdKUCPTNEVFZq3zJ2R0G5wc2PZ5gvdTRFgm81zA==", + "dev": true + }, + "@webassemblyjs/helper-buffer": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.8.5.tgz", + "integrity": "sha512-Ri2R8nOS0U6G49Q86goFIPNgjyl6+oE1abW1pS84BuhP1Qcr5JqMwRFT3Ah3ADDDYGEgGs1iyb1DGX+kAi/c/Q==", + "dev": true + }, + "@webassemblyjs/helper-code-frame": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.8.5.tgz", + "integrity": "sha512-VQAadSubZIhNpH46IR3yWO4kZZjMxN1opDrzePLdVKAZ+DFjkGD/rf4v1jap744uPVU6yjL/smZbRIIJTOUnKQ==", "dev": true, "requires": { - "@angular-devkit/core": "0.8.9", - "rxjs": "6.2.2" - }, - "dependencies": { - "rxjs": { - "version": "6.2.2", - "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.2.2.tgz", - "integrity": "sha512-0MI8+mkKAXZUF9vMrEoPnaoHkfzBPP4IGwUYRJhIRJF6/w3uByO1e91bEHn8zd43RdkTMKiooYKmwz7RH6zfOQ==", - "dev": true, - "requires": { - "tslib": "^1.9.0" - } - } + "@webassemblyjs/wast-printer": "1.8.5" } }, - "@angular/animations": { - "version": "5.2.11", - "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-5.2.11.tgz", - "integrity": "sha512-J7wKHkFn3wV28/Y1Qm4yjGXVCwXzj1JR5DRjGDTFnxTRacUFx7Nj0ApGhN0b2+V0NOvgxQOvEW415Y22kGoblw==", - "requires": { - "tslib": "^1.7.1" - } + "@webassemblyjs/helper-fsm": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-fsm/-/helper-fsm-1.8.5.tgz", + "integrity": "sha512-kRuX/saORcg8se/ft6Q2UbRpZwP4y7YrWsLXPbbmtepKr22i8Z4O3V5QE9DbZK908dh5Xya4Un57SDIKwB9eow==", + "dev": true }, - "@angular/cli": { - "version": "6.2.9", - "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-6.2.9.tgz", - "integrity": "sha512-4xuTbmMKGx1bMi0KA3Xmtx/emy10wlSwTXoUijlhd2tcWmlI2wRjAYjR7efSbFo8dVskiq0CyAVFWr1IanYQZw==", + "@webassemblyjs/helper-module-context": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-module-context/-/helper-module-context-1.8.5.tgz", + "integrity": "sha512-/O1B236mN7UNEU4t9X7Pj38i4VoU8CcMHyy3l2cV/kIF4U5KoHXDVqcDuOs1ltkac90IM4vZdHc52t1x8Yfs3g==", "dev": true, "requires": { - "@angular-devkit/architect": "0.8.9", - "@angular-devkit/core": "0.8.9", - "@angular-devkit/schematics": "0.8.9", - "@schematics/angular": "0.8.9", - "@schematics/update": "0.8.9", - "@yarnpkg/lockfile": "1.1.0", - "ini": "1.3.5", - "json-schema-traverse": "0.4.1", - "npm-package-arg": "6.1.0", - "opn": "5.4.0", - "pacote": "9.2.3", - "rxjs": "6.2.2", - "semver": "5.6.0", - "symbol-observable": "1.2.0", - "yargs-parser": "10.1.0" - }, - "dependencies": { - "json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true - }, - "opn": { - "version": "5.4.0", - "resolved": "https://registry.npmjs.org/opn/-/opn-5.4.0.tgz", - "integrity": "sha512-YF9MNdVy/0qvJvDtunAOzFw9iasOQHpVthTCvGzxt61Il64AYSGdK+rYwld7NAfk9qJ7dt+hymBNSc9LNYS+Sw==", - "dev": true, - "requires": { - "is-wsl": "^1.1.0" - } - }, - "rxjs": { - "version": "6.2.2", - "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.2.2.tgz", - "integrity": "sha512-0MI8+mkKAXZUF9vMrEoPnaoHkfzBPP4IGwUYRJhIRJF6/w3uByO1e91bEHn8zd43RdkTMKiooYKmwz7RH6zfOQ==", - "dev": true, - "requires": { - "tslib": "^1.9.0" - } - }, - "semver": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.6.0.tgz", - "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==", - "dev": true - }, - "symbol-observable": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz", - "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==", - "dev": true - } + "@webassemblyjs/ast": "1.8.5", + "mamacro": "^0.0.3" } }, - "@angular/common": { - "version": "5.2.11", - "resolved": "https://registry.npmjs.org/@angular/common/-/common-5.2.11.tgz", - "integrity": "sha512-LniJjGAeftUJDJh+2+LEjltcGen08C/VMxQ/eUYmesytKy1sN+MWzh3GbpKfEWtWmyUsYTG9lAAJNo3L3jPwsw==", + "@webassemblyjs/helper-wasm-bytecode": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.8.5.tgz", + "integrity": "sha512-Cu4YMYG3Ddl72CbmpjU/wbP6SACcOPVbHN1dI4VJNJVgFwaKf1ppeFJrwydOG3NDHxVGuCfPlLZNyEdIYlQ6QQ==", + "dev": true + }, + "@webassemblyjs/helper-wasm-section": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.8.5.tgz", + "integrity": "sha512-VV083zwR+VTrIWWtgIUpqfvVdK4ff38loRmrdDBgBT8ADXYsEZ5mPQ4Nde90N3UYatHdYoDIFb7oHzMncI02tA==", + "dev": true, "requires": { - "tslib": "^1.7.1" + "@webassemblyjs/ast": "1.8.5", + "@webassemblyjs/helper-buffer": "1.8.5", + "@webassemblyjs/helper-wasm-bytecode": "1.8.5", + "@webassemblyjs/wasm-gen": "1.8.5" } }, - "@angular/compiler": { - "version": "5.2.11", - "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-5.2.11.tgz", - "integrity": "sha512-ICvB1ud1mxaXUYLb8vhJqiLhGBVocAZGxoHTglv6hMkbrRYcnlB3FZJFOzBvtj+krkd1jamoYLI43UAmesqQ6Q==", + "@webassemblyjs/ieee754": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.8.5.tgz", + "integrity": "sha512-aaCvQYrvKbY/n6wKHb/ylAJr27GglahUO89CcGXMItrOBqRarUMxWLJgxm9PJNuKULwN5n1csT9bYoMeZOGF3g==", + "dev": true, "requires": { - "tslib": "^1.7.1" + "@xtuc/ieee754": "^1.2.0" } }, - "@angular/compiler-cli": { - "version": "5.2.11", - "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-5.2.11.tgz", - "integrity": "sha512-dwrQ0yxoCM/XzKzlm7pTsyg4/6ECjT9emZufGj8t12bLMO8NDn1IJOsqXJA1+onEgQKhlr0Ziwi+96TvDTb1Cg==", + "@webassemblyjs/leb128": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.8.5.tgz", + "integrity": "sha512-plYUuUwleLIziknvlP8VpTgO4kqNaH57Y3JnNa6DLpu/sGcP6hbVdfdX5aHAV716pQBKrfuU26BJK29qY37J7A==", "dev": true, "requires": { - "chokidar": "^1.4.2", - "minimist": "^1.2.0", - "reflect-metadata": "^0.1.2", - "tsickle": "^0.27.2" - }, - "dependencies": { - "anymatch": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-1.3.2.tgz", - "integrity": "sha512-0XNayC8lTHQ2OI8aljNCN3sSx6hsr/1+rlcDAotXJR7C1oZZHCNsfpbKwMjRA3Uqb5tF1Rae2oloTr4xpq+WjA==", - "dev": true, - "requires": { - "micromatch": "^2.1.5", - "normalize-path": "^2.0.0" - } - }, - "arr-diff": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-2.0.0.tgz", - "integrity": "sha1-jzuCf5Vai9ZpaX5KQlasPOrjVs8=", - "dev": true, - "requires": { - "arr-flatten": "^1.0.1" - } - }, - "array-unique": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.2.1.tgz", - "integrity": "sha1-odl8yvy8JiXMcPrc6zalDFiwGlM=", - "dev": true - }, - "braces": { - "version": "1.8.5", - "resolved": "https://registry.npmjs.org/braces/-/braces-1.8.5.tgz", - "integrity": "sha1-uneWLhLf+WnWt2cR6RS3N4V79qc=", - "dev": true, - "requires": { - "expand-range": "^1.8.1", - "preserve": "^0.2.0", - "repeat-element": "^1.1.2" - } - }, - "chokidar": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-1.7.0.tgz", - "integrity": "sha1-eY5ol3gVHIB2tLNg5e3SjNortGg=", - "dev": true, - "requires": { - "anymatch": "^1.3.0", - "async-each": "^1.0.0", - "fsevents": "^1.0.0", - "glob-parent": "^2.0.0", - "inherits": "^2.0.1", - "is-binary-path": "^1.0.0", - "is-glob": "^2.0.0", - "path-is-absolute": "^1.0.0", - "readdirp": "^2.0.0" - } - }, - "expand-brackets": { - "version": "0.1.5", - "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz", - "integrity": "sha1-3wcoTjQqgHzXM6xa9yQR5YHRF3s=", - "dev": true, - "requires": { - "is-posix-bracket": "^0.1.0" - } - }, - "extglob": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/extglob/-/extglob-0.3.2.tgz", - "integrity": "sha1-Lhj/PS9JqydlzskCPwEdqo2DSaE=", - "dev": true, - "requires": { - "is-extglob": "^1.0.0" - } - }, - "glob-parent": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz", - "integrity": "sha1-gTg9ctsFT8zPUzbaqQLxgvbtuyg=", - "dev": true, - "requires": { - "is-glob": "^2.0.0" - } - }, - "is-extglob": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz", - "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=", - "dev": true - }, - "is-glob": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz", - "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=", - "dev": true, - "requires": { - "is-extglob": "^1.0.0" - } - }, - "micromatch": { - "version": "2.3.11", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-2.3.11.tgz", - "integrity": "sha1-hmd8l9FyCzY0MdBNDRUpO9OMFWU=", - "dev": true, - "requires": { - "arr-diff": "^2.0.0", - "array-unique": "^0.2.1", - "braces": "^1.8.2", - "expand-brackets": "^0.1.4", - "extglob": "^0.3.1", - "filename-regex": "^2.0.0", - "is-extglob": "^1.0.0", - "is-glob": "^2.0.1", - "kind-of": "^3.0.2", - "normalize-path": "^2.0.1", - "object.omit": "^2.0.0", - "parse-glob": "^3.0.4", - "regex-cache": "^0.4.2" - } - }, - "minimist": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", - "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", - "dev": true - } + "@xtuc/long": "4.2.2" } }, - "@angular/core": { - "version": "5.2.11", - "resolved": "https://registry.npmjs.org/@angular/core/-/core-5.2.11.tgz", - "integrity": "sha512-h2vpvXNAdOqKzbVaZcHnHGMT5A8uDnizk6FgGq6SPyw9s3d+/VxZ9LJaPjUk3g2lICA7og1tUel+2YfF971MlQ==", + "@webassemblyjs/utf8": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.8.5.tgz", + "integrity": "sha512-U7zgftmQriw37tfD934UNInokz6yTmn29inT2cAetAsaU9YeVCveWEwhKL1Mg4yS7q//NGdzy79nlXh3bT8Kjw==", + "dev": true + }, + "@webassemblyjs/wasm-edit": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.8.5.tgz", + "integrity": "sha512-A41EMy8MWw5yvqj7MQzkDjU29K7UJq1VrX2vWLzfpRHt3ISftOXqrtojn7nlPsZ9Ijhp5NwuODuycSvfAO/26Q==", + "dev": true, "requires": { - "tslib": "^1.7.1" + "@webassemblyjs/ast": "1.8.5", + "@webassemblyjs/helper-buffer": "1.8.5", + "@webassemblyjs/helper-wasm-bytecode": "1.8.5", + "@webassemblyjs/helper-wasm-section": "1.8.5", + "@webassemblyjs/wasm-gen": "1.8.5", + "@webassemblyjs/wasm-opt": "1.8.5", + "@webassemblyjs/wasm-parser": "1.8.5", + "@webassemblyjs/wast-printer": "1.8.5" } }, - "@angular/forms": { - "version": "5.2.11", - "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-5.2.11.tgz", - "integrity": "sha512-wBllFlIubPclAFRXUc84Kc7TMeKOftzrQraVZ7ooTNeFLLa/FZLN2K8HGyRde8X/XDsMu1XAmjNfkz++spwTzA==", + "@webassemblyjs/wasm-gen": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.8.5.tgz", + "integrity": "sha512-BCZBT0LURC0CXDzj5FXSc2FPTsxwp3nWcqXQdOZE4U7h7i8FqtFK5Egia6f9raQLpEKT1VL7zr4r3+QX6zArWg==", + "dev": true, "requires": { - "tslib": "^1.7.1" + "@webassemblyjs/ast": "1.8.5", + "@webassemblyjs/helper-wasm-bytecode": "1.8.5", + "@webassemblyjs/ieee754": "1.8.5", + "@webassemblyjs/leb128": "1.8.5", + "@webassemblyjs/utf8": "1.8.5" } }, - "@angular/http": { - "version": "5.2.11", - "resolved": "https://registry.npmjs.org/@angular/http/-/http-5.2.11.tgz", - "integrity": "sha512-eR7wNXh1+6MpcQNb3sq4bJVX03dx50Wl3kpPG+Q7N1VSL0oPQSobaTrR17ac3oFCEfSJn6kkUCqtUXha6wcNHg==", + "@webassemblyjs/wasm-opt": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.8.5.tgz", + "integrity": "sha512-HKo2mO/Uh9A6ojzu7cjslGaHaUU14LdLbGEKqTR7PBKwT6LdPtLLh9fPY33rmr5wcOMrsWDbbdCHq4hQUdd37Q==", + "dev": true, "requires": { - "tslib": "^1.7.1" + "@webassemblyjs/ast": "1.8.5", + "@webassemblyjs/helper-buffer": "1.8.5", + "@webassemblyjs/wasm-gen": "1.8.5", + "@webassemblyjs/wasm-parser": "1.8.5" } }, - "@angular/language-service": { - "version": "5.2.11", - "resolved": "https://registry.npmjs.org/@angular/language-service/-/language-service-5.2.11.tgz", - "integrity": "sha512-tgnFAhwBmUs1W0dmcmlBmUlMaOgkoyuSdrcF23lz8W5+nSLb+LnbH5a3blU2NVqA4ESvLKQkPW5dpKa/LuhrPQ==", - "dev": true - }, - "@angular/platform-browser": { - "version": "5.2.11", - "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-5.2.11.tgz", - "integrity": "sha512-6YZ4IpBFqXx88vEzBZG2WWnaSYXbFWDgG0iT+bZPHAfwsbmqbcMcs7Ogu+XZ4VmK02dTqbrFh7U4P2W+sqrzow==", + "@webassemblyjs/wasm-parser": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.8.5.tgz", + "integrity": "sha512-pi0SYE9T6tfcMkthwcgCpL0cM9nRYr6/6fjgDtL6q/ZqKHdMWvxitRi5JcZ7RI4SNJJYnYNaWy5UUrHQy998lw==", + "dev": true, "requires": { - "tslib": "^1.7.1" + "@webassemblyjs/ast": "1.8.5", + "@webassemblyjs/helper-api-error": "1.8.5", + "@webassemblyjs/helper-wasm-bytecode": "1.8.5", + "@webassemblyjs/ieee754": "1.8.5", + "@webassemblyjs/leb128": "1.8.5", + "@webassemblyjs/utf8": "1.8.5" } }, - "@angular/platform-browser-dynamic": { - "version": "5.2.11", - "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-5.2.11.tgz", - "integrity": "sha512-5kKPNULcXNwkyBjpHfF+pq+Yxi8Zl866YSOK9t8txoiQ9Ctw97kMkEJcTetk6MJgBp/NP3YyjtoTAm8oXLerug==", + "@webassemblyjs/wast-parser": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-parser/-/wast-parser-1.8.5.tgz", + "integrity": "sha512-daXC1FyKWHF1i11obK086QRlsMsY4+tIOKgBqI1lxAnkp9xe9YMcgOxm9kLe+ttjs5aWV2KKE1TWJCN57/Btsg==", + "dev": true, "requires": { - "tslib": "^1.7.1" + "@webassemblyjs/ast": "1.8.5", + "@webassemblyjs/floating-point-hex-parser": "1.8.5", + "@webassemblyjs/helper-api-error": "1.8.5", + "@webassemblyjs/helper-code-frame": "1.8.5", + "@webassemblyjs/helper-fsm": "1.8.5", + "@xtuc/long": "4.2.2" } }, - "@angular/router": { - "version": "5.2.11", - "resolved": "https://registry.npmjs.org/@angular/router/-/router-5.2.11.tgz", - "integrity": "sha512-NT8xYl7Vr3qPygisek3PlXqNROEjg48GXOEsDEc7c8lDBo3EB9Tf328fWJD0GbLtXZNhmmNNxwIe+qqPFFhFAA==", + "@webassemblyjs/wast-printer": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.8.5.tgz", + "integrity": "sha512-w0U0pD4EhlnvRyeJzBqaVSJAo9w/ce7/WPogeXLzGkO6hzhr4GnQIZ4W4uUt5b9ooAaXPtnXlj0gzsXEOUNYMg==", + "dev": true, "requires": { - "tslib": "^1.7.1" + "@webassemblyjs/ast": "1.8.5", + "@webassemblyjs/wast-parser": "1.8.5", + "@xtuc/long": "4.2.2" } }, - "@mobiscroll/angular-lite": { - "version": "file:../../packages/angular/mobiscroll-angular-lite-4.6.1.tgz", - "integrity": "sha512-3EsP5hmi3fBV0j0HXs+Srqs/O9T/P98AtALYmigyQBSriAR8tROZzicLi2wzBqc3wUKB8IGzd2xpRvEEraeYbw==" + "@xtuc/ieee754": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", + "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==", + "dev": true }, - "@ngtools/webpack": { - "version": "7.3.8", - "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-7.3.8.tgz", - "integrity": "sha512-gfjSKz+F/2T4tZHpnQ1XqelKP/CIfI87XdoHsOI53ceTUrAkVKsOb3ULmEfkcdsdQZ/HhmCiLivcutHcW8xkhQ==", - "dev": true, - "requires": { - "@angular-devkit/core": "7.3.8", - "enhanced-resolve": "4.1.0", - "rxjs": "6.3.3", - "tree-kill": "1.2.1", - "webpack-sources": "1.3.0" - }, - "dependencies": { - "@angular-devkit/core": { - "version": "7.3.8", - "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-7.3.8.tgz", - "integrity": "sha512-3X9uzaZXFpm5o2TSzhD6wEOtVU32CgeytKjD1Scxj+uMMVo48SWLlKiFh312T+smI9ko7tOT8VqxglwYkWosgg==", - "dev": true, - "requires": { - "ajv": "6.9.1", - "chokidar": "2.0.4", - "fast-json-stable-stringify": "2.0.0", - "rxjs": "6.3.3", - "source-map": "0.7.3" - } - }, - "ajv": { - "version": "6.9.1", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.9.1.tgz", - "integrity": "sha512-XDN92U311aINL77ieWHmqCcNlwjoP5cHXDxIxbf2MaPYuCXOHS7gHH8jktxeK5omgd52XbSTX6a4Piwd1pQmzA==", - "dev": true, - "requires": { - "fast-deep-equal": "^2.0.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" - } - }, - "anymatch": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", - "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", - "dev": true, - "requires": { - "micromatch": "^3.1.4", - "normalize-path": "^2.1.1" - } - }, - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=", - "dev": true - }, - "array-unique": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", - "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=", - "dev": true - }, - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", - "dev": true, - "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "chokidar": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.0.4.tgz", - "integrity": "sha512-z9n7yt9rOvIJrMhvDtDictKrkFHeihkNl6uWMmZlmL6tJtX9Cs+87oK+teBx+JIgzvbX3yZHT3eF8vpbDxHJXQ==", - "dev": true, - "requires": { - "anymatch": "^2.0.0", - "async-each": "^1.0.0", - "braces": "^2.3.0", - "fsevents": "^1.2.2", - "glob-parent": "^3.1.0", - "inherits": "^2.0.1", - "is-binary-path": "^1.0.0", - "is-glob": "^4.0.0", - "lodash.debounce": "^4.0.8", - "normalize-path": "^2.1.1", - "path-is-absolute": "^1.0.0", - "readdirp": "^2.0.0", - "upath": "^1.0.5" - } - }, - "expand-brackets": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", - "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=", - "dev": true, - "requires": { - "debug": "^2.3.3", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "posix-character-classes": "^0.1.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - } - }, - "kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", - "dev": true - } - } - }, - "extglob": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", - "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", - "dev": true, - "requires": { - "array-unique": "^0.3.2", - "define-property": "^1.0.0", - "expand-brackets": "^2.1.4", - "extend-shallow": "^2.0.1", - "fragment-cache": "^0.2.1", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", - "dev": true, - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "fast-deep-equal": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz", - "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=", - "dev": true - }, - "fill-range": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "glob-parent": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", - "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=", - "dev": true, - "requires": { - "is-glob": "^3.1.0", - "path-dirname": "^1.0.0" - }, - "dependencies": { - "is-glob": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", - "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", - "dev": true, - "requires": { - "is-extglob": "^2.1.0" - } - } - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true - }, - "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", - "dev": true - }, - "micromatch": { - "version": "3.1.10", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", - "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", - "dev": true, - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" - } - }, - "punycode": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", - "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==", - "dev": true - }, - "rxjs": { - "version": "6.3.3", - "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.3.3.tgz", - "integrity": "sha512-JTWmoY9tWCs7zvIk/CvRjhjGaOd+OVBM987mxFo+OW66cGpdKjZcpmc74ES1sB//7Kl/PAe8+wEakuhG4pcgOw==", - "dev": true, - "requires": { - "tslib": "^1.9.0" - } - }, - "source-map": { - "version": "0.7.3", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz", - "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==", - "dev": true - }, - "uri-js": { - "version": "4.2.2", - "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz", - "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==", - "dev": true, - "requires": { - "punycode": "^2.1.0" - } - } - } + "@xtuc/long": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz", + "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==", + "dev": true }, - "@schematics/angular": { - "version": "0.8.9", - "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-0.8.9.tgz", - "integrity": "sha512-QTCcvBr+HLk8oJuPvonc8myYVU4ko5qsIhTon0gyWQg8McQnjCf8dTpnLM/VSzrmR71wOQ9fqvl+qS+eujrtnA==", - "dev": true, - "requires": { - "@angular-devkit/core": "0.8.9", - "@angular-devkit/schematics": "0.8.9", - "typescript": ">=2.6.2 <2.10" - }, - "dependencies": { - "typescript": { - "version": "2.9.2", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-2.9.2.tgz", - "integrity": "sha512-Gr4p6nFNaoufRIY4NMdpQRNmgxVIGMs4Fcu/ujdYk3nAZqk7supzBE9idmvfZIlH/Cuj//dvi+019qEue9lV0w==", - "dev": true - } - } + "@yarnpkg/lockfile": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz", + "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==", + "dev": true }, - "@schematics/update": { - "version": "0.8.9", - "resolved": "https://registry.npmjs.org/@schematics/update/-/update-0.8.9.tgz", - "integrity": "sha512-duefusf5YdKGcNfNlHM/eMpkuvR2o4rqLDX0wo59Pu1KKXoDEUy5lj0mOA+hXbzjHtrtOxpffxKU0+AzovEMPA==", + "JSONStream": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/JSONStream/-/JSONStream-1.3.5.tgz", + "integrity": "sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==", "dev": true, "requires": { - "@angular-devkit/core": "0.8.9", - "@angular-devkit/schematics": "0.8.9", - "npm-registry-client": "8.6.0", - "rxjs": "6.2.2", - "semver": "5.6.0", - "semver-intersect": "1.4.0" - }, - "dependencies": { - "rxjs": { - "version": "6.2.2", - "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.2.2.tgz", - "integrity": "sha512-0MI8+mkKAXZUF9vMrEoPnaoHkfzBPP4IGwUYRJhIRJF6/w3uByO1e91bEHn8zd43RdkTMKiooYKmwz7RH6zfOQ==", - "dev": true, - "requires": { - "tslib": "^1.9.0" - } - }, - "semver": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.6.0.tgz", - "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==", - "dev": true - } + "jsonparse": "^1.2.0", + "through": ">=2.2.7 <3" } }, - "@types/jasmine": { - "version": "2.8.8", - "resolved": "https://npm.mobiscroll.com/@types%2fjasmine/-/jasmine-2.8.8.tgz", - "integrity": "sha512-OJSUxLaxXsjjhob2DBzqzgrkLmukM3+JMpRp0r0E4HTdT1nwDCWhaswjYxazPij6uOdzHCJfNbDjmQ1/rnNbCg==", - "dev": true - }, - "@types/jasminewd2": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@types/jasminewd2/-/jasminewd2-2.0.3.tgz", - "integrity": "sha512-hYDVmQZT5VA2kigd4H4bv7vl/OhlympwREUemqBdOqtrYTo5Ytm12a5W5/nGgGYdanGVxj0x/VhZ7J3hOg/YKg==", + "accepts": { + "version": "1.3.7", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz", + "integrity": "sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==", "dev": true, "requires": { - "@types/jasmine": "*" + "mime-types": "~2.1.24", + "negotiator": "0.6.2" } }, - "@types/node": { - "version": "6.0.116", - "resolved": "https://registry.npmjs.org/@types/node/-/node-6.0.116.tgz", - "integrity": "sha512-vToa8YEeulfyYg1gSOeHjvvIRqrokng62VMSj2hoZrwZNcYrp2h3AWo6KeBVuymIklQUaY5zgVJvVsC4KiiLkQ==", - "dev": true - }, - "@types/q": { - "version": "0.0.32", - "resolved": "https://registry.npmjs.org/@types/q/-/q-0.0.32.tgz", - "integrity": "sha1-vShOV8hPEyXacCur/IKlMoGQwMU=", - "dev": true - }, - "@types/selenium-webdriver": { - "version": "3.0.10", - "resolved": "https://registry.npmjs.org/@types/selenium-webdriver/-/selenium-webdriver-3.0.10.tgz", - "integrity": "sha512-ikB0JHv6vCR1KYUQAzTO4gi/lXLElT4Tx+6De2pc/OZwizE9LRNiTa+U8TBFKBD/nntPnr/MPSHSnOTybjhqNA==", + "acorn": { + "version": "6.1.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.1.1.tgz", + "integrity": "sha512-jPTiwtOxaHNaAPg/dmrJ/beuzLRnXtB0kQPQ8JpotKJgTB6rX6c8mlf315941pyjBSaPg8NHXS9fhP4u17DpGA==", "dev": true }, - "@types/source-list-map": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/@types/source-list-map/-/source-list-map-0.1.2.tgz", - "integrity": "sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA==", + "acorn-dynamic-import": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/acorn-dynamic-import/-/acorn-dynamic-import-4.0.0.tgz", + "integrity": "sha512-d3OEjQV4ROpoflsnUA8HozoIR504TFxNivYEUi6uwz0IYhBkTDXGuWlNdMtybRt3nqVx/L6XqMt0FxkXuWKZhw==", "dev": true }, - "@types/strip-bom": { - "version": "3.0.0", - "resolved": "https://npm.mobiscroll.com/@types%2fstrip-bom/-/strip-bom-3.0.0.tgz", - "integrity": "sha1-FKjsOVbC6B7bdSB5CuzyHCkK69I=", + "adm-zip": { + "version": "0.4.13", + "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.4.13.tgz", + "integrity": "sha512-fERNJX8sOXfel6qCBCMPvZLzENBEhZTzKqg6vrOW5pvoEaQuJhRU4ndTAh6lHOxn1I6jnz2NHra56ZODM751uw==", "dev": true }, - "@types/strip-json-comments": { - "version": "0.0.30", - "resolved": "https://npm.mobiscroll.com/@types%2fstrip-json-comments/-/strip-json-comments-0.0.30.tgz", - "integrity": "sha512-7NQmHra/JILCd1QqpSzl8+mJRc8ZHz3uDm8YV1Ks9IhK0epEiTw8aIErbvH9PI+6XbqhyIQy3462nEsn7UVzjQ==", + "after": { + "version": "0.8.2", + "resolved": "https://registry.npmjs.org/after/-/after-0.8.2.tgz", + "integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=", "dev": true }, - "@types/webpack-sources": { - "version": "0.1.5", - "resolved": "https://registry.npmjs.org/@types/webpack-sources/-/webpack-sources-0.1.5.tgz", - "integrity": "sha512-zfvjpp7jiafSmrzJ2/i3LqOyTYTuJ7u1KOXlKgDlvsj9Rr0x7ZiYu5lZbXwobL7lmsRNtPXlBfmaUD8eU2Hu8w==", + "agent-base": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-4.2.1.tgz", + "integrity": "sha512-JVwXMr9nHYTUXsBFKUqhJwvlcYU/blreOEUkhNR2eXZIvwd+c+o5V4MgDPKWnMS/56awN3TRzIP+KoPn+roQtg==", "dev": true, "requires": { - "@types/node": "*", - "@types/source-list-map": "*", - "source-map": "^0.6.1" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - } + "es6-promisify": "^5.0.0" } }, - "@webassemblyjs/ast": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.7.11.tgz", - "integrity": "sha512-ZEzy4vjvTzScC+SH8RBssQUawpaInUdMTYwYYLh54/s8TuT0gBLuyUnppKsVyZEi876VmmStKsUs28UxPgdvrA==", + "agentkeepalive": { + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-3.5.2.tgz", + "integrity": "sha512-e0L/HNe6qkQ7H19kTlRRqUibEAwDK5AFk6y3PtMsuut2VAH6+Q4xZml1tNDJD7kSAyqmbG/K08K5WEJYtUrSlQ==", "dev": true, "requires": { - "@webassemblyjs/helper-module-context": "1.7.11", - "@webassemblyjs/helper-wasm-bytecode": "1.7.11", - "@webassemblyjs/wast-parser": "1.7.11" - } - }, - "@webassemblyjs/floating-point-hex-parser": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.7.11.tgz", - "integrity": "sha512-zY8dSNyYcgzNRNT666/zOoAyImshm3ycKdoLsyDw/Bwo6+/uktb7p4xyApuef1dwEBo/U/SYQzbGBvV+nru2Xg==", - "dev": true - }, - "@webassemblyjs/helper-api-error": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.7.11.tgz", - "integrity": "sha512-7r1qXLmiglC+wPNkGuXCvkmalyEstKVwcueZRP2GNC2PAvxbLYwLLPr14rcdJaE4UtHxQKfFkuDFuv91ipqvXg==", - "dev": true - }, - "@webassemblyjs/helper-buffer": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.7.11.tgz", - "integrity": "sha512-MynuervdylPPh3ix+mKZloTcL06P8tenNH3sx6s0qE8SLR6DdwnfgA7Hc9NSYeob2jrW5Vql6GVlsQzKQCa13w==", - "dev": true - }, - "@webassemblyjs/helper-code-frame": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.7.11.tgz", - "integrity": "sha512-T8ESC9KMXFTXA5urJcyor5cn6qWeZ4/zLPyWeEXZ03hj/x9weSokGNkVCdnhSabKGYWxElSdgJ+sFa9G/RdHNw==", - "dev": true, - "requires": { - "@webassemblyjs/wast-printer": "1.7.11" - } - }, - "@webassemblyjs/helper-fsm": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-fsm/-/helper-fsm-1.7.11.tgz", - "integrity": "sha512-nsAQWNP1+8Z6tkzdYlXT0kxfa2Z1tRTARd8wYnc/e3Zv3VydVVnaeePgqUzFrpkGUyhUUxOl5ML7f1NuT+gC0A==", - "dev": true - }, - "@webassemblyjs/helper-module-context": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-module-context/-/helper-module-context-1.7.11.tgz", - "integrity": "sha512-JxfD5DX8Ygq4PvXDucq0M+sbUFA7BJAv/GGl9ITovqE+idGX+J3QSzJYz+LwQmL7fC3Rs+utvWoJxDb6pmC0qg==", - "dev": true - }, - "@webassemblyjs/helper-wasm-bytecode": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.7.11.tgz", - "integrity": "sha512-cMXeVS9rhoXsI9LLL4tJxBgVD/KMOKXuFqYb5oCJ/opScWpkCMEz9EJtkonaNcnLv2R3K5jIeS4TRj/drde1JQ==", - "dev": true - }, - "@webassemblyjs/helper-wasm-section": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.7.11.tgz", - "integrity": "sha512-8ZRY5iZbZdtNFE5UFunB8mmBEAbSI3guwbrsCl4fWdfRiAcvqQpeqd5KHhSWLL5wuxo53zcaGZDBU64qgn4I4Q==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.7.11", - "@webassemblyjs/helper-buffer": "1.7.11", - "@webassemblyjs/helper-wasm-bytecode": "1.7.11", - "@webassemblyjs/wasm-gen": "1.7.11" - } - }, - "@webassemblyjs/ieee754": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.7.11.tgz", - "integrity": "sha512-Mmqx/cS68K1tSrvRLtaV/Lp3NZWzXtOHUW2IvDvl2sihAwJh4ACE0eL6A8FvMyDG9abes3saB6dMimLOs+HMoQ==", - "dev": true, - "requires": { - "@xtuc/ieee754": "^1.2.0" - } - }, - "@webassemblyjs/leb128": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.7.11.tgz", - "integrity": "sha512-vuGmgZjjp3zjcerQg+JA+tGOncOnJLWVkt8Aze5eWQLwTQGNgVLcyOTqgSCxWTR4J42ijHbBxnuRaL1Rv7XMdw==", - "dev": true, - "requires": { - "@xtuc/long": "4.2.1" - } - }, - "@webassemblyjs/utf8": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.7.11.tgz", - "integrity": "sha512-C6GFkc7aErQIAH+BMrIdVSmW+6HSe20wg57HEC1uqJP8E/xpMjXqQUxkQw07MhNDSDcGpxI9G5JSNOQCqJk4sA==", - "dev": true - }, - "@webassemblyjs/wasm-edit": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.7.11.tgz", - "integrity": "sha512-FUd97guNGsCZQgeTPKdgxJhBXkUbMTY6hFPf2Y4OedXd48H97J+sOY2Ltaq6WGVpIH8o/TGOVNiVz/SbpEMJGg==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.7.11", - "@webassemblyjs/helper-buffer": "1.7.11", - "@webassemblyjs/helper-wasm-bytecode": "1.7.11", - "@webassemblyjs/helper-wasm-section": "1.7.11", - "@webassemblyjs/wasm-gen": "1.7.11", - "@webassemblyjs/wasm-opt": "1.7.11", - "@webassemblyjs/wasm-parser": "1.7.11", - "@webassemblyjs/wast-printer": "1.7.11" - } - }, - "@webassemblyjs/wasm-gen": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.7.11.tgz", - "integrity": "sha512-U/KDYp7fgAZX5KPfq4NOupK/BmhDc5Kjy2GIqstMhvvdJRcER/kUsMThpWeRP8BMn4LXaKhSTggIJPOeYHwISA==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.7.11", - "@webassemblyjs/helper-wasm-bytecode": "1.7.11", - "@webassemblyjs/ieee754": "1.7.11", - "@webassemblyjs/leb128": "1.7.11", - "@webassemblyjs/utf8": "1.7.11" - } - }, - "@webassemblyjs/wasm-opt": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.7.11.tgz", - "integrity": "sha512-XynkOwQyiRidh0GLua7SkeHvAPXQV/RxsUeERILmAInZegApOUAIJfRuPYe2F7RcjOC9tW3Cb9juPvAC/sCqvg==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.7.11", - "@webassemblyjs/helper-buffer": "1.7.11", - "@webassemblyjs/wasm-gen": "1.7.11", - "@webassemblyjs/wasm-parser": "1.7.11" - } - }, - "@webassemblyjs/wasm-parser": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.7.11.tgz", - "integrity": "sha512-6lmXRTrrZjYD8Ng8xRyvyXQJYUQKYSXhJqXOBLw24rdiXsHAOlvw5PhesjdcaMadU/pyPQOJ5dHreMjBxwnQKg==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.7.11", - "@webassemblyjs/helper-api-error": "1.7.11", - "@webassemblyjs/helper-wasm-bytecode": "1.7.11", - "@webassemblyjs/ieee754": "1.7.11", - "@webassemblyjs/leb128": "1.7.11", - "@webassemblyjs/utf8": "1.7.11" - } - }, - "@webassemblyjs/wast-parser": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-parser/-/wast-parser-1.7.11.tgz", - "integrity": "sha512-lEyVCg2np15tS+dm7+JJTNhNWq9yTZvi3qEhAIIOaofcYlUp0UR5/tVqOwa/gXYr3gjwSZqw+/lS9dscyLelbQ==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.7.11", - "@webassemblyjs/floating-point-hex-parser": "1.7.11", - "@webassemblyjs/helper-api-error": "1.7.11", - "@webassemblyjs/helper-code-frame": "1.7.11", - "@webassemblyjs/helper-fsm": "1.7.11", - "@xtuc/long": "4.2.1" - } - }, - "@webassemblyjs/wast-printer": { - "version": "1.7.11", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.7.11.tgz", - "integrity": "sha512-m5vkAsuJ32QpkdkDOUPGSltrg8Cuk3KBx4YrmAGQwCZPRdUHXxG4phIOuuycLemHFr74sWL9Wthqss4fzdzSwg==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.7.11", - "@webassemblyjs/wast-parser": "1.7.11", - "@xtuc/long": "4.2.1" - } - }, - "@xtuc/ieee754": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", - "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==", - "dev": true - }, - "@xtuc/long": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.1.tgz", - "integrity": "sha512-FZdkNBDqBRHKQ2MEbSC17xnPFOhZxeJ2YGSfr2BKf3sujG49Qe3bB+rGCwQfIaA7WHnGeGkSijX4FuBCdrzW/g==", - "dev": true - }, - "@yarnpkg/lockfile": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz", - "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==", - "dev": true - }, - "JSONStream": { - "version": "1.3.5", - "resolved": "https://registry.npmjs.org/JSONStream/-/JSONStream-1.3.5.tgz", - "integrity": "sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==", - "dev": true, - "requires": { - "jsonparse": "^1.2.0", - "through": ">=2.2.7 <3" - } - }, - "abbrev": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz", - "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==", - "dev": true, - "optional": true - }, - "accepts": { - "version": "1.3.5", - "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz", - "integrity": "sha1-63d99gEXI6OxTopywIBcjoZ0a9I=", - "dev": true, - "requires": { - "mime-types": "~2.1.18", - "negotiator": "0.6.1" - }, - "dependencies": { - "mime-db": { - "version": "1.35.0", - "resolved": "https://npm.mobiscroll.com/mime-db/-/mime-db-1.35.0.tgz", - "integrity": "sha512-JWT/IcCTsB0Io3AhWUMjRqucrHSPsSf2xKLaRldJVULioggvkJvggZ3VXNNSRkCddE6D+BUI4HEIZIA2OjwIvg==", - "dev": true - }, - "mime-types": { - "version": "2.1.19", - "resolved": "https://npm.mobiscroll.com/mime-types/-/mime-types-2.1.19.tgz", - "integrity": "sha512-P1tKYHVSZ6uFo26mtnve4HQFE3koh1UWVkp8YUC+ESBHe945xWSoXuHHiGarDqcEZ+whpCDnlNw5LON0kLo+sw==", - "dev": true, - "requires": { - "mime-db": "~1.35.0" - } - } - } - }, - "acorn": { - "version": "6.1.1", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.1.1.tgz", - "integrity": "sha512-jPTiwtOxaHNaAPg/dmrJ/beuzLRnXtB0kQPQ8JpotKJgTB6rX6c8mlf315941pyjBSaPg8NHXS9fhP4u17DpGA==", - "dev": true - }, - "acorn-dynamic-import": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/acorn-dynamic-import/-/acorn-dynamic-import-4.0.0.tgz", - "integrity": "sha512-d3OEjQV4ROpoflsnUA8HozoIR504TFxNivYEUi6uwz0IYhBkTDXGuWlNdMtybRt3nqVx/L6XqMt0FxkXuWKZhw==", - "dev": true - }, - "adm-zip": { - "version": "0.4.11", - "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.4.11.tgz", - "integrity": "sha512-L8vcjDTCOIJk7wFvmlEUN7AsSb8T+2JrdP7KINBjzr24TJ5Mwj590sLu3BC7zNZowvJWa/JtPmD8eJCzdtDWjA==", - "dev": true - }, - "after": { - "version": "0.8.2", - "resolved": "https://registry.npmjs.org/after/-/after-0.8.2.tgz", - "integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=", - "dev": true - }, - "agent-base": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-4.2.1.tgz", - "integrity": "sha512-JVwXMr9nHYTUXsBFKUqhJwvlcYU/blreOEUkhNR2eXZIvwd+c+o5V4MgDPKWnMS/56awN3TRzIP+KoPn+roQtg==", - "dev": true, - "requires": { - "es6-promisify": "^5.0.0" - } - }, - "agentkeepalive": { - "version": "3.5.2", - "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-3.5.2.tgz", - "integrity": "sha512-e0L/HNe6qkQ7H19kTlRRqUibEAwDK5AFk6y3PtMsuut2VAH6+Q4xZml1tNDJD7kSAyqmbG/K08K5WEJYtUrSlQ==", - "dev": true, - "requires": { - "humanize-ms": "^1.2.1" + "humanize-ms": "^1.2.1" } }, "ajv": { - "version": "6.4.0", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.4.0.tgz", - "integrity": "sha1-06/3jpJ3VJdx2vAWTP9ISCt1T8Y=", + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.0.tgz", + "integrity": "sha512-nffhOpkymDECQyR0mnsUtoCE8RlX38G0rYP+wgLWFyZuUyuuojSSvi/+euOiQBIn63whYwYVIIH1TvE3tu4OEg==", "dev": true, "requires": { - "fast-deep-equal": "^1.0.0", + "fast-deep-equal": "^2.0.1", "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.3.0", - "uri-js": "^3.0.2" + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" } }, "ajv-errors": { @@ -2108,6 +914,12 @@ "integrity": "sha512-hHUXGagefjN2iRrID63xckIvotOXOojhQKWIPUZ4mNUZ9nLZW+7FMNoE1lOkEhNWYsx/7ysGIuJYCiMAA9FnrA==", "dev": true }, + "ansi-escapes": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-3.2.0.tgz", + "integrity": "sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==", + "dev": true + }, "ansi-html": { "version": "0.0.7", "resolved": "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.7.tgz", @@ -2121,10 +933,13 @@ "dev": true }, "ansi-styles": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", - "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=", - "dev": true + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "requires": { + "color-convert": "^1.9.0" + } }, "anymatch": { "version": "2.0.0", @@ -2134,21 +949,32 @@ "requires": { "micromatch": "^3.1.4", "normalize-path": "^2.1.1" + }, + "dependencies": { + "normalize-path": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", + "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", + "dev": true, + "requires": { + "remove-trailing-separator": "^1.0.1" + } + } } }, "app-root-path": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/app-root-path/-/app-root-path-2.1.0.tgz", - "integrity": "sha1-mL9lmTJ+zqGZMJhm6BQDaP0uZGo=", + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/app-root-path/-/app-root-path-2.2.1.tgz", + "integrity": "sha512-91IFKeKk7FjfmezPKkwtaRvSpnUc4gDwPAjA1YZ9Gn0q0PPeW+vbeUsZuyDwjI7+QTHhcLen2v25fi/AmhvbJA==", "dev": true }, "append-transform": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/append-transform/-/append-transform-0.4.0.tgz", - "integrity": "sha1-126/jKlNJ24keja61EpLdKthGZE=", + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/append-transform/-/append-transform-1.0.0.tgz", + "integrity": "sha512-P009oYkeHyU742iSZJzZZywj4QRJdnTWffaKuJQLablCZ1uz6/cW4yaRgcDaoQ+uwOxxnt0gRUcwfsNP2ri0gw==", "dev": true, "requires": { - "default-require-extensions": "^1.0.0" + "default-require-extensions": "^2.0.0" } }, "aproba": { @@ -2157,25 +983,25 @@ "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==", "dev": true }, - "are-we-there-yet": { - "version": "1.1.5", - "resolved": "https://npm.mobiscroll.com/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz", - "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==", - "dev": true, - "requires": { - "delegates": "^1.0.0", - "readable-stream": "^2.0.6" - } - }, "argparse": { "version": "1.0.10", - "resolved": "https://npm.mobiscroll.com/argparse/-/argparse-1.0.10.tgz", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", "dev": true, "requires": { "sprintf-js": "~1.0.2" } }, + "aria-query": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-3.0.0.tgz", + "integrity": "sha1-ZbP8wcoRVajJrmTW7uKX8V1RM8w=", + "dev": true, + "requires": { + "ast-types-flow": "0.0.7", + "commander": "^2.11.0" + } + }, "arr-diff": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", @@ -2194,25 +1020,12 @@ "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=", "dev": true }, - "array-find-index": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz", - "integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=", - "dev": true, - "optional": true - }, "array-flatten": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.2.tgz", "integrity": "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==", "dev": true }, - "array-slice": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz", - "integrity": "sha1-3Tz7gO15c6dRF82sabC5nshhhvU=", - "dev": true - }, "array-union": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz", @@ -2250,14 +1063,16 @@ "version": "2.0.6", "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz", "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=", - "dev": true, - "optional": true + "dev": true }, "asn1": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.3.tgz", - "integrity": "sha1-2sh4dxPJlmhJ/IGAd36+nB3fO4Y=", - "dev": true + "version": "0.2.4", + "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz", + "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==", + "dev": true, + "requires": { + "safer-buffer": "~2.1.0" + } }, "asn1.js": { "version": "4.10.1", @@ -2271,11 +1086,12 @@ } }, "assert": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/assert/-/assert-1.4.1.tgz", - "integrity": "sha1-mZEtWRg2tab1s0XA8H7vwI/GXZE=", + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/assert/-/assert-1.5.0.tgz", + "integrity": "sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==", "dev": true, "requires": { + "object-assign": "^4.1.1", "util": "0.10.3" }, "dependencies": { @@ -2300,8 +1116,7 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=", - "dev": true, - "optional": true + "dev": true }, "assign-symbols": { "version": "1.0.0", @@ -2309,36 +1124,27 @@ "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=", "dev": true }, + "ast-types-flow": { + "version": "0.0.7", + "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz", + "integrity": "sha1-9wtzXGvKGlycItmCw+Oef+ujva0=", + "dev": true + }, "async": { - "version": "2.6.1", - "resolved": "https://npm.mobiscroll.com/async/-/async-2.6.1.tgz", - "integrity": "sha512-fNEiL2+AZt6AlAw/29Cr0UDe4sRAHCpEHh54WMz+Bb7QfNcFw4h3loofyJpLeQs4Yx7yuqu/2dLgM5hKOs6HlQ==", + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/async/-/async-2.6.2.tgz", + "integrity": "sha512-H1qVYh1MYhEEFLsP97cVKqCGo7KfCyTt6uEWqsTBr9SO84oK9Uwbyd/yCW+6rKJLHksBNUVWZDAjfS+Ccx0Bbg==", "dev": true, "requires": { - "lodash": "^4.17.10" - }, - "dependencies": { - "lodash": { - "version": "4.17.11", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", - "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", - "dev": true - } + "lodash": "^4.17.11" } }, "async-each": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.1.tgz", - "integrity": "sha1-GdOGodntxufByF04iu28xW0zYC0=", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz", + "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==", "dev": true }, - "async-foreach": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz", - "integrity": "sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=", - "dev": true, - "optional": true - }, "async-limiter": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz", @@ -2352,22 +1158,22 @@ "dev": true }, "atob": { - "version": "2.1.1", - "resolved": "https://npm.mobiscroll.com/atob/-/atob-2.1.1.tgz", - "integrity": "sha1-ri1acpR38onWDdf5amMUoi3Wwio=", + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz", + "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==", "dev": true }, "autoprefixer": { - "version": "9.4.6", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.4.6.tgz", - "integrity": "sha512-Yp51mevbOEdxDUy5WjiKtpQaecqYq9OqZSL04rSoCiry7Tc5I9FEyo3bfxiTJc1DfHeKwSFCUYbBAiOQ2VGfiw==", + "version": "9.5.1", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.5.1.tgz", + "integrity": "sha512-KJSzkStUl3wP0D5sdMlP82Q52JLy5+atf2MHAre48+ckWkXgixmfHyWmA77wFDy6jTHU6mIgXv6hAQ2mf1PjJQ==", "dev": true, "requires": { - "browserslist": "^4.4.1", - "caniuse-lite": "^1.0.30000929", + "browserslist": "^4.5.4", + "caniuse-lite": "^1.0.30000957", "normalize-range": "^0.1.2", "num2fraction": "^1.2.2", - "postcss": "^7.0.13", + "postcss": "^7.0.14", "postcss-value-parser": "^3.3.1" } }, @@ -2375,15 +1181,23 @@ "version": "0.7.0", "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz", "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=", - "dev": true, - "optional": true + "dev": true }, "aws4": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.6.0.tgz", - "integrity": "sha1-g+9cqGCysy5KDe7e6MdxudtXRx4=", + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.8.0.tgz", + "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==", "dev": true }, + "axobject-query": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.0.2.tgz", + "integrity": "sha512-MCeek8ZH7hKyO1rWUbKNQBbl4l2eY0ntk7OGi+q0RlafrCnfPxC06WZA+uebCfmYp4mNU9jRBP1AhGyf8+W3ww==", + "dev": true, + "requires": { + "ast-types-flow": "0.0.7" + } + }, "babel-code-frame": { "version": "6.26.0", "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz", @@ -2395,6 +1209,12 @@ "js-tokens": "^3.0.2" }, "dependencies": { + "ansi-styles": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", + "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=", + "dev": true + }, "chalk": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", @@ -2418,7 +1238,7 @@ }, "babel-generator": { "version": "6.26.1", - "resolved": "https://npm.mobiscroll.com/babel-generator/-/babel-generator-6.26.1.tgz", + "resolved": "https://registry.npmjs.org/babel-generator/-/babel-generator-6.26.1.tgz", "integrity": "sha512-HyfwY6ApZj7BYTcJURpM5tznulaBvyio7/0d4zFOeMPUmfxkCjHocCuoLa2SAGzBI8AREcH3eP3758F672DppA==", "dev": true, "requires": { @@ -2432,10 +1252,10 @@ "trim-right": "^1.0.1" }, "dependencies": { - "jsesc": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz", - "integrity": "sha1-RsP+yMGJKxKwgz25vHYiF226s0s=", + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", "dev": true } } @@ -2457,6 +1277,14 @@ "requires": { "core-js": "^2.4.0", "regenerator-runtime": "^0.11.0" + }, + "dependencies": { + "core-js": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.9.tgz", + "integrity": "sha512-HOpZf6eXmnl7la+cUdMnLvUxKNqLUzJvgIziQ0DiF3JwSImNphIqdGqzj6hIKyX04MmV0poclQ7+wjWvxQyR2A==", + "dev": true + } } }, "babel-template": { @@ -2534,12 +1362,6 @@ "pascalcase": "^0.1.1" }, "dependencies": { - "component-emitter": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz", - "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=", - "dev": true - }, "define-property": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", @@ -2551,7 +1373,7 @@ }, "is-accessor-descriptor": { "version": "1.0.0", - "resolved": "https://npm.mobiscroll.com/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", "dev": true, "requires": { @@ -2560,7 +1382,7 @@ }, "is-data-descriptor": { "version": "1.0.0", - "resolved": "https://npm.mobiscroll.com/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", "dev": true, "requires": { @@ -2569,7 +1391,7 @@ }, "is-descriptor": { "version": "1.0.2", - "resolved": "https://npm.mobiscroll.com/is-descriptor/-/is-descriptor-1.0.2.tgz", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", "dev": true, "requires": { @@ -2577,12 +1399,6 @@ "is-data-descriptor": "^1.0.0", "kind-of": "^6.0.2" } - }, - "kind-of": { - "version": "6.0.2", - "resolved": "https://npm.mobiscroll.com/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", - "dev": true } } }, @@ -2615,7 +1431,6 @@ "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz", "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=", "dev": true, - "optional": true, "requires": { "tweetnacl": "^0.14.3" } @@ -2636,9 +1451,9 @@ "dev": true }, "binary-extensions": { - "version": "1.11.0", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.11.0.tgz", - "integrity": "sha1-RqoXUftqL5PuXmibsQh9SxTGwgU=", + "version": "1.13.1", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz", + "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==", "dev": true }, "blob": { @@ -2647,16 +1462,6 @@ "integrity": "sha512-gaqbzQPqOoamawKg0LGVd7SzLgXS+JH61oWprSLH+P+abTczqJbhTR8CmJ2u9/bUYNmHTGJx/UEmn6doAvvuig==", "dev": true }, - "block-stream": { - "version": "0.0.9", - "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz", - "integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=", - "dev": true, - "optional": true, - "requires": { - "inherits": "~2.0.0" - } - }, "blocking-proxy": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/blocking-proxy/-/blocking-proxy-1.0.1.tgz", @@ -2664,20 +1469,12 @@ "dev": true, "requires": { "minimist": "^1.2.0" - }, - "dependencies": { - "minimist": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", - "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", - "dev": true - } } }, "bluebird": { - "version": "3.5.1", - "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.1.tgz", - "integrity": "sha512-MKiLiV+I1AA596t9w1sQJ8jkiSr5+ZKi0WKrYGUn6d1Fx+Ij4tIj+m2WMQSGczs5jZVxV339chE8iwk6F64wjA==", + "version": "3.5.5", + "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.5.tgz", + "integrity": "sha512-5am6HnnfN+urzt4yfg7IgTbotDjIT/u8AJpEt0sIU9FtXfVeezXAPKswrG+xKUCOYAINpSdgZVDU6QFh+cuH3w==", "dev": true }, "bn.js": { @@ -2710,36 +1507,11 @@ "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==", "dev": true }, - "http-errors": { - "version": "1.7.2", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz", - "integrity": "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==", - "dev": true, - "requires": { - "depd": "~1.1.2", - "inherits": "2.0.3", - "setprototypeof": "1.1.1", - "statuses": ">= 1.5.0 < 2", - "toidentifier": "1.0.0" - } - }, "qs": { "version": "6.7.0", "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz", "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==", "dev": true - }, - "setprototypeof": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz", - "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==", - "dev": true - }, - "statuses": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", - "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=", - "dev": true } } }, @@ -2758,9 +1530,9 @@ } }, "brace-expansion": { - "version": "1.1.8", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.8.tgz", - "integrity": "sha1-wHshHHyVLsH479Uad+8NHTmQopI=", + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", "dev": true, "requires": { "balanced-match": "^1.0.0", @@ -2837,14 +1609,6 @@ "des.js": "^1.0.0", "inherits": "^2.0.1", "safe-buffer": "^5.1.2" - }, - "dependencies": { - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - } } }, "browserify-rsa": { @@ -2882,20 +1646,20 @@ } }, "browserslist": { - "version": "4.5.6", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.5.6.tgz", - "integrity": "sha512-o/hPOtbU9oX507lIqon+UvPYqpx3mHc8cV3QemSBTXwkG8gSQSK6UKvXcE/DcleU3+A59XTUHyCvZ5qGy8xVAg==", + "version": "4.5.5", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.5.5.tgz", + "integrity": "sha512-0QFO1r/2c792Ohkit5XI8Cm8pDtZxgNl2H6HU4mHrpYz7314pEYcsAVVatM0l/YmxPnEzh9VygXouj4gkFUTKA==", "dev": true, "requires": { - "caniuse-lite": "^1.0.30000963", - "electron-to-chromium": "^1.3.127", - "node-releases": "^1.1.17" + "caniuse-lite": "^1.0.30000960", + "electron-to-chromium": "^1.3.124", + "node-releases": "^1.1.14" } }, "browserstack": { - "version": "1.5.1", - "resolved": "https://registry.npmjs.org/browserstack/-/browserstack-1.5.1.tgz", - "integrity": "sha512-O8VMT64P9NOLhuIoD4YngyxBURefaSdR4QdhG8l6HZ9VxtU7jc3m6jLufFwKA5gaf7fetfB2TnRJnMxyob+heg==", + "version": "1.5.2", + "resolved": "https://registry.npmjs.org/browserstack/-/browserstack-1.5.2.tgz", + "integrity": "sha512-+6AFt9HzhKykcPF79W6yjEUJcdvZOV0lIXdkORXMJftGrDl0OKWqRF4GHqpDNkxiceDT/uB7Fb/aDwktvXX7dg==", "dev": true, "requires": { "https-proxy-agent": "^2.2.1" @@ -2935,9 +1699,9 @@ "dev": true }, "buffer-from": { - "version": "1.1.0", - "resolved": "https://npm.mobiscroll.com/buffer-from/-/buffer-from-1.1.0.tgz", - "integrity": "sha512-c5mRlguI/Pe2dSZmpER62rSCu0ryKmWddzRYsuXc50U2/g8jMOulc31VZMa4mYx31U5xsmSOpDCgH88Vl9cDGQ==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz", + "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==", "dev": true }, "buffer-indexof": { @@ -2977,23 +1741,24 @@ "dev": true }, "cacache": { - "version": "10.0.4", - "resolved": "https://registry.npmjs.org/cacache/-/cacache-10.0.4.tgz", - "integrity": "sha512-Dph0MzuH+rTQzGPNT9fAnrPmMmjKfST6trxJeK7NQuHRaVw24VzPRWTmg9MpcwOVQZO0E1FBICUlFeNaKPIfHA==", + "version": "11.3.2", + "resolved": "https://registry.npmjs.org/cacache/-/cacache-11.3.2.tgz", + "integrity": "sha512-E0zP4EPGDOaT2chM08Als91eYnf8Z+eH1awwwVsngUmgppfM5jjJ8l3z5vO5p5w/I3LsiXawb1sW0VY65pQABg==", "dev": true, "requires": { - "bluebird": "^3.5.1", - "chownr": "^1.0.1", - "glob": "^7.1.2", - "graceful-fs": "^4.1.11", - "lru-cache": "^4.1.1", - "mississippi": "^2.0.0", + "bluebird": "^3.5.3", + "chownr": "^1.1.1", + "figgy-pudding": "^3.5.1", + "glob": "^7.1.3", + "graceful-fs": "^4.1.15", + "lru-cache": "^5.1.1", + "mississippi": "^3.0.0", "mkdirp": "^0.5.1", "move-concurrently": "^1.0.1", "promise-inflight": "^1.0.1", "rimraf": "^2.6.2", - "ssri": "^5.2.4", - "unique-filename": "^1.1.0", + "ssri": "^6.0.1", + "unique-filename": "^1.1.1", "y18n": "^4.0.0" } }, @@ -3012,14 +1777,6 @@ "to-object-path": "^0.3.0", "union-value": "^1.0.0", "unset-value": "^1.0.0" - }, - "dependencies": { - "component-emitter": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz", - "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=", - "dev": true - } } }, "callsite": { @@ -3029,35 +1786,33 @@ "dev": true }, "camelcase": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz", - "integrity": "sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=", + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", + "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", "dev": true }, - "camelcase-keys": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz", - "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=", + "caniuse-api": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz", + "integrity": "sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==", "dev": true, - "optional": true, "requires": { - "camelcase": "^2.0.0", - "map-obj": "^1.0.0" - }, - "dependencies": { - "camelcase": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz", - "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=", - "dev": true, - "optional": true - } + "browserslist": "^4.0.0", + "caniuse-lite": "^1.0.0", + "lodash.memoize": "^4.1.2", + "lodash.uniq": "^4.5.0" } }, "caniuse-lite": { - "version": "1.0.30000966", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000966.tgz", - "integrity": "sha512-qqLQ/uYrpZmFhPY96VuBkMEo8NhVFBZ9y/Bh+KnvGzGJ5I8hvpIaWlF2pw5gqe4PLAL+ZjsPgMOvoXSpX21Keg==", + "version": "1.0.30000973", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000973.tgz", + "integrity": "sha512-/F3t/Yo8LEdRSEPCmI15fLu5vepVh9UCg/9inJXF5AAfW7xRRJkbaM2ut52iRMQMnGCLQouLbFdbOA+VEFOIsg==", + "dev": true + }, + "canonical-path": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/canonical-path/-/canonical-path-1.0.0.tgz", + "integrity": "sha512-feylzsbDxi1gPZ1IjystzIQZagYYLvfKrSuygUCgf7z6x790VEzze5QEkdSV1U58RA7Hi0+v6fv4K54atOzATg==", "dev": true }, "caseless": { @@ -3067,61 +1822,51 @@ "dev": true }, "chalk": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.3.0.tgz", - "integrity": "sha512-Az5zJR2CBujap2rqXGaJKaPHyJ0IrUimvYNX+ncCy8PJP4ltOGTrHUIo097ZaL2zMeKYpiCdqDvS6zdrTFok3Q==", + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.1.0", + "ansi-styles": "^3.2.1", "escape-string-regexp": "^1.0.5", - "supports-color": "^4.0.0" + "supports-color": "^5.3.0" }, "dependencies": { - "ansi-styles": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz", - "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==", - "dev": true, - "requires": { - "color-convert": "^1.9.0" - } - }, - "has-flag": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-2.0.0.tgz", - "integrity": "sha1-6CB68cx7MNRGzHC3NLXovhj4jVE=", - "dev": true - }, "supports-color": { - "version": "4.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-4.5.0.tgz", - "integrity": "sha1-vnoN5ITexcXN34s9WRJQRJEvY1s=", + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^2.0.0" + "has-flag": "^3.0.0" } } } }, + "chardet": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz", + "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==", + "dev": true + }, "chokidar": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.0.4.tgz", - "integrity": "sha512-z9n7yt9rOvIJrMhvDtDictKrkFHeihkNl6uWMmZlmL6tJtX9Cs+87oK+teBx+JIgzvbX3yZHT3eF8vpbDxHJXQ==", + "version": "2.1.6", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.6.tgz", + "integrity": "sha512-V2jUo67OKkc6ySiRpJrjlpJKl9kDuG+Xb8VgsGzb+aEouhgS1D0weyPU4lEzdAcsCAvrih2J2BqyXqHWvVLw5g==", "dev": true, "requires": { "anymatch": "^2.0.0", - "async-each": "^1.0.0", - "braces": "^2.3.0", - "fsevents": "^1.2.2", + "async-each": "^1.0.1", + "braces": "^2.3.2", + "fsevents": "^1.2.7", "glob-parent": "^3.1.0", - "inherits": "^2.0.1", + "inherits": "^2.0.3", "is-binary-path": "^1.0.0", "is-glob": "^4.0.0", - "lodash.debounce": "^4.0.8", - "normalize-path": "^2.1.1", + "normalize-path": "^3.0.0", "path-is-absolute": "^1.0.0", - "readdirp": "^2.0.0", - "upath": "^1.0.5" + "readdirp": "^2.2.1", + "upath": "^1.1.1" } }, "chownr": { @@ -3131,9 +1876,9 @@ "dev": true }, "chrome-trace-event": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.0.tgz", - "integrity": "sha512-xDbVgyfDTT2piup/h8dK/y4QZfJRSa73bw1WZ8b4XM1o7fsFubUVGYcE+1ANtOzJJELGpYoG2961z0Z6OAld9A==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz", + "integrity": "sha512-9e/zx1jw7B4CO+c/RXoCsfg/x1AfUBioy4owYH0bJprEYAx5hRFLRhWBqHAG57D0ZM4H7vxbP7bPe0VwhQRYDQ==", "dev": true, "requires": { "tslib": "^1.9.0" @@ -3155,12 +1900,6 @@ "integrity": "sha512-oC7/DVAyfcY3UWKm0sN/oVoDedQDQiw/vIiAnuTWTpE5s0zWf7l3WY417Xw/Fbi/QbAjctAkxgMiS9P0s3zkmA==", "dev": true }, - "circular-json": { - "version": "0.5.9", - "resolved": "https://registry.npmjs.org/circular-json/-/circular-json-0.5.9.tgz", - "integrity": "sha512-4ivwqHpIFJZBuhN3g/pEcdbnGUywkBblloGbkglyloVjjR3uT6tieI89MVOfbP2tHX5sgb01FuLgAOzebNlJNQ==", - "dev": true - }, "class-utils": { "version": "0.3.6", "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz", @@ -3201,16 +1940,47 @@ } } }, + "cli-cursor": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz", + "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=", + "dev": true, + "requires": { + "restore-cursor": "^2.0.0" + } + }, + "cli-width": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-2.2.0.tgz", + "integrity": "sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=", + "dev": true + }, "cliui": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz", - "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=", + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-4.1.0.tgz", + "integrity": "sha512-4FG+RSG9DL7uEwRUZXZn3SS34DiDPfzP0VOiEwtUWlE+AR2EIg+hSyvrIgUUfhdgR/UkAeW2QHgeP+hWrXs7jQ==", "dev": true, - "optional": true, "requires": { - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1", + "string-width": "^2.1.1", + "strip-ansi": "^4.0.0", "wrap-ansi": "^2.0.0" + }, + "dependencies": { + "ansi-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", + "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=", + "dev": true + }, + "strip-ansi": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", + "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", + "dev": true, + "requires": { + "ansi-regex": "^3.0.0" + } + } } }, "clone": { @@ -3229,14 +1999,6 @@ "is-plain-object": "^2.0.4", "kind-of": "^6.0.0", "shallow-clone": "^1.0.0" - }, - "dependencies": { - "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", - "dev": true - } } }, "co": { @@ -3252,23 +2014,32 @@ "dev": true }, "codelyzer": { - "version": "4.4.4", - "resolved": "https://registry.npmjs.org/codelyzer/-/codelyzer-4.4.4.tgz", - "integrity": "sha512-JgFMudx0n50IuE/ydAfnkksCwQkWSVWgYvhDPHZgDUbmsiYC22VuEXKu5l8Hhx9UJsLgjWDLjTAFGj2WaW5DUA==", + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/codelyzer/-/codelyzer-5.1.0.tgz", + "integrity": "sha512-QiyY2/oDQnYx4mAVEDqr+z9MwrOto18tQFjExiuRChXCy0yvngS5fQpWIxvAGpbOmZFiR1PRTRLbEI71u10maA==", "dev": true, "requires": { - "app-root-path": "^2.1.0", - "css-selector-tokenizer": "^0.7.0", + "app-root-path": "^2.2.1", + "aria-query": "^3.0.0", + "axobject-query": "^2.0.2", + "css-selector-tokenizer": "^0.7.1", "cssauron": "^1.4.0", + "damerau-levenshtein": "^1.0.4", "semver-dsl": "^1.0.1", "source-map": "^0.5.7", - "sprintf-js": "^1.1.1" + "sprintf-js": "^1.1.2" }, "dependencies": { + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", + "dev": true + }, "sprintf-js": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.1.tgz", - "integrity": "sha1-Nr54Mgr+WAH2zqPueLblqrlA6gw=", + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.2.tgz", + "integrity": "sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==", "dev": true } } @@ -3284,12 +2055,12 @@ } }, "color-convert": { - "version": "1.9.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.1.tgz", - "integrity": "sha512-mjGanIiwQJskCC18rPR6OmrZ6fm2Lc7PeGFYwCmy5J34wC6F1PzdGL6xeMfmgicfYcNLGuVFA3WzXtIDCQSZxQ==", + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", "dev": true, "requires": { - "color-name": "^1.1.1" + "color-name": "1.1.3" } }, "color-name": { @@ -3304,28 +2075,19 @@ "integrity": "sha1-FopHAXVran9RoSzgyXv6KMCE7WM=", "dev": true }, - "combine-lists": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/combine-lists/-/combine-lists-1.0.1.tgz", - "integrity": "sha1-RYwH4J4NkA/Ci3Cj/sLazR0st/Y=", - "dev": true, - "requires": { - "lodash": "^4.5.0" - } - }, "combined-stream": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.5.tgz", - "integrity": "sha1-k4NwpXtKUd6ix3wV1cX9+JUWQAk=", + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", "dev": true, "requires": { "delayed-stream": "~1.0.0" } }, "commander": { - "version": "2.16.0", - "resolved": "https://npm.mobiscroll.com/commander/-/commander-2.16.0.tgz", - "integrity": "sha512-sVXqklSaotK9at437sFlFpyOcJonxe0yST/AG9DkQKUdIE6IqGIMv4SfAQSKaJbSdVEJYItASCrBiVQHq1HQew==", + "version": "2.20.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.0.tgz", + "integrity": "sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ==", "dev": true }, "commondir": { @@ -3334,6 +2096,12 @@ "integrity": "sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=", "dev": true }, + "compare-versions": { + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/compare-versions/-/compare-versions-3.4.0.tgz", + "integrity": "sha512-tK69D7oNXXqUW3ZNo/z7NXTEz22TCF0pTE+YF9cxvaAM9XnkLo1fV621xCLrRR6aevJlKxExkss0vWqUCUpqdg==", + "dev": true + }, "component-bind": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/component-bind/-/component-bind-1.0.0.tgz", @@ -3341,9 +2109,9 @@ "dev": true }, "component-emitter": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz", - "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=", + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz", + "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==", "dev": true }, "component-inherit": { @@ -3359,14 +2127,6 @@ "dev": true, "requires": { "mime-db": ">= 1.40.0 < 2" - }, - "dependencies": { - "mime-db": { - "version": "1.40.0", - "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz", - "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==", - "dev": true - } } }, "compression": { @@ -3382,14 +2142,6 @@ "on-headers": "~1.0.2", "safe-buffer": "5.1.2", "vary": "~1.1.2" - }, - "dependencies": { - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - } } }, "concat-map": { @@ -3400,7 +2152,7 @@ }, "concat-stream": { "version": "1.6.2", - "resolved": "https://npm.mobiscroll.com/concat-stream/-/concat-stream-1.6.2.tgz", + "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz", "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==", "dev": true, "requires": { @@ -3411,32 +2163,15 @@ } }, "connect": { - "version": "3.6.6", - "resolved": "https://registry.npmjs.org/connect/-/connect-3.6.6.tgz", - "integrity": "sha1-Ce/2xVr3I24TcTWnJXSFi2eG9SQ=", + "version": "3.7.0", + "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz", + "integrity": "sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==", "dev": true, "requires": { "debug": "2.6.9", - "finalhandler": "1.1.0", - "parseurl": "~1.3.2", + "finalhandler": "1.1.2", + "parseurl": "~1.3.3", "utils-merge": "1.0.1" - }, - "dependencies": { - "finalhandler": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.0.tgz", - "integrity": "sha1-zgtoVbRYU+eRsvzGgARtiCU91/U=", - "dev": true, - "requires": { - "debug": "2.6.9", - "encodeurl": "~1.0.1", - "escape-html": "~1.0.3", - "on-finished": "~2.3.0", - "parseurl": "~1.3.2", - "statuses": "~1.3.1", - "unpipe": "~1.0.0" - } - } } }, "connect-history-api-fallback": { @@ -3454,12 +2189,6 @@ "date-now": "^0.1.4" } }, - "console-control-strings": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz", - "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=", - "dev": true - }, "constants-browserify": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz", @@ -3467,10 +2196,13 @@ "dev": true }, "content-disposition": { - "version": "0.5.2", - "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz", - "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=", - "dev": true + "version": "0.5.3", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.3.tgz", + "integrity": "sha512-ExO0774ikEObIAEV9kDo50o+79VCUdEB6n6lzKgGwupcVeRlhrj3qGAfwq8G6uBJjkqLrhT0qEYFcWng8z1z0g==", + "dev": true, + "requires": { + "safe-buffer": "5.1.2" + } }, "content-type": { "version": "1.0.4", @@ -3488,9 +2220,9 @@ } }, "cookie": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz", - "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=", + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.0.tgz", + "integrity": "sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==", "dev": true }, "cookie-signature": { @@ -3520,25 +2252,29 @@ "dev": true }, "copy-webpack-plugin": { - "version": "4.6.0", - "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-4.6.0.tgz", - "integrity": "sha512-Y+SQCF+0NoWQryez2zXn5J5knmr9z/9qSQt7fbL78u83rxmigOy8X5+BFn8CFSuX+nKT8gpYwJX68ekqtQt6ZA==", + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-5.0.2.tgz", + "integrity": "sha512-7nC7EynPrnBTtBwwbG1aTqrfNS1aTb9eEjSmQDqFtKAsJrR3uDb+pCDIFT2LzhW+SgGJxQcYzThrmXzzZ720uw==", "dev": true, "requires": { - "cacache": "^10.0.4", - "find-cache-dir": "^1.0.0", + "cacache": "^11.3.1", + "find-cache-dir": "^2.0.0", + "glob-parent": "^3.1.0", "globby": "^7.1.1", "is-glob": "^4.0.0", "loader-utils": "^1.1.0", "minimatch": "^3.0.4", - "p-limit": "^1.0.0", - "serialize-javascript": "^1.4.0" + "normalize-path": "^3.0.0", + "p-limit": "^2.1.0", + "serialize-javascript": "^1.4.0", + "webpack-log": "^2.0.0" } }, "core-js": { - "version": "2.5.7", - "resolved": "https://npm.mobiscroll.com/core-js/-/core-js-2.5.7.tgz", - "integrity": "sha512-RszJCAxg/PP6uzXVXL6BsxSXx/B05oJAQ2vkJRjyjrEcNVycaqOmNb5OTxZPE3xa5gwZduqza6L9JOCenh/Ecw==" + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.0.1.tgz", + "integrity": "sha512-sco40rF+2KlE0ROMvydjkrVMMG1vYilP2ALoRXcYR4obqbYIuV3Bg+51GEDW+HF8n7NRA+iaA4qD0nD9lo9mew==", + "dev": true }, "core-util-is": { "version": "1.0.2", @@ -3556,18 +2292,6 @@ "js-yaml": "^3.9.0", "parse-json": "^4.0.0", "require-from-string": "^2.0.1" - }, - "dependencies": { - "parse-json": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz", - "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=", - "dev": true, - "requires": { - "error-ex": "^1.3.1", - "json-parse-better-errors": "^1.0.1" - } - } } }, "create-ecdh": { @@ -3608,14 +2332,24 @@ } }, "cross-spawn": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz", - "integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=", + "version": "6.0.5", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", + "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", "dev": true, - "optional": true, "requires": { - "lru-cache": "^4.0.1", + "nice-try": "^1.0.4", + "path-key": "^2.0.1", + "semver": "^5.5.0", + "shebang-command": "^1.2.0", "which": "^1.2.9" + }, + "dependencies": { + "semver": { + "version": "5.7.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", + "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", + "dev": true + } } }, "crypto-browserify": { @@ -3644,9 +2378,9 @@ "dev": true }, "css-selector-tokenizer": { - "version": "0.7.0", - "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.0.tgz", - "integrity": "sha1-5piEdK6MlTR3v15+/s/OzNnPTIY=", + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.1.tgz", + "integrity": "sha512-xYL0AMZJ4gFzJQsHUKa5jiWWi2vH77WVNg7JYRyewwj6oPh4yb/y6Y9ZCw9dsj/9UauMhtuxR+ogQd//EdEVNA==", "dev": true, "requires": { "cssesc": "^0.1.0", @@ -3669,16 +2403,6 @@ "integrity": "sha1-yBSQPkViM3GgR3tAEJqq++6t27Q=", "dev": true }, - "currently-unhandled": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz", - "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=", - "dev": true, - "optional": true, - "requires": { - "array-find-index": "^1.0.1" - } - }, "custom-event": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/custom-event/-/custom-event-1.0.1.tgz", @@ -3691,6 +2415,12 @@ "integrity": "sha1-GzN5LhHpFKL9bW7WRHRkRE5fpkA=", "dev": true }, + "damerau-levenshtein": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.5.tgz", + "integrity": "sha512-CBCRqFnpu715iPmw1KrdOrzRqbdFwQTwAWyyyYS42+iAgHCuXZ+/TdMgQkUENPomxEz9z1BEzuQU2Xw0kUuAgA==", + "dev": true + }, "dashdash": { "version": "1.14.1", "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz", @@ -3698,20 +2428,12 @@ "dev": true, "requires": { "assert-plus": "^1.0.0" - }, - "dependencies": { - "assert-plus": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", - "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=", - "dev": true - } } }, "date-format": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/date-format/-/date-format-1.2.0.tgz", - "integrity": "sha1-YV6CjiM90aubua4JUODOzPpuytg=", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/date-format/-/date-format-2.0.0.tgz", + "integrity": "sha512-M6UqVvZVgFYqZL1SfHsRGIQSz3ZL+qgbsV5Lp1Vj61LZVYuEwcMXYay7DRDtYs2HQQBK5hQtQ0fD9aEJ89V0LA==", "dev": true }, "date-now": { @@ -3729,6 +2451,12 @@ "ms": "2.0.0" } }, + "debuglog": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/debuglog/-/debuglog-1.0.1.tgz", + "integrity": "sha1-qiT/uaw9+aI1GDfPstJ5NgzXhJI=", + "dev": true + }, "decamelize": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", @@ -3748,22 +2476,22 @@ "dev": true }, "default-gateway": { - "version": "2.7.2", - "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-2.7.2.tgz", - "integrity": "sha512-lAc4i9QJR0YHSDFdzeBQKfZ1SRDG3hsJNEkrpcZa8QhBfidLAilT60BDEIVUUGqosFp425KOgB3uYqcnQrWafQ==", + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-4.2.0.tgz", + "integrity": "sha512-h6sMrVB1VMWVrW13mSc6ia/DwYYw5MN6+exNu1OaJeFac5aSAvwM7lZ0NVfTABuSkQelr4h5oebg3KB1XPdjgA==", "dev": true, "requires": { - "execa": "^0.10.0", + "execa": "^1.0.0", "ip-regex": "^2.1.0" } }, "default-require-extensions": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/default-require-extensions/-/default-require-extensions-1.0.0.tgz", - "integrity": "sha1-836hXT4T/9m0N9M+GnW1+5eHTLg=", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/default-require-extensions/-/default-require-extensions-2.0.0.tgz", + "integrity": "sha1-9fj7sYp9bVCyH2QfZJ67Uiz+JPc=", "dev": true, "requires": { - "strip-bom": "^2.0.0" + "strip-bom": "^3.0.0" } }, "define-property": { @@ -3778,7 +2506,7 @@ "dependencies": { "is-accessor-descriptor": { "version": "1.0.0", - "resolved": "https://npm.mobiscroll.com/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", "dev": true, "requires": { @@ -3787,7 +2515,7 @@ }, "is-data-descriptor": { "version": "1.0.0", - "resolved": "https://npm.mobiscroll.com/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", "dev": true, "requires": { @@ -3796,7 +2524,7 @@ }, "is-descriptor": { "version": "1.0.2", - "resolved": "https://npm.mobiscroll.com/is-descriptor/-/is-descriptor-1.0.2.tgz", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", "dev": true, "requires": { @@ -3804,27 +2532,22 @@ "is-data-descriptor": "^1.0.0", "kind-of": "^6.0.2" } - }, - "kind-of": { - "version": "6.0.2", - "resolved": "https://npm.mobiscroll.com/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", - "dev": true } } }, "del": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/del/-/del-3.0.0.tgz", - "integrity": "sha1-U+z2mf/LyzljdpGrE7rxYIGXZuU=", + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/del/-/del-4.1.1.tgz", + "integrity": "sha512-QwGuEUouP2kVwQenAsOof5Fv8K9t3D8Ca8NxcXKrIpEHjTXK5J2nXLdP+ALI1cgv8wj7KuwBhTwBkOZSJKM5XQ==", "dev": true, "requires": { + "@types/glob": "^7.1.1", "globby": "^6.1.0", - "is-path-cwd": "^1.0.0", - "is-path-in-cwd": "^1.0.0", - "p-map": "^1.1.1", - "pify": "^3.0.0", - "rimraf": "^2.2.8" + "is-path-cwd": "^2.0.0", + "is-path-in-cwd": "^2.0.0", + "p-map": "^2.0.0", + "pify": "^4.0.1", + "rimraf": "^2.6.3" }, "dependencies": { "globby": { @@ -3856,18 +2579,18 @@ "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=", "dev": true }, - "delegates": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", - "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=", - "dev": true - }, "depd": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=", "dev": true }, + "dependency-graph": { + "version": "0.7.2", + "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.7.2.tgz", + "integrity": "sha512-KqtH4/EZdtdfWX0p6MGP9jljvxSY6msy/pRUD4jgNwVpv3v1QmNLlsB3LDSSUg79BRVSn7jI1QPRtArGABovAQ==", + "dev": true + }, "des.js": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.0.tgz", @@ -3899,6 +2622,16 @@ "integrity": "sha512-ZIzRpLJrOj7jjP2miAtgqIfmzbxa4ZOr5jJc601zklsfEx9oTzmmj2nVpIPRpNlRTIh8lc1kyViIY7BWSGNmKw==", "dev": true }, + "dezalgo": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/dezalgo/-/dezalgo-1.0.3.tgz", + "integrity": "sha1-f3Qt4Gb8dIvI24IFad3c5Jvw1FY=", + "dev": true, + "requires": { + "asap": "^2.0.0", + "wrappy": "1" + } + }, "di": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/di/-/di-0.0.1.tgz", @@ -3907,7 +2640,7 @@ }, "diff": { "version": "3.5.0", - "resolved": "https://npm.mobiscroll.com/diff/-/diff-3.5.0.tgz", + "resolved": "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz", "integrity": "sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA==", "dev": true }, @@ -3987,13 +2720,13 @@ } }, "ecc-jsbn": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz", - "integrity": "sha1-D8c6ntXw1Tw4GTOYUj735UN3dQU=", + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz", + "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=", "dev": true, - "optional": true, "requires": { - "jsbn": "~0.1.0" + "jsbn": "~0.1.0", + "safer-buffer": "^2.1.0" } }, "ee-first": { @@ -4003,9 +2736,9 @@ "dev": true }, "electron-to-chromium": { - "version": "1.3.131", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.131.tgz", - "integrity": "sha512-NSO4jLeyGLWrT4mzzfYX8vt1MYCoMI5LxSYAjt0H9+LF/14JyiKJSyyjA6AJTxflZlEM5v3QU33F0ohbPMCAPg==", + "version": "1.3.146", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.146.tgz", + "integrity": "sha512-BrUq08sx7eR4PCwLbjFxXmjcbDro6DSoc1pN8VCxq76U+o9JQzJlWH/NVtcpAqcktwpE5CVvMyqHqTQfCETNoQ==", "dev": true }, "elliptic": { @@ -4023,6 +2756,12 @@ "minimalistic-crypto-utils": "^1.0.0" } }, + "emoji-regex": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz", + "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==", + "dev": true + }, "emojis-list": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz", @@ -4067,6 +2806,12 @@ "ws": "~3.3.1" }, "dependencies": { + "cookie": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz", + "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=", + "dev": true + }, "debug": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", @@ -4097,6 +2842,12 @@ "yeast": "0.1.2" }, "dependencies": { + "component-emitter": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz", + "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=", + "dev": true + }, "debug": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", @@ -4163,14 +2914,14 @@ } }, "es6-promise": { - "version": "4.2.4", - "resolved": "https://npm.mobiscroll.com/es6-promise/-/es6-promise-4.2.4.tgz", - "integrity": "sha512-/NdNZVJg+uZgtm9eS3O6lrOLYmQag2DjdEXuPaHlZ6RuVqgqaVZfgYCepEIKsLqwdQArOPtC3XzRLqGGfT8KQQ==", + "version": "4.2.6", + "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.6.tgz", + "integrity": "sha512-aRVgGdnmW2OiySVPUC9e6m+plolMAJKjZnQlCwNSuK5yQ0JN61DZSO1X1Ufd1foqWRAlig0rhduTCHe7sVtK5Q==", "dev": true }, "es6-promisify": { "version": "5.0.0", - "resolved": "https://npm.mobiscroll.com/es6-promisify/-/es6-promisify-5.0.0.tgz", + "resolved": "https://registry.npmjs.org/es6-promisify/-/es6-promisify-5.0.0.tgz", "integrity": "sha1-UQnWLz5W6pZ8S2NQWu8IKRyKUgM=", "dev": true, "requires": { @@ -4201,7 +2952,7 @@ }, "esprima": { "version": "4.0.1", - "resolved": "https://npm.mobiscroll.com/esprima/-/esprima-4.0.1.tgz", + "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==", "dev": true }, @@ -4233,9 +2984,9 @@ "dev": true }, "eventemitter3": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-1.2.0.tgz", - "integrity": "sha1-HIaZHYFq0eUEdQ5zh0Ik7PO+xQg=", + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-3.1.2.tgz", + "integrity": "sha512-tvtQIeLVHjDkJYnzf2dgVMxfuSGJeM/7UCG17TT4EumTfNtF+0nebF/4zWOIkCreAbtNqhGEboB6BWrwqNaw4Q==", "dev": true }, "events": { @@ -4264,33 +3015,18 @@ } }, "execa": { - "version": "0.10.0", - "resolved": "https://registry.npmjs.org/execa/-/execa-0.10.0.tgz", - "integrity": "sha512-7XOMnz8Ynx1gGo/3hyV9loYNPWM94jG3+3T3Y8tsfSstFmETmENCMU/A/zj8Lyaj1lkgEepKepvd6240tBRvlw==", + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz", + "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==", "dev": true, "requires": { "cross-spawn": "^6.0.0", - "get-stream": "^3.0.0", + "get-stream": "^4.0.0", "is-stream": "^1.1.0", "npm-run-path": "^2.0.0", "p-finally": "^1.0.0", "signal-exit": "^3.0.0", "strip-eof": "^1.0.0" - }, - "dependencies": { - "cross-spawn": { - "version": "6.0.5", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", - "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", - "dev": true, - "requires": { - "nice-try": "^1.0.4", - "path-key": "^2.0.1", - "semver": "^5.5.0", - "shebang-command": "^1.2.0", - "which": "^1.2.9" - } - } } }, "exit": { @@ -4299,56 +3035,6 @@ "integrity": "sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=", "dev": true }, - "expand-braces": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/expand-braces/-/expand-braces-0.1.2.tgz", - "integrity": "sha1-SIsdHSRRyz06axks/AMPRMWFX+o=", - "dev": true, - "requires": { - "array-slice": "^0.2.3", - "array-unique": "^0.2.1", - "braces": "^0.1.2" - }, - "dependencies": { - "array-unique": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.2.1.tgz", - "integrity": "sha1-odl8yvy8JiXMcPrc6zalDFiwGlM=", - "dev": true - }, - "braces": { - "version": "0.1.5", - "resolved": "https://registry.npmjs.org/braces/-/braces-0.1.5.tgz", - "integrity": "sha1-wIVxEIUpHYt1/ddOqw+FlygHEeY=", - "dev": true, - "requires": { - "expand-range": "^0.1.0" - } - }, - "expand-range": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-0.1.1.tgz", - "integrity": "sha1-TLjtoJk8pW+k9B/ELzy7TMrf8EQ=", - "dev": true, - "requires": { - "is-number": "^0.1.1", - "repeat-string": "^0.2.2" - } - }, - "is-number": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-0.1.1.tgz", - "integrity": "sha1-aaevEWlj1HIG7JvZtIoUIW8eOAY=", - "dev": true - }, - "repeat-string": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-0.2.2.tgz", - "integrity": "sha1-x6jTI2BoNiBZp+RlH8aITosftK4=", - "dev": true - } - } - }, "expand-brackets": { "version": "2.1.4", "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", @@ -4384,82 +3070,40 @@ } } }, - "expand-range": { - "version": "1.8.2", - "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-1.8.2.tgz", - "integrity": "sha1-opnv/TNf4nIeuujiV+x5ZE/IUzc=", - "dev": true, - "requires": { - "fill-range": "^2.1.0" - }, - "dependencies": { - "fill-range": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-2.2.4.tgz", - "integrity": "sha512-cnrcCbj01+j2gTG921VZPnHbjmdAf8oQV/iGeV2kZxGSyfYjjTyY79ErsK1WJWMpw6DaApEX72binqJE+/d+5Q==", - "dev": true, - "requires": { - "is-number": "^2.1.0", - "isobject": "^2.0.0", - "randomatic": "^3.0.0", - "repeat-element": "^1.1.2", - "repeat-string": "^1.5.2" - } - }, - "is-number": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-2.1.0.tgz", - "integrity": "sha1-Afy7s5NGOlSPL0ZszhbezknbkI8=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - } - }, - "isobject": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz", - "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=", - "dev": true, - "requires": { - "isarray": "1.0.0" - } - } - } - }, "express": { - "version": "4.16.4", - "resolved": "https://registry.npmjs.org/express/-/express-4.16.4.tgz", - "integrity": "sha512-j12Uuyb4FMrd/qQAm6uCHAkPtO8FDTRJZBDd5D2KOL2eLaz1yUNdUB/NOIyq0iU4q4cFarsUCrnFDPBcnksuOg==", + "version": "4.17.1", + "resolved": "https://registry.npmjs.org/express/-/express-4.17.1.tgz", + "integrity": "sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==", "dev": true, "requires": { - "accepts": "~1.3.5", + "accepts": "~1.3.7", "array-flatten": "1.1.1", - "body-parser": "1.18.3", - "content-disposition": "0.5.2", + "body-parser": "1.19.0", + "content-disposition": "0.5.3", "content-type": "~1.0.4", - "cookie": "0.3.1", + "cookie": "0.4.0", "cookie-signature": "1.0.6", "debug": "2.6.9", "depd": "~1.1.2", "encodeurl": "~1.0.2", "escape-html": "~1.0.3", "etag": "~1.8.1", - "finalhandler": "1.1.1", + "finalhandler": "~1.1.2", "fresh": "0.5.2", "merge-descriptors": "1.0.1", "methods": "~1.1.2", "on-finished": "~2.3.0", - "parseurl": "~1.3.2", + "parseurl": "~1.3.3", "path-to-regexp": "0.1.7", - "proxy-addr": "~2.0.4", - "qs": "6.5.2", - "range-parser": "~1.2.0", + "proxy-addr": "~2.0.5", + "qs": "6.7.0", + "range-parser": "~1.2.1", "safe-buffer": "5.1.2", - "send": "0.16.2", - "serve-static": "1.13.2", - "setprototypeof": "1.1.0", - "statuses": "~1.4.0", - "type-is": "~1.6.16", + "send": "0.17.1", + "serve-static": "1.14.1", + "setprototypeof": "1.1.1", + "statuses": "~1.5.0", + "type-is": "~1.6.18", "utils-merge": "1.0.1", "vary": "~1.1.2" }, @@ -4470,100 +3114,18 @@ "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=", "dev": true }, - "body-parser": { - "version": "1.18.3", - "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.3.tgz", - "integrity": "sha1-WykhmP/dVTs6DyDe0FkrlWlVyLQ=", - "dev": true, - "requires": { - "bytes": "3.0.0", - "content-type": "~1.0.4", - "debug": "2.6.9", - "depd": "~1.1.2", - "http-errors": "~1.6.3", - "iconv-lite": "0.4.23", - "on-finished": "~2.3.0", - "qs": "6.5.2", - "raw-body": "2.3.3", - "type-is": "~1.6.16" - } - }, - "http-errors": { - "version": "1.6.3", - "resolved": "http://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", - "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", - "dev": true, - "requires": { - "depd": "~1.1.2", - "inherits": "2.0.3", - "setprototypeof": "1.1.0", - "statuses": ">= 1.4.0 < 2" - } - }, - "iconv-lite": { - "version": "0.4.23", - "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz", - "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==", - "dev": true, - "requires": { - "safer-buffer": ">= 2.1.2 < 3" - } - }, - "mime-db": { - "version": "1.40.0", - "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz", - "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==", - "dev": true - }, - "mime-types": { - "version": "2.1.24", - "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz", - "integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==", - "dev": true, - "requires": { - "mime-db": "1.40.0" - } - }, - "raw-body": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.3.tgz", - "integrity": "sha512-9esiElv1BrZoI3rCDuOuKCBRbuApGGaDPQfjSflGxdy4oyzqghxu6klEkkVIvBje+FF0BX9coEv8KqW6X/7njw==", - "dev": true, - "requires": { - "bytes": "3.0.0", - "http-errors": "1.6.3", - "iconv-lite": "0.4.23", - "unpipe": "1.0.0" - } - }, - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - }, - "statuses": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", - "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==", + "qs": { + "version": "6.7.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz", + "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==", "dev": true - }, - "type-is": { - "version": "1.6.18", - "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", - "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", - "dev": true, - "requires": { - "media-typer": "0.3.0", - "mime-types": "~2.1.24" - } } } }, "extend": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.1.tgz", - "integrity": "sha1-p1Xqe8Gt/MWjHOfnYtuq3F5jZEQ=", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", + "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==", "dev": true }, "extend-shallow": { @@ -4587,6 +3149,17 @@ } } }, + "external-editor": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.0.3.tgz", + "integrity": "sha512-bn71H9+qWoOQKyZDo25mOMVpSmXROAsTJVVVYzrrtol3d4y+AsKjf4Iwl2Q+IuT0kFSQ1qo166UuIwqYq7mGnA==", + "dev": true, + "requires": { + "chardet": "^0.7.0", + "iconv-lite": "^0.4.24", + "tmp": "^0.0.33" + } + }, "extglob": { "version": "2.0.4", "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", @@ -4649,12 +3222,6 @@ "is-data-descriptor": "^1.0.0", "kind-of": "^6.0.2" } - }, - "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", - "dev": true } } }, @@ -4665,9 +3232,9 @@ "dev": true }, "fast-deep-equal": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz", - "integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ=", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz", + "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=", "dev": true }, "fast-json-stable-stringify": { @@ -4677,9 +3244,9 @@ "dev": true }, "fastparse": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.1.tgz", - "integrity": "sha1-0eJkOzipTXWDtHkGDmxK/8lAcfg=", + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz", + "integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==", "dev": true }, "faye-websocket": { @@ -4697,6 +3264,15 @@ "integrity": "sha512-vNKxJHTEKNThjfrdJwHc7brvM6eVevuO5nTj6ez8ZQ1qbXTvGthucRF7S4vf2cr71QVnT70V34v0S1DyQsti0w==", "dev": true }, + "figures": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/figures/-/figures-2.0.0.tgz", + "integrity": "sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI=", + "dev": true, + "requires": { + "escape-string-regexp": "^1.0.5" + } + }, "file-loader": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-3.0.1.tgz", @@ -4707,12 +3283,6 @@ "schema-utils": "^1.0.0" } }, - "filename-regex": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/filename-regex/-/filename-regex-2.0.1.tgz", - "integrity": "sha1-wcS5vuPglyXdsQa3XB4wH+LxiyY=", - "dev": true - }, "fileset": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/fileset/-/fileset-2.0.3.tgz", @@ -4747,46 +3317,38 @@ } }, "finalhandler": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", - "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==", + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz", + "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==", "dev": true, "requires": { "debug": "2.6.9", "encodeurl": "~1.0.2", "escape-html": "~1.0.3", "on-finished": "~2.3.0", - "parseurl": "~1.3.2", - "statuses": "~1.4.0", + "parseurl": "~1.3.3", + "statuses": "~1.5.0", "unpipe": "~1.0.0" - }, - "dependencies": { - "statuses": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", - "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==", - "dev": true - } } }, "find-cache-dir": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-1.0.0.tgz", - "integrity": "sha1-kojj6ePMN0hxfTnq3hfPcfww7m8=", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz", + "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==", "dev": true, "requires": { "commondir": "^1.0.1", - "make-dir": "^1.0.0", - "pkg-dir": "^2.0.0" + "make-dir": "^2.0.0", + "pkg-dir": "^3.0.0" } }, "find-up": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz", - "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", + "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", "dev": true, "requires": { - "locate-path": "^2.0.0" + "locate-path": "^3.0.0" } }, "flatted": { @@ -4803,37 +3365,31 @@ "requires": { "inherits": "^2.0.3", "readable-stream": "^2.3.6" + } + }, + "follow-redirects": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.7.0.tgz", + "integrity": "sha512-m/pZQy4Gj287eNy94nivy5wchN3Kp+Q5WgUPNy5lJSZ3sgkVKSYV/ZChMAQVIgx1SqfZ2zBZtPA2YlXIWxxJOQ==", + "dev": true, + "requires": { + "debug": "^3.2.6" }, "dependencies": { - "process-nextick-args": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz", - "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==", - "dev": true - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", + "debug": { + "version": "3.2.6", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz", + "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==", "dev": true, "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" + "ms": "^2.1.1" } }, - "string_decoder": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", - "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", - "dev": true, - "requires": { - "safe-buffer": "~5.1.0" - } + "ms": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", + "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", + "dev": true } } }, @@ -4863,23 +3419,10 @@ "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz", "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==", "dev": true, - "optional": true, "requires": { "asynckit": "^0.4.0", "combined-stream": "^1.0.6", "mime-types": "^2.1.12" - }, - "dependencies": { - "combined-stream": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.7.tgz", - "integrity": "sha512-brWl9y6vOB1xYPZcpZde3N9zDByXTosAeMDo4p1wzo6UMOX4vumB+TP1RZ76sfE6Md68Q0NJSrE/gbezd4Ul+w==", - "dev": true, - "optional": true, - "requires": { - "delayed-stream": "~1.0.0" - } - } } }, "forwarded": { @@ -4922,10 +3465,21 @@ "null-check": "^1.0.0" } }, + "fs-extra": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz", + "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.2", + "jsonfile": "^4.0.0", + "universalify": "^0.1.0" + } + }, "fs-minipass": { - "version": "1.2.5", - "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-1.2.5.tgz", - "integrity": "sha512-JhBl0skXjUPCFH7x6x61gQxrKyXsxB5gcgePLZCwfyCGGsTISMoIeObbrvVeP6Xmyaudw4TT43qV2Gz+iyd2oQ==", + "version": "1.2.6", + "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-1.2.6.tgz", + "integrity": "sha512-crhvyXcMejjv3Z5d2Fa9sf5xLYVCF5O1c71QxbVnbLsmYMBEvDAftewesN/HhY03YRoA7zOMxjNGrF5svGaaeQ==", "dev": true, "requires": { "minipass": "^2.2.1" @@ -5478,44 +4032,6 @@ } } }, - "fstream": { - "version": "1.0.11", - "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.11.tgz", - "integrity": "sha1-XB+x8RdHcRTwYyoOtLcbPLD9MXE=", - "dev": true, - "requires": { - "graceful-fs": "^4.1.2", - "inherits": "~2.0.0", - "mkdirp": ">=0.5 0", - "rimraf": "2" - } - }, - "gauge": { - "version": "2.7.4", - "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz", - "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=", - "dev": true, - "requires": { - "aproba": "^1.0.3", - "console-control-strings": "^1.0.0", - "has-unicode": "^2.0.0", - "object-assign": "^4.1.0", - "signal-exit": "^3.0.0", - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1", - "wide-align": "^1.1.0" - } - }, - "gaze": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.3.tgz", - "integrity": "sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==", - "dev": true, - "optional": true, - "requires": { - "globule": "^1.0.0" - } - }, "genfun": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/genfun/-/genfun-5.0.0.tgz", @@ -5528,17 +4044,14 @@ "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==", "dev": true }, - "get-stdin": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz", - "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=", - "dev": true - }, "get-stream": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz", - "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=", - "dev": true + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz", + "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==", + "dev": true, + "requires": { + "pump": "^3.0.0" + } }, "get-value": { "version": "2.0.6", @@ -5553,20 +4066,12 @@ "dev": true, "requires": { "assert-plus": "^1.0.0" - }, - "dependencies": { - "assert-plus": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", - "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=", - "dev": true - } } }, "glob": { - "version": "7.1.2", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz", - "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==", + "version": "7.1.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz", + "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==", "dev": true, "requires": { "fs.realpath": "^1.0.0", @@ -5577,42 +4082,6 @@ "path-is-absolute": "^1.0.0" } }, - "glob-base": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/glob-base/-/glob-base-0.3.0.tgz", - "integrity": "sha1-27Fk9iIbHAscz4Kuoyi0l98Oo8Q=", - "dev": true, - "requires": { - "glob-parent": "^2.0.0", - "is-glob": "^2.0.0" - }, - "dependencies": { - "glob-parent": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz", - "integrity": "sha1-gTg9ctsFT8zPUzbaqQLxgvbtuyg=", - "dev": true, - "requires": { - "is-glob": "^2.0.0" - } - }, - "is-extglob": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz", - "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=", - "dev": true - }, - "is-glob": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz", - "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=", - "dev": true, - "requires": { - "is-extglob": "^1.0.0" - } - } - } - }, "glob-parent": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", @@ -5652,24 +4121,20 @@ "ignore": "^3.3.5", "pify": "^3.0.0", "slash": "^1.0.0" - } - }, - "globule": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.1.tgz", - "integrity": "sha512-g7QtgWF4uYSL5/dn71WxubOrS7JVGCnFPEnoeChJmBnyR9Mw8nGoEwOgJL/RC2Te0WhbsEUCejfH8SZNJ+adYQ==", - "dev": true, - "optional": true, - "requires": { - "glob": "~7.1.1", - "lodash": "~4.17.10", - "minimatch": "~3.0.2" + }, + "dependencies": { + "pify": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz", + "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=", + "dev": true + } } }, "graceful-fs": { - "version": "4.1.11", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz", - "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=", + "version": "4.1.15", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz", + "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==", "dev": true }, "handle-thing": { @@ -5678,68 +4143,40 @@ "integrity": "sha512-d4sze1JNC454Wdo2fkuyzCr6aHcbL6PGGuFAz0Li/NcOm1tCHGnWDRmJP85dh9IhQErTc2svWFEX5xHIOo//kQ==", "dev": true }, + "handlebars": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.1.2.tgz", + "integrity": "sha512-nvfrjqvt9xQ8Z/w0ijewdD/vvWDTOweBUm96NTr66Wfvo1mJenBLwcYmPs3TIBP5ruzYGD7Hx/DaM9RmhroGPw==", + "dev": true, + "requires": { + "neo-async": "^2.6.0", + "optimist": "^0.6.1", + "source-map": "^0.6.1", + "uglify-js": "^3.1.4" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + } + } + }, "har-schema": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz", "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=", - "dev": true, - "optional": true + "dev": true }, "har-validator": { "version": "5.1.3", "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.3.tgz", "integrity": "sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==", "dev": true, - "optional": true, "requires": { "ajv": "^6.5.5", "har-schema": "^2.0.0" - }, - "dependencies": { - "ajv": { - "version": "6.10.0", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.0.tgz", - "integrity": "sha512-nffhOpkymDECQyR0mnsUtoCE8RlX38G0rYP+wgLWFyZuUyuuojSSvi/+euOiQBIn63whYwYVIIH1TvE3tu4OEg==", - "dev": true, - "optional": true, - "requires": { - "fast-deep-equal": "^2.0.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" - } - }, - "fast-deep-equal": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz", - "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=", - "dev": true, - "optional": true - }, - "json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true, - "optional": true - }, - "punycode": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", - "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==", - "dev": true, - "optional": true - }, - "uri-js": { - "version": "4.2.2", - "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz", - "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==", - "dev": true, - "optional": true, - "requires": { - "punycode": "^2.1.0" - } - } } }, "has-ansi": { @@ -5780,12 +4217,6 @@ "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", "dev": true }, - "has-unicode": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", - "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=", - "dev": true - }, "has-value": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz", @@ -5807,26 +4238,6 @@ "kind-of": "^4.0.0" }, "dependencies": { - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, "kind-of": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz", @@ -5869,18 +4280,9 @@ "minimalistic-crypto-utils": "^1.0.1" } }, - "homedir-polyfill": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.1.tgz", - "integrity": "sha1-TCu8inWJmP7r9e1oWA921GdotLw=", - "dev": true, - "requires": { - "parse-passwd": "^1.0.0" - } - }, "hosted-git-info": { "version": "2.7.1", - "resolved": "https://npm.mobiscroll.com/hosted-git-info/-/hosted-git-info-2.7.1.tgz", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.7.1.tgz", "integrity": "sha512-7T/BxH19zbcCTa8XkMlbK5lTo1WtgkFi3GvdWEyNuc4Vex7/9Dqbnpsf4JMydcfj9HCg4zUWFTL3Za6lapg5/w==", "dev": true }, @@ -5915,29 +4317,16 @@ "dev": true }, "http-errors": { - "version": "1.6.2", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz", - "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=", + "version": "1.7.2", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz", + "integrity": "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==", "dev": true, "requires": { - "depd": "1.1.1", + "depd": "~1.1.2", "inherits": "2.0.3", - "setprototypeof": "1.0.3", - "statuses": ">= 1.3.1 < 2" - }, - "dependencies": { - "depd": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.1.tgz", - "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k=", - "dev": true - }, - "setprototypeof": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.0.3.tgz", - "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ=", - "dev": true - } + "setprototypeof": "1.1.1", + "statuses": ">= 1.5.0 < 2", + "toidentifier": "1.0.0" } }, "http-parser-js": { @@ -5947,13 +4336,14 @@ "dev": true }, "http-proxy": { - "version": "1.16.2", - "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.16.2.tgz", - "integrity": "sha1-Bt/ykpUr9k2+hHH6nfcwZtTzd0I=", + "version": "1.17.0", + "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.17.0.tgz", + "integrity": "sha512-Taqn+3nNvYRfJ3bGvKfBSRwy1v6eePlm3oc/aWVxZp57DQr5Eq3xhKJi7Z4hZpS8PC3H4qI+Yly5EmFacGuA/g==", "dev": true, "requires": { - "eventemitter3": "1.x.x", - "requires-port": "1.x.x" + "eventemitter3": "^3.0.0", + "follow-redirects": "^1.0.0", + "requires-port": "^1.0.0" } }, "http-proxy-agent": { @@ -5978,285 +4368,15 @@ } }, "http-proxy-middleware": { - "version": "0.18.0", - "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.18.0.tgz", - "integrity": "sha512-Fs25KVMPAIIcgjMZkVHJoKg9VcXcC1C8yb9JUgeDvVXY0S/zgVIhMb+qVswDIgtJe2DfckMSY2d6TuTEutlk6Q==", + "version": "0.19.1", + "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.19.1.tgz", + "integrity": "sha512-yHYTgWMQO8VvwNS22eLLloAkvungsKdKTLO8AJlftYIKNfJr3GK3zK0ZCfzDDGUBttdGc8xFy1mCitvNKQtC3Q==", "dev": true, "requires": { - "http-proxy": "^1.16.2", + "http-proxy": "^1.17.0", "is-glob": "^4.0.0", - "lodash": "^4.17.5", - "micromatch": "^3.1.9" - }, - "dependencies": { - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=", - "dev": true - }, - "array-unique": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", - "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=", - "dev": true - }, - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", - "dev": true, - "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "expand-brackets": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", - "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=", - "dev": true, - "requires": { - "debug": "^2.3.3", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "posix-character-classes": "^0.1.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - } - }, - "kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", - "dev": true - } - } - }, - "extglob": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", - "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", - "dev": true, - "requires": { - "array-unique": "^0.3.2", - "define-property": "^1.0.0", - "expand-brackets": "^2.1.4", - "extend-shallow": "^2.0.1", - "fragment-cache": "^0.2.1", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", - "dev": true, - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "fill-range": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", - "dev": true - }, - "micromatch": { - "version": "3.1.10", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", - "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", - "dev": true, - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" - } - } + "lodash": "^4.17.11", + "micromatch": "^3.1.10" } }, "http-signature": { @@ -6264,7 +4384,6 @@ "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz", "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=", "dev": true, - "optional": true, "requires": { "assert-plus": "^1.0.0", "jsprim": "^1.2.2", @@ -6288,13 +4407,19 @@ }, "dependencies": { "debug": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", - "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==", + "version": "3.2.6", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz", + "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==", "dev": true, "requires": { - "ms": "2.0.0" + "ms": "^2.1.1" } + }, + "ms": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", + "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", + "dev": true } } }, @@ -6382,60 +4507,6 @@ "requires": { "pkg-dir": "^3.0.0", "resolve-cwd": "^2.0.0" - }, - "dependencies": { - "find-up": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", - "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", - "dev": true, - "requires": { - "locate-path": "^3.0.0" - } - }, - "locate-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", - "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", - "dev": true, - "requires": { - "p-locate": "^3.0.0", - "path-exists": "^3.0.0" - } - }, - "p-limit": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.0.tgz", - "integrity": "sha512-pZbTJpoUsCzV48Mc9Nh51VbwO0X9cuPFE8gYwx9BTCt9SF8/b7Zljd2fVgOxhIF/HDTKgpVzs+GPhyKfjLLFRQ==", - "dev": true, - "requires": { - "p-try": "^2.0.0" - } - }, - "p-locate": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", - "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", - "dev": true, - "requires": { - "p-limit": "^2.0.0" - } - }, - "p-try": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", - "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", - "dev": true - }, - "pkg-dir": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz", - "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==", - "dev": true, - "requires": { - "find-up": "^3.0.0" - } - } } }, "imurmurhash": { @@ -6444,23 +4515,6 @@ "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=", "dev": true }, - "in-publish": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/in-publish/-/in-publish-2.0.0.tgz", - "integrity": "sha1-4g/146KvwmkDILbcVSaCqcf631E=", - "dev": true, - "optional": true - }, - "indent-string": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz", - "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=", - "dev": true, - "optional": true, - "requires": { - "repeating": "^2.0.0" - } - }, "indexof": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/indexof/-/indexof-0.0.1.tgz", @@ -6489,19 +4543,63 @@ "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==", "dev": true }, + "inquirer": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-6.3.1.tgz", + "integrity": "sha512-MmL624rfkFt4TG9y/Jvmt8vdmOo836U7Y0Hxr2aFk3RelZEGX4Igk0KabWrcaaZaTv9uzglOqWh1Vly+FAWAXA==", + "dev": true, + "requires": { + "ansi-escapes": "^3.2.0", + "chalk": "^2.4.2", + "cli-cursor": "^2.1.0", + "cli-width": "^2.0.0", + "external-editor": "^3.0.3", + "figures": "^2.0.0", + "lodash": "^4.17.11", + "mute-stream": "0.0.7", + "run-async": "^2.2.0", + "rxjs": "^6.4.0", + "string-width": "^2.1.0", + "strip-ansi": "^5.1.0", + "through": "^2.3.6" + }, + "dependencies": { + "ansi-regex": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz", + "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==", + "dev": true + }, + "strip-ansi": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", + "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", + "dev": true, + "requires": { + "ansi-regex": "^4.1.0" + } + } + } + }, "internal-ip": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-3.0.1.tgz", - "integrity": "sha512-NXXgESC2nNVtU+pqmC9e6R8B1GpKxzsAQhffvh5AL79qKnodd+L7tnEQmTiUAVngqLalPbSqRA7XGIEL5nCd0Q==", + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-4.3.0.tgz", + "integrity": "sha512-S1zBo1D6zcsyuC6PMmY5+55YMILQ9av8lotMx447Bq6SAgo/sDK6y6uUKmuYhW7eacnIhFfsPmCNYdDzsnnDCg==", "dev": true, "requires": { - "default-gateway": "^2.6.0", - "ipaddr.js": "^1.5.2" + "default-gateway": "^4.2.0", + "ipaddr.js": "^1.9.0" } }, + "interpret": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.2.0.tgz", + "integrity": "sha512-mT34yGKMNceBQUoVn7iCDKDntA7SC6gycMAWzGx1z/CMCTV7b2AAtXlo3nRyHZ1FelRkQbQjprHSYGwzLtkVbw==", + "dev": true + }, "invariant": { "version": "2.2.4", - "resolved": "https://npm.mobiscroll.com/invariant/-/invariant-2.2.4.tgz", + "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", "dev": true, "requires": { @@ -6509,11 +4607,10 @@ } }, "invert-kv": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz", - "integrity": "sha1-EEqOSqym09jNFXqO+L+rLXo//bY=", - "dev": true, - "optional": true + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-2.0.0.tgz", + "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==", + "dev": true }, "ip": { "version": "1.1.5", @@ -6535,13 +4632,24 @@ }, "is-accessor-descriptor": { "version": "0.1.6", - "resolved": "https://npm.mobiscroll.com/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", "dev": true, "requires": { "kind-of": "^3.0.2" - } - }, + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "dev": true, + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, "is-arrayish": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", @@ -6563,27 +4671,29 @@ "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==", "dev": true }, - "is-builtin-module": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz", - "integrity": "sha1-VAVy0096wxGfj3bDDLwbHgN6/74=", - "dev": true, - "requires": { - "builtin-modules": "^1.0.0" - } - }, "is-data-descriptor": { "version": "0.1.4", - "resolved": "https://npm.mobiscroll.com/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", "dev": true, "requires": { "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "dev": true, + "requires": { + "is-buffer": "^1.1.5" + } + } } }, "is-descriptor": { "version": "0.1.6", - "resolved": "https://npm.mobiscroll.com/is-descriptor/-/is-descriptor-0.1.6.tgz", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", "dev": true, "requires": { @@ -6594,7 +4704,7 @@ "dependencies": { "kind-of": { "version": "5.1.0", - "resolved": "https://npm.mobiscroll.com/kind-of/-/kind-of-5.1.0.tgz", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", "dev": true } @@ -6606,21 +4716,6 @@ "integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=", "dev": true }, - "is-dotfile": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/is-dotfile/-/is-dotfile-1.0.3.tgz", - "integrity": "sha1-pqLzL/0t+wT1yiXs0Pa4PPeYoeE=", - "dev": true - }, - "is-equal-shallow": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz", - "integrity": "sha1-IjgJj8Ih3gvPpdnqxMRdY4qhxTQ=", - "dev": true, - "requires": { - "is-primitive": "^2.0.0" - } - }, "is-extendable": { "version": "0.1.1", "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", @@ -6643,18 +4738,15 @@ } }, "is-fullwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", - "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", - "dev": true, - "requires": { - "number-is-nan": "^1.0.0" - } + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", + "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=", + "dev": true }, "is-glob": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.0.tgz", - "integrity": "sha1-lSHHaEXMJhCoUgPd8ICpWML/q8A=", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz", + "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==", "dev": true, "requires": { "is-extglob": "^2.1.1" @@ -6667,32 +4759,49 @@ "dev": true, "requires": { "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "dev": true, + "requires": { + "is-buffer": "^1.1.5" + } + } } }, "is-path-cwd": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-1.0.0.tgz", - "integrity": "sha1-0iXsIxMuie3Tj9p2dHLmLmXxEG0=", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.1.0.tgz", + "integrity": "sha512-Sc5j3/YnM8tDeyCsVeKlm/0p95075DyLmDEIkSgQ7mXkrOX+uTCtmQFm0CYzVyJwcCCmO3k8qfJt17SxQwB5Zw==", "dev": true }, "is-path-in-cwd": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-1.0.0.tgz", - "integrity": "sha1-ZHdYK4IU1gI0YJRWcAO+ip6sBNw=", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-2.1.0.tgz", + "integrity": "sha512-rNocXHgipO+rvnP6dk3zI20RpOtrAM/kzbB258Uw5BWr3TpXi861yzjo16Dn4hUox07iw5AyeMLHWsujkjzvRQ==", "dev": true, "requires": { - "is-path-inside": "^1.0.0" + "is-path-inside": "^2.1.0" } }, "is-path-inside": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-1.0.1.tgz", - "integrity": "sha1-jvW33lBDej/cprToZe96pVy0gDY=", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-2.1.0.tgz", + "integrity": "sha512-wiyhTzfDWsvwAW53OBWF5zuvaOGlZ6PwYxAbPVDhpm+gM09xKQGjBq/8uYN12aDvMxnAnq3dxTyoSoRNmg5YFg==", "dev": true, "requires": { - "path-is-inside": "^1.0.1" + "path-is-inside": "^1.0.2" } }, + "is-plain-obj": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz", + "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=", + "dev": true + }, "is-plain-object": { "version": "2.0.4", "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", @@ -6702,16 +4811,10 @@ "isobject": "^3.0.1" } }, - "is-posix-bracket": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz", - "integrity": "sha1-MzTceXdDaOkvAW5vvAqI9c1ua8Q=", - "dev": true - }, - "is-primitive": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/is-primitive/-/is-primitive-2.0.0.tgz", - "integrity": "sha1-IHurkWOEmcB7Kt8kCkGochADRXU=", + "is-promise": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.1.0.tgz", + "integrity": "sha1-eaKp7OfwlugPNtKy87wWwf9L8/o=", "dev": true }, "is-stream": { @@ -6726,12 +4829,6 @@ "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=", "dev": true }, - "is-utf8": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz", - "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=", - "dev": true - }, "is-windows": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", @@ -6778,121 +4875,45 @@ "dev": true }, "istanbul-api": { - "version": "1.3.7", - "resolved": "https://registry.npmjs.org/istanbul-api/-/istanbul-api-1.3.7.tgz", - "integrity": "sha512-4/ApBnMVeEPG3EkSzcw25wDe4N66wxwn+KKn6b47vyek8Xb3NBAcg4xfuQbS7BqcZuTX4wxfD5lVagdggR3gyA==", - "dev": true, - "requires": { - "async": "^2.1.4", - "fileset": "^2.0.2", - "istanbul-lib-coverage": "^1.2.1", - "istanbul-lib-hook": "^1.2.2", - "istanbul-lib-instrument": "^1.10.2", - "istanbul-lib-report": "^1.1.5", - "istanbul-lib-source-maps": "^1.2.6", - "istanbul-reports": "^1.5.1", - "js-yaml": "^3.7.0", - "mkdirp": "^0.5.1", + "version": "2.1.6", + "resolved": "https://registry.npmjs.org/istanbul-api/-/istanbul-api-2.1.6.tgz", + "integrity": "sha512-x0Eicp6KsShG1k1rMgBAi/1GgY7kFGEBwQpw3PXGEmu+rBcBNhqU8g2DgY9mlepAsLPzrzrbqSgCGANnki4POA==", + "dev": true, + "requires": { + "async": "^2.6.2", + "compare-versions": "^3.4.0", + "fileset": "^2.0.3", + "istanbul-lib-coverage": "^2.0.5", + "istanbul-lib-hook": "^2.0.7", + "istanbul-lib-instrument": "^3.3.0", + "istanbul-lib-report": "^2.0.8", + "istanbul-lib-source-maps": "^3.0.6", + "istanbul-reports": "^2.2.4", + "js-yaml": "^3.13.1", + "make-dir": "^2.1.0", + "minimatch": "^3.0.4", "once": "^1.4.0" }, "dependencies": { - "debug": { - "version": "3.2.6", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz", - "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==", - "dev": true, - "requires": { - "ms": "^2.1.1" - } - }, - "has-flag": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz", - "integrity": "sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=", - "dev": true - }, "istanbul-lib-coverage": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-1.2.1.tgz", - "integrity": "sha512-PzITeunAgyGbtY1ibVIUiV679EFChHjoMNRibEIobvmrCRaIgwLxNucOSimtNWUhEib/oO7QY2imD75JVgCJWQ==", - "dev": true - }, - "istanbul-lib-hook": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/istanbul-lib-hook/-/istanbul-lib-hook-1.2.2.tgz", - "integrity": "sha512-/Jmq7Y1VeHnZEQ3TL10VHyb564mn6VrQXHchON9Jf/AEcmQ3ZIiyD1BVzNOKTZf/G3gE+kiGK6SmpF9y3qGPLw==", - "dev": true, - "requires": { - "append-transform": "^0.4.0" - } - }, - "istanbul-lib-report": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-1.1.5.tgz", - "integrity": "sha512-UsYfRMoi6QO/doUshYNqcKJqVmFe9w51GZz8BS3WB0lYxAllQYklka2wP9+dGZeHYaWIdcXUx8JGdbqaoXRXzw==", - "dev": true, - "requires": { - "istanbul-lib-coverage": "^1.2.1", - "mkdirp": "^0.5.1", - "path-parse": "^1.0.5", - "supports-color": "^3.1.2" - } - }, - "istanbul-lib-source-maps": { - "version": "1.2.6", - "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-1.2.6.tgz", - "integrity": "sha512-TtbsY5GIHgbMsMiRw35YBHGpZ1DVFEO19vxxeiDMYaeOFOCzfnYVxvl6pOUIZR4dtPhAGpSMup8OyF8ubsaqEg==", - "dev": true, - "requires": { - "debug": "^3.1.0", - "istanbul-lib-coverage": "^1.2.1", - "mkdirp": "^0.5.1", - "rimraf": "^2.6.1", - "source-map": "^0.5.3" - } - }, - "istanbul-reports": { - "version": "1.5.1", - "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-1.5.1.tgz", - "integrity": "sha512-+cfoZ0UXzWjhAdzosCPP3AN8vvef8XDkWtTfgaN+7L3YTpNYITnCaEkceo5SEYy644VkHka/P1FvkWvrG/rrJw==", - "dev": true, - "requires": { - "handlebars": "^4.0.3" - }, - "dependencies": { - "handlebars": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.1.2.tgz", - "integrity": "sha512-nvfrjqvt9xQ8Z/w0ijewdD/vvWDTOweBUm96NTr66Wfvo1mJenBLwcYmPs3TIBP5ruzYGD7Hx/DaM9RmhroGPw==", - "dev": true, - "requires": { - "neo-async": "^2.6.0", - "optimist": "^0.6.1", - "source-map": "^0.6.1", - "uglify-js": "^3.1.4" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - } - } - }, - "ms": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", - "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz", + "integrity": "sha512-8aXznuEPCJvGnMSRft4udDRDtb1V3pkQkMMI5LI+6HuQz5oQ4J2UFn1H82raA3qJtyOLkkwVqICBQkjnGtn5mA==", "dev": true }, - "supports-color": { - "version": "3.2.3", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz", - "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=", + "istanbul-lib-instrument": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-3.3.0.tgz", + "integrity": "sha512-5nnIN4vo5xQZHdXno/YDXJ0G+I3dAm4XgzfSVTPLQpj/zAV2dV6Juy0yaf10/zrJOJeHoN3fraFe+XRq2bFVZA==", "dev": true, "requires": { - "has-flag": "^1.0.0" + "@babel/generator": "^7.4.0", + "@babel/parser": "^7.4.3", + "@babel/template": "^7.4.0", + "@babel/traverse": "^7.4.3", + "@babel/types": "^7.4.0", + "istanbul-lib-coverage": "^2.0.5", + "semver": "^6.0.0" } } } @@ -6921,6 +4942,18 @@ "json-schema-traverse": "^0.3.0" } }, + "fast-deep-equal": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz", + "integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ=", + "dev": true + }, + "json-schema-traverse": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.3.1.tgz", + "integrity": "sha1-NJptRMU6Ud6JtAgFxdXlm0F9M0A=", + "dev": true + }, "schema-utils": { "version": "0.3.0", "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.3.0.tgz", @@ -6932,6 +4965,21 @@ } } }, + "istanbul-lib-coverage": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-1.2.1.tgz", + "integrity": "sha512-PzITeunAgyGbtY1ibVIUiV679EFChHjoMNRibEIobvmrCRaIgwLxNucOSimtNWUhEib/oO7QY2imD75JVgCJWQ==", + "dev": true + }, + "istanbul-lib-hook": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/istanbul-lib-hook/-/istanbul-lib-hook-2.0.7.tgz", + "integrity": "sha512-vrRztU9VRRFDyC+aklfLoeXyNdTfga2EI3udDGn4cZ6fpSXpHLV9X6CHvfoMCPtggg8zvDDmC4b9xfu0z6/llA==", + "dev": true, + "requires": { + "append-transform": "^1.0.0" + } + }, "istanbul-lib-instrument": { "version": "1.10.2", "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-1.10.2.tgz", @@ -6946,15 +4994,85 @@ "istanbul-lib-coverage": "^1.2.1", "semver": "^5.3.0" }, + "dependencies": { + "semver": { + "version": "5.7.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", + "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", + "dev": true + } + } + }, + "istanbul-lib-report": { + "version": "2.0.8", + "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-2.0.8.tgz", + "integrity": "sha512-fHBeG573EIihhAblwgxrSenp0Dby6tJMFR/HvlerBsrCTD5bkUuoNtn3gVh29ZCS824cGGBPn7Sg7cNk+2xUsQ==", + "dev": true, + "requires": { + "istanbul-lib-coverage": "^2.0.5", + "make-dir": "^2.1.0", + "supports-color": "^6.1.0" + }, "dependencies": { "istanbul-lib-coverage": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-1.2.1.tgz", - "integrity": "sha512-PzITeunAgyGbtY1ibVIUiV679EFChHjoMNRibEIobvmrCRaIgwLxNucOSimtNWUhEib/oO7QY2imD75JVgCJWQ==", + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz", + "integrity": "sha512-8aXznuEPCJvGnMSRft4udDRDtb1V3pkQkMMI5LI+6HuQz5oQ4J2UFn1H82raA3qJtyOLkkwVqICBQkjnGtn5mA==", + "dev": true + } + } + }, + "istanbul-lib-source-maps": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-3.0.6.tgz", + "integrity": "sha512-R47KzMtDJH6X4/YW9XTx+jrLnZnscW4VpNN+1PViSYTejLVPWv7oov+Duf8YQSPyVRUvueQqz1TcsC6mooZTXw==", + "dev": true, + "requires": { + "debug": "^4.1.1", + "istanbul-lib-coverage": "^2.0.5", + "make-dir": "^2.1.0", + "rimraf": "^2.6.3", + "source-map": "^0.6.1" + }, + "dependencies": { + "debug": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", + "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", + "dev": true, + "requires": { + "ms": "^2.1.1" + } + }, + "istanbul-lib-coverage": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz", + "integrity": "sha512-8aXznuEPCJvGnMSRft4udDRDtb1V3pkQkMMI5LI+6HuQz5oQ4J2UFn1H82raA3qJtyOLkkwVqICBQkjnGtn5mA==", + "dev": true + }, + "ms": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", + "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", + "dev": true + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", "dev": true } } }, + "istanbul-reports": { + "version": "2.2.6", + "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-2.2.6.tgz", + "integrity": "sha512-SKi4rnMyLBKe0Jy2uUdx28h8oG7ph2PPuQPvIAh31d+Ci+lSiEu4C+h3oBPuJ9+mPKhOyW0M8gY4U5NM1WLeXA==", + "dev": true, + "requires": { + "handlebars": "^4.1.2" + } + }, "jasmine": { "version": "2.8.0", "resolved": "https://registry.npmjs.org/jasmine/-/jasmine-2.8.0.tgz", @@ -6964,17 +5082,25 @@ "exit": "^0.1.2", "glob": "^7.0.6", "jasmine-core": "~2.8.0" + }, + "dependencies": { + "jasmine-core": { + "version": "2.8.0", + "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-2.8.0.tgz", + "integrity": "sha1-vMl5rh+f0FcB5F5S5l06XWPxok4=", + "dev": true + } } }, "jasmine-core": { - "version": "2.8.0", - "resolved": "https://npm.mobiscroll.com/jasmine-core/-/jasmine-core-2.8.0.tgz", - "integrity": "sha1-vMl5rh+f0FcB5F5S5l06XWPxok4=", + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-3.4.0.tgz", + "integrity": "sha512-HU/YxV4i6GcmiH4duATwAbJQMlE0MsDIR5XmSVxURxKHn3aGAdbY1/ZJFmVRbKtnLwIxxMJD7gYaPsypcbYimg==", "dev": true }, "jasmine-spec-reporter": { "version": "4.2.1", - "resolved": "https://npm.mobiscroll.com/jasmine-spec-reporter/-/jasmine-spec-reporter-4.2.1.tgz", + "resolved": "https://registry.npmjs.org/jasmine-spec-reporter/-/jasmine-spec-reporter-4.2.1.tgz", "integrity": "sha512-FZBoZu7VE5nR7Nilzy+Np8KuVIOxF4oXDPDknehCYBDE080EnlPu0afdZNmpGDBRCUBv3mj5qgqCRmk6W/K8vg==", "dev": true, "requires": { @@ -6987,13 +5113,6 @@ "integrity": "sha1-43zwsX8ZnM4jvqcbIDk5Uka07E4=", "dev": true }, - "js-base64": { - "version": "2.5.1", - "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.5.1.tgz", - "integrity": "sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw==", - "dev": true, - "optional": true - }, "js-tokens": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz", @@ -7014,13 +5133,12 @@ "version": "0.1.1", "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz", "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=", - "dev": true, - "optional": true + "dev": true }, "jsesc": { - "version": "0.5.0", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz", - "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=", + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz", + "integrity": "sha1-RsP+yMGJKxKwgz25vHYiF226s0s=", "dev": true }, "json-parse-better-errors": { @@ -7036,9 +5154,9 @@ "dev": true }, "json-schema-traverse": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.3.1.tgz", - "integrity": "sha1-NJptRMU6Ud6JtAgFxdXlm0F9M0A=", + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", "dev": true }, "json-stringify-safe": { @@ -7048,9 +5166,9 @@ "dev": true }, "json3": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/json3/-/json3-3.3.2.tgz", - "integrity": "sha1-PAQ0dD35Pi9cQq7nsZvLSDV19OE=", + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/json3/-/json3-3.3.3.tgz", + "integrity": "sha512-c7/8mbUsKigAbLkD5B010BK4D9LZm7A1pNItkEwiUZRpIN66exu/e7YQWysGun+TRKaJp8MhemM+VkfWv42aCA==", "dev": true }, "json5": { @@ -7060,14 +5178,15 @@ "dev": true, "requires": { "minimist": "^1.2.0" - }, - "dependencies": { - "minimist": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", - "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", - "dev": true - } + } + }, + "jsonfile": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", + "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=", + "dev": true, + "requires": { + "graceful-fs": "^4.1.6" } }, "jsonparse": { @@ -7086,86 +5205,42 @@ "extsprintf": "1.3.0", "json-schema": "0.2.3", "verror": "1.10.0" - }, - "dependencies": { - "assert-plus": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", - "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=", - "dev": true - } } }, "jszip": { - "version": "3.1.5", - "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.1.5.tgz", - "integrity": "sha512-5W8NUaFRFRqTOL7ZDDrx5qWHJyBXy6velVudIzQUSoqAAYqzSh2Z7/m0Rf1QbmQJccegD0r+YZxBjzqoBiEeJQ==", + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.2.1.tgz", + "integrity": "sha512-iCMBbo4eE5rb1VCpm5qXOAaUiRKRUKiItn8ah2YQQx9qymmSAY98eyQfioChEYcVQLh0zxJ3wS4A0mh90AVPvw==", "dev": true, "requires": { - "core-js": "~2.3.0", - "es6-promise": "~3.0.2", - "lie": "~3.1.0", + "lie": "~3.3.0", "pako": "~1.0.2", - "readable-stream": "~2.0.6" - }, - "dependencies": { - "core-js": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.3.0.tgz", - "integrity": "sha1-+rg/uwstjchfpjbEudNMdUIMbWU=", - "dev": true - }, - "es6-promise": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-3.0.2.tgz", - "integrity": "sha1-AQ1YWEI6XxGJeWZfRkhqlcbuK7Y=", - "dev": true - }, - "readable-stream": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.0.6.tgz", - "integrity": "sha1-j5A0HmilPMySh4jaz80Rs265t44=", - "dev": true, - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.1", - "isarray": "~1.0.0", - "process-nextick-args": "~1.0.6", - "string_decoder": "~0.10.x", - "util-deprecate": "~1.0.1" - } - }, - "string_decoder": { - "version": "0.10.31", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz", - "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=", - "dev": true - } + "readable-stream": "~2.3.6", + "set-immediate-shim": "~1.0.1" } }, "karma": { - "version": "3.1.4", - "resolved": "https://registry.npmjs.org/karma/-/karma-3.1.4.tgz", - "integrity": "sha512-31Vo8Qr5glN+dZEVIpnPCxEGleqE0EY6CtC2X9TagRV3rRQ3SNrvfhddICkJgUK3AgqpeKSZau03QumTGhGoSw==", + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/karma/-/karma-4.1.0.tgz", + "integrity": "sha512-xckiDqyNi512U4dXGOOSyLKPwek6X/vUizSy2f3geYevbLj+UIdvNwbn7IwfUIL2g1GXEPWt/87qFD1fBbl/Uw==", "dev": true, "requires": { "bluebird": "^3.3.0", "body-parser": "^1.16.1", + "braces": "^2.3.2", "chokidar": "^2.0.3", "colors": "^1.1.0", - "combine-lists": "^1.0.0", "connect": "^3.6.0", "core-js": "^2.2.0", "di": "^0.0.1", "dom-serialize": "^2.2.0", - "expand-braces": "^0.1.1", "flatted": "^2.0.0", "glob": "^7.1.1", "graceful-fs": "^4.1.2", "http-proxy": "^1.13.0", "isbinaryfile": "^3.0.0", - "lodash": "^4.17.5", - "log4js": "^3.0.0", + "lodash": "^4.17.11", + "log4js": "^4.0.0", "mime": "^2.3.1", "minimatch": "^3.0.2", "optimist": "^0.6.1", @@ -7179,10 +5254,16 @@ "useragent": "2.3.0" }, "dependencies": { + "core-js": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.9.tgz", + "integrity": "sha512-HOpZf6eXmnl7la+cUdMnLvUxKNqLUzJvgIziQ0DiF3JwSImNphIqdGqzj6hIKyX04MmV0poclQ7+wjWvxQyR2A==", + "dev": true + }, "mime": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.2.tgz", - "integrity": "sha512-zJBfZDkwRu+j3Pdd2aHsR5GfH2jIWhmL1ZzBoc+X+3JEti2hbArWcyJ+1laC1D2/U/W1a/+Cegj0/OnEU2ybjg==", + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.3.tgz", + "integrity": "sha512-QgrPRJfE+riq5TPZMcHZOtm8c6K/yYrMbKIoRfapfiGLxS8OTeIfRhUGW5LU7MlRa52KOAGCfUNruqLrIBvWZw==", "dev": true }, "source-map": { @@ -7195,7 +5276,7 @@ }, "karma-chrome-launcher": { "version": "2.2.0", - "resolved": "https://npm.mobiscroll.com/karma-chrome-launcher/-/karma-chrome-launcher-2.2.0.tgz", + "resolved": "https://registry.npmjs.org/karma-chrome-launcher/-/karma-chrome-launcher-2.2.0.tgz", "integrity": "sha512-uf/ZVpAabDBPvdPdveyk1EPgbnloPvFFGgmRhYLTDH7gEB4nZdSBk8yTU47w1g/drLSx5uMOkjKk7IWKfWg/+w==", "dev": true, "requires": { @@ -7204,55 +5285,37 @@ } }, "karma-coverage-istanbul-reporter": { - "version": "1.4.3", - "resolved": "https://npm.mobiscroll.com/karma-coverage-istanbul-reporter/-/karma-coverage-istanbul-reporter-1.4.3.tgz", - "integrity": "sha1-O13/RmT6W41RlrmInj9hwforgNk=", + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/karma-coverage-istanbul-reporter/-/karma-coverage-istanbul-reporter-2.0.5.tgz", + "integrity": "sha512-yPvAlKtY3y+rKKWbOo0CzBMVTvJEeMOgbMXuVv3yWvS8YtYKC98AU9vFF0mVBZ2RP1E9SgS90+PT6Kf14P3S4w==", "dev": true, "requires": { - "istanbul-api": "^1.3.1", + "istanbul-api": "^2.1.1", "minimatch": "^3.0.4" } }, "karma-jasmine": { - "version": "1.1.2", - "resolved": "https://npm.mobiscroll.com/karma-jasmine/-/karma-jasmine-1.1.2.tgz", - "integrity": "sha1-OU8rJf+0pkS5rabyLUQ+L9CIhsM=", - "dev": true - }, - "karma-jasmine-html-reporter": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-0.2.2.tgz", - "integrity": "sha1-SKjl7xiAdhfuK14zwRlMNbQ5Ukw=", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/karma-jasmine/-/karma-jasmine-2.0.1.tgz", + "integrity": "sha512-iuC0hmr9b+SNn1DaUD2QEYtUxkS1J+bSJSn7ejdEexs7P8EYvA1CWkEdrDQ+8jVH3AgWlCNwjYsT1chjcNW9lA==", "dev": true, "requires": { - "karma-jasmine": "^1.0.2" + "jasmine-core": "^3.3" } }, - "karma-source-map-support": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/karma-source-map-support/-/karma-source-map-support-1.3.0.tgz", - "integrity": "sha512-HcPqdAusNez/ywa+biN4EphGz62MmQyPggUsDfsHqa7tSe4jdsxgvTKuDfIazjL+IOxpVWyT7Pr4dhAV+sxX5Q==", + "karma-jasmine-html-reporter": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-1.4.2.tgz", + "integrity": "sha512-7g0gPj8+9JepCNJR9WjDyQ2RkZ375jpdurYQyAYv8PorUCadepl8vrD6LmMqOGcM17cnrynBawQYZHaumgDjBw==", + "dev": true + }, + "karma-source-map-support": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/karma-source-map-support/-/karma-source-map-support-1.4.0.tgz", + "integrity": "sha512-RsBECncGO17KAoJCYXjv+ckIz+Ii9NCi+9enk+rq6XC81ezYkb4/RHE6CTXdA7IOJqoF3wcaLfVG0CPmE5ca6A==", "dev": true, "requires": { "source-map-support": "^0.5.5" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - }, - "source-map-support": { - "version": "0.5.12", - "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.12.tgz", - "integrity": "sha512-4h2Pbvyy15EE02G+JOZpUCmqWJuqrs+sEkzewTm++BPi7Hvn/HwcqLAcNxYAyI0x13CpPPn+kMjl+hplXMHITQ==", - "dev": true, - "requires": { - "buffer-from": "^1.0.0", - "source-map": "^0.6.0" - } - } } }, "killable": { @@ -7262,22 +5325,18 @@ "dev": true }, "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", + "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", + "dev": true }, "lcid": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz", - "integrity": "sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz", + "integrity": "sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==", "dev": true, - "optional": true, "requires": { - "invert-kv": "^1.0.0" + "invert-kv": "^2.0.0" } }, "less": { @@ -7315,12 +5374,20 @@ "clone": "^2.1.1", "loader-utils": "^1.1.0", "pify": "^3.0.0" + }, + "dependencies": { + "pify": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz", + "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=", + "dev": true + } } }, "license-webpack-plugin": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/license-webpack-plugin/-/license-webpack-plugin-2.1.0.tgz", - "integrity": "sha512-vDiBeMWxjE9n6TabQ9J4FH8urFdsRK0Nvxn1cit9biCiR9aq1zBR0X2BlAkEiIG6qPamLeU0GzvIgLkrFc398A==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/license-webpack-plugin/-/license-webpack-plugin-2.1.1.tgz", + "integrity": "sha512-TiarZIg5vkQ2rGdYJn2+5YxO/zqlqjpK5IVglr7OfmrN1sBCakS+PQrsP2uC5gtve1ZDb9WMSUMlmHDQ0FoW4w==", "dev": true, "requires": { "@types/webpack-sources": "^0.1.5", @@ -7328,35 +5395,14 @@ } }, "lie": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/lie/-/lie-3.1.1.tgz", - "integrity": "sha1-mkNrLMd0bKWd56QfpGmz77dr2H4=", + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz", + "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==", "dev": true, "requires": { "immediate": "~3.0.5" } }, - "load-json-file": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", - "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=", - "dev": true, - "requires": { - "graceful-fs": "^4.1.2", - "parse-json": "^2.2.0", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0", - "strip-bom": "^2.0.0" - }, - "dependencies": { - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", - "dev": true - } - } - }, "loader-runner": { "version": "2.4.0", "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-2.4.0.tgz", @@ -7375,12 +5421,12 @@ } }, "locate-path": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz", - "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", + "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", "dev": true, "requires": { - "p-locate": "^2.0.0", + "p-locate": "^3.0.0", "path-exists": "^3.0.0" } }, @@ -7390,55 +5436,47 @@ "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", "dev": true }, - "lodash.assign": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/lodash.assign/-/lodash.assign-4.2.0.tgz", - "integrity": "sha1-DZnzzNem0mHRm9rrkkUAXShYCOc=", - "dev": true, - "optional": true - }, "lodash.clonedeep": { "version": "4.5.0", "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz", "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=", "dev": true }, - "lodash.debounce": { - "version": "4.0.8", - "resolved": "https://npm.mobiscroll.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz", - "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=", + "lodash.memoize": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz", + "integrity": "sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=", "dev": true }, - "lodash.mergewith": { - "version": "4.6.1", - "resolved": "https://registry.npmjs.org/lodash.mergewith/-/lodash.mergewith-4.6.1.tgz", - "integrity": "sha512-eWw5r+PYICtEBgrBE5hhlT6aAa75f411bgDz/ZL2KZqYV03USvucsxcHUIlGTDTECs1eunpI7HOV7U+WLDvNdQ==", - "dev": true, - "optional": true - }, "lodash.tail": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/lodash.tail/-/lodash.tail-4.1.1.tgz", "integrity": "sha1-0jM6NtnncXyK0vfKyv7HwytERmQ=", "dev": true }, + "lodash.uniq": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz", + "integrity": "sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=", + "dev": true + }, "log4js": { - "version": "3.0.6", - "resolved": "https://registry.npmjs.org/log4js/-/log4js-3.0.6.tgz", - "integrity": "sha512-ezXZk6oPJCWL483zj64pNkMuY/NcRX5MPiB0zE6tjZM137aeusrOnW1ecxgF9cmwMWkBMhjteQxBPoZBh9FDxQ==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/log4js/-/log4js-4.3.1.tgz", + "integrity": "sha512-nPGS7w7kBnzNm1j8JycFxwLCbIMae8tHCo0cCdx/khB20Tcod8SZThYEB9E0c27ObcTGA1mlPowaf3hantQ/FA==", "dev": true, "requires": { - "circular-json": "^0.5.5", - "date-format": "^1.2.0", - "debug": "^3.1.0", + "date-format": "^2.0.0", + "debug": "^4.1.1", + "flatted": "^2.0.0", "rfdc": "^1.1.2", - "streamroller": "0.7.0" + "streamroller": "^1.0.5" }, "dependencies": { "debug": { - "version": "3.2.6", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz", - "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==", + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", + "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", "dev": true, "requires": { "ms": "^2.1.1" @@ -7453,54 +5491,60 @@ } }, "loglevel": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.6.1.tgz", - "integrity": "sha1-4PyVEztu8nbNyIh82vJKpvFW+Po=", + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.6.2.tgz", + "integrity": "sha512-Jt2MHrCNdtIe1W6co3tF5KXGRkzF+TYffiQstfXa04mrss9IKXzAAXYWak8LbZseAQY03sH2GzMCMU0ZOUc9bg==", "dev": true }, "loose-envify": { "version": "1.4.0", - "resolved": "https://npm.mobiscroll.com/loose-envify/-/loose-envify-1.4.0.tgz", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", "dev": true, "requires": { "js-tokens": "^3.0.0 || ^4.0.0" } }, - "loud-rejection": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz", - "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=", + "lru-cache": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", + "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", "dev": true, - "optional": true, "requires": { - "currently-unhandled": "^0.4.1", - "signal-exit": "^3.0.0" + "yallist": "^3.0.2" } }, - "lru-cache": { - "version": "4.1.5", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz", - "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==", + "magic-string": { + "version": "0.25.2", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.2.tgz", + "integrity": "sha512-iLs9mPjh9IuTtRsqqhNGYcZXGei0Nh/A4xirrsqW7c+QhKVFL2vm7U09ru6cHRD22azaP/wMDgI+HCqbETMTtg==", "dev": true, "requires": { - "pseudomap": "^1.0.2", - "yallist": "^2.1.2" + "sourcemap-codec": "^1.4.4" } }, "make-dir": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-1.3.0.tgz", - "integrity": "sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz", + "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==", "dev": true, "requires": { - "pify": "^3.0.0" + "pify": "^4.0.1", + "semver": "^5.6.0" + }, + "dependencies": { + "semver": { + "version": "5.7.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", + "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", + "dev": true + } } }, "make-error": { - "version": "1.3.4", - "resolved": "https://npm.mobiscroll.com/make-error/-/make-error-1.3.4.tgz", - "integrity": "sha512-0Dab5btKVPhibSalc9QGXb559ED7G7iLjFXBaj9Wq8O3vorueR5K5jaE3hkG6ZQINyhA/JgG6Qk4qdFQjsYV6g==", + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.5.tgz", + "integrity": "sha512-c3sIjNUow0+8swNwVpqoH4YCShKNFkMaw6oH1mNS2haDZQqkeZFlHS3dhoeEbKKmJB4vXpJucU6oH75aDYeE9g==", "dev": true }, "make-fetch-happen": { @@ -7522,110 +5566,30 @@ "ssri": "^6.0.0" }, "dependencies": { - "bluebird": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.4.tgz", - "integrity": "sha512-FG+nFEZChJrbQ9tIccIfZJBz3J7mLrAhxakAbnrJWn8d7aKOC+LWifa0G+p4ZqKp4y13T7juYvdhq9NzKdsrjw==", - "dev": true - }, - "cacache": { - "version": "11.3.2", - "resolved": "https://registry.npmjs.org/cacache/-/cacache-11.3.2.tgz", - "integrity": "sha512-E0zP4EPGDOaT2chM08Als91eYnf8Z+eH1awwwVsngUmgppfM5jjJ8l3z5vO5p5w/I3LsiXawb1sW0VY65pQABg==", - "dev": true, - "requires": { - "bluebird": "^3.5.3", - "chownr": "^1.1.1", - "figgy-pudding": "^3.5.1", - "glob": "^7.1.3", - "graceful-fs": "^4.1.15", - "lru-cache": "^5.1.1", - "mississippi": "^3.0.0", - "mkdirp": "^0.5.1", - "move-concurrently": "^1.0.1", - "promise-inflight": "^1.0.1", - "rimraf": "^2.6.2", - "ssri": "^6.0.1", - "unique-filename": "^1.1.1", - "y18n": "^4.0.0" - }, - "dependencies": { - "lru-cache": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", - "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", - "dev": true, - "requires": { - "yallist": "^3.0.2" - } - } - } - }, - "glob": { - "version": "7.1.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz", - "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==", - "dev": true, - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "graceful-fs": { - "version": "4.1.15", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz", - "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==", - "dev": true - }, - "mississippi": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/mississippi/-/mississippi-3.0.0.tgz", - "integrity": "sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==", - "dev": true, - "requires": { - "concat-stream": "^1.5.0", - "duplexify": "^3.4.2", - "end-of-stream": "^1.1.0", - "flush-write-stream": "^1.0.0", - "from2": "^2.1.0", - "parallel-transform": "^1.1.0", - "pump": "^3.0.0", - "pumpify": "^1.3.3", - "stream-each": "^1.1.0", - "through2": "^2.0.0" - } - }, - "pump": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz", - "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", - "dev": true, - "requires": { - "end-of-stream": "^1.1.0", - "once": "^1.3.1" - } - }, - "ssri": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz", - "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==", + "lru-cache": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz", + "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==", "dev": true, "requires": { - "figgy-pudding": "^3.5.1" + "pseudomap": "^1.0.2", + "yallist": "^2.1.2" } }, "yallist": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.0.3.tgz", - "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==", + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz", + "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=", "dev": true } } }, + "mamacro": { + "version": "0.0.3", + "resolved": "https://registry.npmjs.org/mamacro/-/mamacro-0.0.3.tgz", + "integrity": "sha512-qMEwh+UujcQ+kbz3T6V+wAmO2U8veoq2w+3wY8MquqwVA3jChfwY+Tk52GZKDfACEPjuZ7r2oJLejwpt8jtwTA==", + "dev": true + }, "map-age-cleaner": { "version": "0.1.3", "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz", @@ -7641,12 +5605,6 @@ "integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=", "dev": true }, - "map-obj": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz", - "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=", - "dev": true - }, "map-visit": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz", @@ -7656,12 +5614,6 @@ "object-visit": "^1.0.0" } }, - "math-random": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/math-random/-/math-random-1.0.4.tgz", - "integrity": "sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A==", - "dev": true - }, "md5.js": { "version": "1.3.5", "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz", @@ -7671,14 +5623,6 @@ "hash-base": "^3.0.0", "inherits": "^2.0.1", "safe-buffer": "^5.1.2" - }, - "dependencies": { - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - } } }, "media-typer": { @@ -7708,34 +5652,6 @@ "readable-stream": "^2.0.1" } }, - "meow": { - "version": "3.7.0", - "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz", - "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=", - "dev": true, - "optional": true, - "requires": { - "camelcase-keys": "^2.0.0", - "decamelize": "^1.1.2", - "loud-rejection": "^1.0.0", - "map-obj": "^1.0.1", - "minimist": "^1.1.3", - "normalize-package-data": "^2.3.4", - "object-assign": "^4.0.1", - "read-pkg-up": "^1.0.1", - "redent": "^1.0.0", - "trim-newlines": "^1.0.0" - }, - "dependencies": { - "minimist": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", - "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", - "dev": true, - "optional": true - } - } - }, "merge-descriptors": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", @@ -7767,14 +5683,6 @@ "regex-not": "^1.0.0", "snapdragon": "^0.8.1", "to-regex": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", - "dev": true - } } }, "miller-rabin": { @@ -7791,22 +5699,21 @@ "version": "1.6.0", "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", - "dev": true, - "optional": true + "dev": true }, "mime-db": { - "version": "1.30.0", - "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.30.0.tgz", - "integrity": "sha1-dMZD2i3Z1qRTmZY0ZbJtXKfXHwE=", + "version": "1.40.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz", + "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==", "dev": true }, "mime-types": { - "version": "2.1.17", - "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.17.tgz", - "integrity": "sha1-Cdejk/A+mVp5+K+Fe3Cp4KsWVXo=", + "version": "2.1.24", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz", + "integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==", "dev": true, "requires": { - "mime-db": "~1.30.0" + "mime-db": "1.40.0" } }, "mimic-fn": { @@ -7816,12 +5723,13 @@ "dev": true }, "mini-css-extract-plugin": { - "version": "0.5.0", - "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.5.0.tgz", - "integrity": "sha512-IuaLjruM0vMKhUUT51fQdQzBYTX49dLj8w68ALEAe2A4iYNpIC4eMac67mt3NzycvjOlf07/kYxJDc0RTl1Wqw==", + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.6.0.tgz", + "integrity": "sha512-79q5P7YGI6rdnVyIAV4NXpBQJFWdkzJxCim3Kog4078fM0piAaFlwocqbejdWtLW1cEzCexPrh6EdyFsPgVdAw==", "dev": true, "requires": { "loader-utils": "^1.1.0", + "normalize-url": "^2.0.1", "schema-utils": "^1.0.0", "webpack-sources": "^1.1.0" } @@ -7848,9 +5756,9 @@ } }, "minimist": { - "version": "0.0.8", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", - "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", + "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", "dev": true }, "minipass": { @@ -7861,20 +5769,6 @@ "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" - }, - "dependencies": { - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - }, - "yallist": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.0.3.tgz", - "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==", - "dev": true - } } }, "minizlib": { @@ -7887,9 +5781,9 @@ } }, "mississippi": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/mississippi/-/mississippi-2.0.0.tgz", - "integrity": "sha512-zHo8v+otD1J10j/tC+VNoGK9keCuByhKovAvdn74dmxJl9+mWHnx6EMsDN4lgRoMI/eYo2nchAxniIbUPb5onw==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/mississippi/-/mississippi-3.0.0.tgz", + "integrity": "sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==", "dev": true, "requires": { "concat-stream": "^1.5.0", @@ -7898,7 +5792,7 @@ "flush-write-stream": "^1.0.0", "from2": "^2.1.0", "parallel-transform": "^1.1.0", - "pump": "^2.0.1", + "pump": "^3.0.0", "pumpify": "^1.3.3", "stream-each": "^1.1.0", "through2": "^2.0.0" @@ -7950,6 +5844,14 @@ "dev": true, "requires": { "minimist": "0.0.8" + }, + "dependencies": { + "minimist": { + "version": "0.0.8", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", + "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=", + "dev": true + } } }, "move-concurrently": { @@ -7988,16 +5890,22 @@ "integrity": "sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE=", "dev": true }, + "mute-stream": { + "version": "0.0.7", + "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.7.tgz", + "integrity": "sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=", + "dev": true + }, "nan": { - "version": "2.13.2", - "resolved": "https://registry.npmjs.org/nan/-/nan-2.13.2.tgz", - "integrity": "sha512-TghvYc72wlMGMVMluVo9WRJc0mB8KxxF/gZ4YYFy7V2ZQX9l7rgbPg7vjS9mt6U5HXODVFVI2bOduCzwOMv/lw==", + "version": "2.14.0", + "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.0.tgz", + "integrity": "sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==", "dev": true, "optional": true }, "nanomatch": { "version": "1.2.13", - "resolved": "https://npm.mobiscroll.com/nanomatch/-/nanomatch-1.2.13.tgz", + "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz", "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==", "dev": true, "requires": { @@ -8012,38 +5920,18 @@ "regex-not": "^1.0.0", "snapdragon": "^0.8.1", "to-regex": "^3.0.1" - }, - "dependencies": { - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=", - "dev": true - }, - "array-unique": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", - "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=", - "dev": true - }, - "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", - "dev": true - } } }, "negotiator": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz", - "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=", + "version": "0.6.2", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz", + "integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==", "dev": true }, "neo-async": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.0.tgz", - "integrity": "sha512-MFh0d/Wa7vkKO3Y3LlacqAEeHK0mckVqzDieUKTT+KGxi+zIpeVsFxymkIiRpbpDziHc290Xr9A1O4Om7otoRA==", + "version": "2.6.1", + "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.1.tgz", + "integrity": "sha512-iyam8fBuCUpWeKPGpaNMetEocMt364qkCsfL9JuhjXX6dRnguRVOfk2GZaDpPjcOKiiXCPINZC1GczQ7iTq3Zw==", "dev": true }, "nice-try": { @@ -8069,36 +5957,6 @@ "integrity": "sha512-MmbQJ2MTESTjt3Gi/3yG1wGpIMhUfcIypUCGtTizFR9IiccFwxSpfp0vtIZlkFclEqERemxfnSdZEMR9VqqEFQ==", "dev": true }, - "node-gyp": { - "version": "3.8.0", - "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.8.0.tgz", - "integrity": "sha512-3g8lYefrRRzvGeSowdJKAKyks8oUpLEd/DyPV4eMhVlhJ0aNaZqIrNUIPuEWWTAoPqyFkfGrM67MC69baqn6vA==", - "dev": true, - "optional": true, - "requires": { - "fstream": "^1.0.0", - "glob": "^7.0.3", - "graceful-fs": "^4.1.2", - "mkdirp": "^0.5.0", - "nopt": "2 || 3", - "npmlog": "0 || 1 || 2 || 3 || 4", - "osenv": "0", - "request": "^2.87.0", - "rimraf": "2", - "semver": "~5.3.0", - "tar": "^2.0.0", - "which": "1" - }, - "dependencies": { - "semver": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz", - "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=", - "dev": true, - "optional": true - } - } - }, "node-libs-browser": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.2.0.tgz", @@ -8128,207 +5986,58 @@ "url": "^0.11.0", "util": "^0.11.0", "vm-browserify": "0.0.4" + }, + "dependencies": { + "punycode": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", + "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=", + "dev": true + } } }, "node-releases": { - "version": "1.1.17", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.17.tgz", - "integrity": "sha512-/SCjetyta1m7YXLgtACZGDYJdCSIBAWorDWkGCGZlydP2Ll7J48l7j/JxNYZ+xsgSPbWfdulVS/aY+GdjUsQ7Q==", + "version": "1.1.22", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.22.tgz", + "integrity": "sha512-O6XpteBuntW1j86mw6LlovBIwTe+sO2+7vi9avQffNeIW4upgnaCVm6xrBWH+KATz7mNNRNNeEpuWB7dT6Cr3w==", "dev": true, "requires": { "semver": "^5.3.0" + }, + "dependencies": { + "semver": { + "version": "5.7.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", + "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", + "dev": true + } } }, - "node-sass": { - "version": "4.11.0", - "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.11.0.tgz", - "integrity": "sha512-bHUdHTphgQJZaF1LASx0kAviPH7sGlcyNhWade4eVIpFp6tsn7SV8xNMTbsQFpEV9VXpnwTTnNYlfsZXgGgmkA==", + "normalize-package-data": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", + "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", "dev": true, - "optional": true, "requires": { - "async-foreach": "^0.1.3", - "chalk": "^1.1.1", - "cross-spawn": "^3.0.0", - "gaze": "^1.0.0", - "get-stdin": "^4.0.1", - "glob": "^7.0.3", - "in-publish": "^2.0.0", - "lodash.assign": "^4.2.0", - "lodash.clonedeep": "^4.3.2", - "lodash.mergewith": "^4.6.0", - "meow": "^3.7.0", - "mkdirp": "^0.5.1", - "nan": "^2.10.0", - "node-gyp": "^3.8.0", - "npmlog": "^4.0.0", - "request": "^2.88.0", - "sass-graph": "^2.2.4", - "stdout-stream": "^1.4.0", - "true-case-path": "^1.0.2" + "hosted-git-info": "^2.1.4", + "resolve": "^1.10.0", + "semver": "2 || 3 || 4 || 5", + "validate-npm-package-license": "^3.0.1" }, "dependencies": { - "aws4": { - "version": "1.8.0", - "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.8.0.tgz", - "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==", - "dev": true, - "optional": true - }, - "chalk": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", - "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", - "dev": true, - "optional": true, - "requires": { - "ansi-styles": "^2.2.1", - "escape-string-regexp": "^1.0.2", - "has-ansi": "^2.0.0", - "strip-ansi": "^3.0.0", - "supports-color": "^2.0.0" - } - }, - "combined-stream": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.7.tgz", - "integrity": "sha512-brWl9y6vOB1xYPZcpZde3N9zDByXTosAeMDo4p1wzo6UMOX4vumB+TP1RZ76sfE6Md68Q0NJSrE/gbezd4Ul+w==", - "dev": true, - "optional": true, - "requires": { - "delayed-stream": "~1.0.0" - } - }, - "extend": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", - "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==", - "dev": true, - "optional": true - }, - "mime-db": { - "version": "1.40.0", - "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz", - "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==", - "dev": true, - "optional": true - }, - "mime-types": { - "version": "2.1.24", - "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz", - "integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==", - "dev": true, - "optional": true, - "requires": { - "mime-db": "1.40.0" - } - }, - "nan": { - "version": "2.13.2", - "resolved": "https://registry.npmjs.org/nan/-/nan-2.13.2.tgz", - "integrity": "sha512-TghvYc72wlMGMVMluVo9WRJc0mB8KxxF/gZ4YYFy7V2ZQX9l7rgbPg7vjS9mt6U5HXODVFVI2bOduCzwOMv/lw==", - "dev": true, - "optional": true - }, - "oauth-sign": { - "version": "0.9.0", - "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz", - "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==", - "dev": true, - "optional": true - }, - "request": { - "version": "2.88.0", - "resolved": "https://registry.npmjs.org/request/-/request-2.88.0.tgz", - "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==", - "dev": true, - "optional": true, - "requires": { - "aws-sign2": "~0.7.0", - "aws4": "^1.8.0", - "caseless": "~0.12.0", - "combined-stream": "~1.0.6", - "extend": "~3.0.2", - "forever-agent": "~0.6.1", - "form-data": "~2.3.2", - "har-validator": "~5.1.0", - "http-signature": "~1.2.0", - "is-typedarray": "~1.0.0", - "isstream": "~0.1.2", - "json-stringify-safe": "~5.0.1", - "mime-types": "~2.1.19", - "oauth-sign": "~0.9.0", - "performance-now": "^2.1.0", - "qs": "~6.5.2", - "safe-buffer": "^5.1.2", - "tough-cookie": "~2.4.3", - "tunnel-agent": "^0.6.0", - "uuid": "^3.3.2" - } - }, - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true, - "optional": true - }, - "supports-color": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", - "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=", - "dev": true, - "optional": true - }, - "tough-cookie": { - "version": "2.4.3", - "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz", - "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==", - "dev": true, - "optional": true, - "requires": { - "psl": "^1.1.24", - "punycode": "^1.4.1" - } - }, - "uuid": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz", - "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==", - "dev": true, - "optional": true + "semver": { + "version": "5.7.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", + "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", + "dev": true } } }, - "nopt": { - "version": "3.0.6", - "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz", - "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=", - "dev": true, - "optional": true, - "requires": { - "abbrev": "1" - } - }, - "normalize-package-data": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.4.0.tgz", - "integrity": "sha512-9jjUFbTPfEy3R/ad/2oNbKtW9Hgovl5O1FvFWKkKblNXoN/Oou6+9+KKohPK13Yc3/TyunyWhJp6gvRNR/PPAw==", - "dev": true, - "requires": { - "hosted-git-info": "^2.1.4", - "is-builtin-module": "^1.0.0", - "semver": "2 || 3 || 4 || 5", - "validate-npm-package-license": "^3.0.1" - } - }, "normalize-path": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", - "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", - "dev": true, - "requires": { - "remove-trailing-separator": "^1.0.1" - } + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true }, "normalize-range": { "version": "0.1.2", @@ -8336,6 +6045,17 @@ "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=", "dev": true }, + "normalize-url": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-2.0.1.tgz", + "integrity": "sha512-D6MUW4K/VzoJ4rJ01JFKxDrtY1v9wrgzCX5f2qj/lzH1m/lW6MhUZFKerVsnyjOhOsYzI9Kqqak+10l4LvLpMw==", + "dev": true, + "requires": { + "prepend-http": "^2.0.0", + "query-string": "^5.0.1", + "sort-keys": "^2.0.0" + } + }, "npm-bundled": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.0.6.tgz", @@ -8352,6 +6072,14 @@ "osenv": "^0.1.5", "semver": "^5.5.0", "validate-npm-package-name": "^3.0.0" + }, + "dependencies": { + "semver": { + "version": "5.7.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", + "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", + "dev": true + } } }, "npm-packlist": { @@ -8373,26 +6101,14 @@ "figgy-pudding": "^3.5.1", "npm-package-arg": "^6.0.0", "semver": "^5.4.1" - } - }, - "npm-registry-client": { - "version": "8.6.0", - "resolved": "https://registry.npmjs.org/npm-registry-client/-/npm-registry-client-8.6.0.tgz", - "integrity": "sha512-Qs6P6nnopig+Y8gbzpeN/dkt+n7IyVd8f45NTMotGk6Qo7GfBmzwYx6jRLoOOgKiMnaQfYxsuyQlD8Mc3guBhg==", - "dev": true, - "requires": { - "concat-stream": "^1.5.2", - "graceful-fs": "^4.1.6", - "normalize-package-data": "~1.0.1 || ^2.0.0", - "npm-package-arg": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0", - "npmlog": "2 || ^3.1.0 || ^4.0.0", - "once": "^1.3.3", - "request": "^2.74.0", - "retry": "^0.10.0", - "safe-buffer": "^5.1.1", - "semver": "2 >=2.2.1 || 3.x || 4 || 5", - "slide": "^1.1.3", - "ssri": "^5.2.4" + }, + "dependencies": { + "semver": { + "version": "5.7.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", + "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", + "dev": true + } } }, "npm-registry-fetch": { @@ -8407,6 +6123,24 @@ "lru-cache": "^4.1.3", "make-fetch-happen": "^4.0.1", "npm-package-arg": "^6.1.0" + }, + "dependencies": { + "lru-cache": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz", + "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==", + "dev": true, + "requires": { + "pseudomap": "^1.0.2", + "yallist": "^2.1.2" + } + }, + "yallist": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz", + "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=", + "dev": true + } } }, "npm-run-path": { @@ -8418,18 +6152,6 @@ "path-key": "^2.0.0" } }, - "npmlog": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz", - "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==", - "dev": true, - "requires": { - "are-we-there-yet": "~1.1.2", - "console-control-strings": "~1.1.0", - "gauge": "~2.7.3", - "set-blocking": "~2.0.0" - } - }, "null-check": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/null-check/-/null-check-1.0.0.tgz", @@ -8449,9 +6171,9 @@ "dev": true }, "oauth-sign": { - "version": "0.8.2", - "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.8.2.tgz", - "integrity": "sha1-Rqarfwrq2N6unsBWV4C31O/rnUM=", + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz", + "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==", "dev": true }, "object-assign": { @@ -8485,6 +6207,15 @@ "requires": { "is-descriptor": "^0.1.0" } + }, + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "dev": true, + "requires": { + "is-buffer": "^1.1.5" + } } } }, @@ -8497,27 +6228,6 @@ "isobject": "^3.0.0" } }, - "object.omit": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/object.omit/-/object.omit-2.0.1.tgz", - "integrity": "sha1-Gpx0SCnznbuFjHbKNXmuKlTr0fo=", - "dev": true, - "requires": { - "for-own": "^0.1.4", - "is-extendable": "^0.1.1" - }, - "dependencies": { - "for-own": { - "version": "0.1.5", - "resolved": "https://registry.npmjs.org/for-own/-/for-own-0.1.5.tgz", - "integrity": "sha1-UmXGgaTylNq78XyVCbZ2OqhFEM4=", - "dev": true, - "requires": { - "for-in": "^1.0.1" - } - } - } - }, "object.pick": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz", @@ -8557,19 +6267,36 @@ "wrappy": "1" } }, + "onetime": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz", + "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=", + "dev": true, + "requires": { + "mimic-fn": "^1.0.0" + }, + "dependencies": { + "mimic-fn": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz", + "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==", + "dev": true + } + } + }, "open": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/open/-/open-6.0.0.tgz", - "integrity": "sha512-/yb5mVZBz7mHLySMiSj2DcLtMBbFPJk5JBKEkHVZFxZAPzeg3L026O0T+lbdz1B2nyDnkClRSwRQJdeVUIF7zw==", + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/open/-/open-6.2.0.tgz", + "integrity": "sha512-Vxf6HJkwrqmvh9UAID3MnMYXntbTxKLOSfOnO7LJdzPf3NE3KQYFNV0/Lcz2VAndbRFil58XVCyh8tiX11fiYw==", "dev": true, "requires": { "is-wsl": "^1.1.0" } }, "opn": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/opn/-/opn-5.3.0.tgz", - "integrity": "sha512-bYJHo/LOmoTd+pfiYhfZDnf9zekVJrY+cnS2a5F2x+w5ppvTqObojTP7WiFG+kVZs9Inw+qQ/lw7TroWwhdd2g==", + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/opn/-/opn-5.5.0.tgz", + "integrity": "sha512-PqHpggC9bLV0VeWcdKhkpxY+3JTzetLSqTCWL/z/tFIbI6G8JCjondXklT1JinczLz2Xib62sSp0T/gKT4KksA==", "dev": true, "requires": { "is-wsl": "^1.1.0" @@ -8577,12 +6304,20 @@ }, "optimist": { "version": "0.6.1", - "resolved": "https://npm.mobiscroll.com/optimist/-/optimist-0.6.1.tgz", + "resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz", "integrity": "sha1-2j6nRob6IaGaERwybpDrFaAZZoY=", "dev": true, "requires": { "minimist": "~0.0.1", "wordwrap": "~0.0.2" + }, + "dependencies": { + "minimist": { + "version": "0.0.10", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz", + "integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=", + "dev": true + } } }, "original": { @@ -8607,13 +6342,14 @@ "dev": true }, "os-locale": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz", - "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.1.0.tgz", + "integrity": "sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==", "dev": true, - "optional": true, "requires": { - "lcid": "^1.0.0" + "execa": "^1.0.0", + "lcid": "^2.0.0", + "mem": "^4.0.0" } }, "os-tmpdir": { @@ -8651,47 +6387,47 @@ "dev": true }, "p-limit": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz", - "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.0.tgz", + "integrity": "sha512-pZbTJpoUsCzV48Mc9Nh51VbwO0X9cuPFE8gYwx9BTCt9SF8/b7Zljd2fVgOxhIF/HDTKgpVzs+GPhyKfjLLFRQ==", "dev": true, "requires": { - "p-try": "^1.0.0" + "p-try": "^2.0.0" } }, "p-locate": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz", - "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", + "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", "dev": true, "requires": { - "p-limit": "^1.1.0" + "p-limit": "^2.0.0" } }, "p-map": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/p-map/-/p-map-1.2.0.tgz", - "integrity": "sha512-r6zKACMNhjPJMTl8KcFH4li//gkrXWfbD6feV8l6doRHlzljFWGJ2AP6iKaCJXyZmAUMOPtvbW7EXkbWO/pLEA==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/p-map/-/p-map-2.1.0.tgz", + "integrity": "sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==", "dev": true }, "p-try": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz", - "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", "dev": true }, "pacote": { - "version": "9.2.3", - "resolved": "https://registry.npmjs.org/pacote/-/pacote-9.2.3.tgz", - "integrity": "sha512-Y3+yY3nBRAxMlZWvr62XLJxOwCmG9UmkGZkFurWHoCjqF0cZL72cTOCRJTvWw8T4OhJS2RTg13x4oYYriauvEw==", + "version": "9.5.0", + "resolved": "https://registry.npmjs.org/pacote/-/pacote-9.5.0.tgz", + "integrity": "sha512-aUplXozRbzhaJO48FaaeClmN+2Mwt741MC6M3bevIGZwdCaP7frXzbUOfOWa91FPHoLITzG0hYaKY363lxO3bg==", "dev": true, "requires": { - "bluebird": "^3.5.2", - "cacache": "^11.2.0", + "bluebird": "^3.5.3", + "cacache": "^11.3.2", "figgy-pudding": "^3.5.1", "get-stream": "^4.1.0", "glob": "^7.1.3", - "lru-cache": "^4.1.3", + "lru-cache": "^5.1.1", "make-fetch-happen": "^4.0.1", "minimatch": "^3.0.4", "minipass": "^2.3.5", @@ -8710,164 +6446,23 @@ "safe-buffer": "^5.1.2", "semver": "^5.6.0", "ssri": "^6.0.1", - "tar": "^4.4.6", + "tar": "^4.4.8", "unique-filename": "^1.1.1", "which": "^1.3.1" }, "dependencies": { - "bluebird": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.4.tgz", - "integrity": "sha512-FG+nFEZChJrbQ9tIccIfZJBz3J7mLrAhxakAbnrJWn8d7aKOC+LWifa0G+p4ZqKp4y13T7juYvdhq9NzKdsrjw==", - "dev": true - }, - "cacache": { - "version": "11.3.2", - "resolved": "https://registry.npmjs.org/cacache/-/cacache-11.3.2.tgz", - "integrity": "sha512-E0zP4EPGDOaT2chM08Als91eYnf8Z+eH1awwwVsngUmgppfM5jjJ8l3z5vO5p5w/I3LsiXawb1sW0VY65pQABg==", - "dev": true, - "requires": { - "bluebird": "^3.5.3", - "chownr": "^1.1.1", - "figgy-pudding": "^3.5.1", - "glob": "^7.1.3", - "graceful-fs": "^4.1.15", - "lru-cache": "^5.1.1", - "mississippi": "^3.0.0", - "mkdirp": "^0.5.1", - "move-concurrently": "^1.0.1", - "promise-inflight": "^1.0.1", - "rimraf": "^2.6.2", - "ssri": "^6.0.1", - "unique-filename": "^1.1.1", - "y18n": "^4.0.0" - }, - "dependencies": { - "lru-cache": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", - "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", - "dev": true, - "requires": { - "yallist": "^3.0.2" - } - } - } - }, - "get-stream": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz", - "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==", - "dev": true, - "requires": { - "pump": "^3.0.0" - } - }, - "glob": { - "version": "7.1.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz", - "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==", - "dev": true, - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "graceful-fs": { - "version": "4.1.15", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz", - "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==", - "dev": true - }, - "mississippi": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/mississippi/-/mississippi-3.0.0.tgz", - "integrity": "sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==", - "dev": true, - "requires": { - "concat-stream": "^1.5.0", - "duplexify": "^3.4.2", - "end-of-stream": "^1.1.0", - "flush-write-stream": "^1.0.0", - "from2": "^2.1.0", - "parallel-transform": "^1.1.0", - "pump": "^3.0.0", - "pumpify": "^1.3.3", - "stream-each": "^1.1.0", - "through2": "^2.0.0" - } - }, - "pump": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz", - "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", - "dev": true, - "requires": { - "end-of-stream": "^1.1.0", - "once": "^1.3.1" - } - }, - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - }, "semver": { "version": "5.7.0", "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", "dev": true - }, - "ssri": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz", - "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==", - "dev": true, - "requires": { - "figgy-pudding": "^3.5.1" - } - }, - "tar": { - "version": "4.4.8", - "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.8.tgz", - "integrity": "sha512-LzHF64s5chPQQS0IYBn9IN5h3i98c12bo4NCO7e0sGM2llXQ3p2FGC5sdENN4cTW48O915Sh+x+EXx7XW96xYQ==", - "dev": true, - "requires": { - "chownr": "^1.1.1", - "fs-minipass": "^1.2.5", - "minipass": "^2.3.4", - "minizlib": "^1.1.1", - "mkdirp": "^0.5.0", - "safe-buffer": "^5.1.2", - "yallist": "^3.0.2" - } - }, - "which": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", - "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", - "dev": true, - "requires": { - "isexe": "^2.0.0" - } - }, - "yallist": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.0.3.tgz", - "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==", - "dev": true } } }, "pako": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.6.tgz", - "integrity": "sha512-lQe48YPsMJAig+yngZ87Lus+NF+3mtu7DVOBu6b/gHO1YpKwIj5AWjZ/TOS7i46HD/UixzWb1zeWDZfGZ3iYcg==", + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.10.tgz", + "integrity": "sha512-0DTvPVU3ed8+HNXOu5Bs+o//Mbdj9VNQMUOe9oKCwh8l0GNwpTDMKCWbRjgtD291AWnkAgkqA/LOnQS8AmS1tw==", "dev": true }, "parallel-transform": { @@ -8895,50 +6490,16 @@ "safe-buffer": "^5.1.1" } }, - "parse-glob": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/parse-glob/-/parse-glob-3.0.4.tgz", - "integrity": "sha1-ssN2z7EfNVE7rdFz7wu246OIORw=", + "parse-json": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz", + "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=", "dev": true, "requires": { - "glob-base": "^0.3.0", - "is-dotfile": "^1.0.0", - "is-extglob": "^1.0.0", - "is-glob": "^2.0.0" - }, - "dependencies": { - "is-extglob": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz", - "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=", - "dev": true - }, - "is-glob": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz", - "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=", - "dev": true, - "requires": { - "is-extglob": "^1.0.0" - } - } - } - }, - "parse-json": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz", - "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=", - "dev": true, - "requires": { - "error-ex": "^1.2.0" + "error-ex": "^1.3.1", + "json-parse-better-errors": "^1.0.1" } }, - "parse-passwd": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz", - "integrity": "sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=", - "dev": true - }, "parse5": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/parse5/-/parse5-4.0.0.tgz", @@ -8964,9 +6525,9 @@ } }, "parseurl": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz", - "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", + "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==", "dev": true }, "pascalcase": { @@ -9012,9 +6573,9 @@ "dev": true }, "path-parse": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.5.tgz", - "integrity": "sha1-PBrfhx6pzWyUMbbqK9dKD/BVxME=", + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", + "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==", "dev": true }, "path-to-regexp": { @@ -9030,6 +6591,14 @@ "dev": true, "requires": { "pify": "^3.0.0" + }, + "dependencies": { + "pify": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz", + "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=", + "dev": true + } } }, "pbkdf2": { @@ -9049,13 +6618,12 @@ "version": "2.1.0", "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=", - "dev": true, - "optional": true + "dev": true }, "pify": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz", - "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", + "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", "dev": true }, "pinkie": { @@ -9074,12 +6642,12 @@ } }, "pkg-dir": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-2.0.0.tgz", - "integrity": "sha1-9tXREJ4Z1j7fQo4L1X4Sd3YVM0s=", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz", + "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==", "dev": true, "requires": { - "find-up": "^2.1.0" + "find-up": "^3.0.0" } }, "portfinder": { @@ -9118,37 +6686,6 @@ "supports-color": "^6.1.0" }, "dependencies": { - "ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "dev": true, - "requires": { - "color-convert": "^1.9.0" - } - }, - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dev": true, - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - }, - "dependencies": { - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, "source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", @@ -9197,10 +6734,10 @@ "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==", "dev": true }, - "preserve": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/preserve/-/preserve-0.2.0.tgz", - "integrity": "sha1-gV7R9uvGWSb4ZbMQwHE7yzMVzks=", + "prepend-http": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz", + "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=", "dev": true }, "process": { @@ -9210,9 +6747,9 @@ "dev": true }, "process-nextick-args": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-1.0.7.tgz", - "integrity": "sha1-FQ4gt1ZZCtP5EJPyWk8q2L/zC6M=", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz", + "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==", "dev": true }, "promise": { @@ -9251,12 +6788,11 @@ } }, "protractor": { - "version": "5.4.0", - "resolved": "https://registry.npmjs.org/protractor/-/protractor-5.4.0.tgz", - "integrity": "sha512-6TSYqMhUUzxr4/wN0ttSISqPMKvcVRXF4k8jOEpGWD8OioLak4KLgfzHK9FJ49IrjzRrZ+Mx1q2Op8Rk0zEcnQ==", + "version": "5.4.2", + "resolved": "https://registry.npmjs.org/protractor/-/protractor-5.4.2.tgz", + "integrity": "sha512-zlIj64Cr6IOWP7RwxVeD8O4UskLYPoyIcg0HboWJL9T79F1F0VWtKkGTr/9GN6BKL+/Q/GmM7C9kFVCfDbP5sA==", "dev": true, "requires": { - "@types/node": "^6.0.46", "@types/q": "^0.0.32", "@types/selenium-webdriver": "^3.0.0", "blocking-proxy": "^1.0.0", @@ -9270,10 +6806,16 @@ "saucelabs": "^1.5.0", "selenium-webdriver": "3.6.0", "source-map-support": "~0.4.0", - "webdriver-js-extender": "2.0.0", + "webdriver-js-extender": "2.1.0", "webdriver-manager": "^12.0.6" }, "dependencies": { + "ansi-styles": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", + "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=", + "dev": true + }, "chalk": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", @@ -9316,18 +6858,57 @@ "pinkie-promise": "^2.0.0" } }, - "minimist": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", - "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", + "is-path-cwd": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-1.0.0.tgz", + "integrity": "sha1-0iXsIxMuie3Tj9p2dHLmLmXxEG0=", "dev": true }, + "is-path-in-cwd": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-1.0.1.tgz", + "integrity": "sha512-FjV1RTW48E7CWM7eE/J2NJvAEEVektecDBVBE5Hh3nM1Jd0kvhHtX68Pr3xsDf857xt3Y4AkwVULK1Vku62aaQ==", + "dev": true, + "requires": { + "is-path-inside": "^1.0.0" + } + }, + "is-path-inside": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-1.0.1.tgz", + "integrity": "sha1-jvW33lBDej/cprToZe96pVy0gDY=", + "dev": true, + "requires": { + "path-is-inside": "^1.0.1" + } + }, "pify": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", "dev": true }, + "semver": { + "version": "5.7.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", + "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", + "dev": true + }, + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", + "dev": true + }, + "source-map-support": { + "version": "0.4.18", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.4.18.tgz", + "integrity": "sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==", + "dev": true, + "requires": { + "source-map": "^0.5.6" + } + }, "supports-color": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", @@ -9335,9 +6916,9 @@ "dev": true }, "webdriver-manager": { - "version": "12.1.0", - "resolved": "https://registry.npmjs.org/webdriver-manager/-/webdriver-manager-12.1.0.tgz", - "integrity": "sha512-oEc5fmkpz6Yh6udhwir5m0eN5mgRPq9P/NU5YWuT3Up5slt6Zz+znhLU7q4+8rwCZz/Qq3Fgpr/4oao7NPCm2A==", + "version": "12.1.5", + "resolved": "https://registry.npmjs.org/webdriver-manager/-/webdriver-manager-12.1.5.tgz", + "integrity": "sha512-f1apDjMpZ8SHlXtXGzqBxOjV+WQcDRz5PN7pWScgjXS7vhUIFcM3V89Shetf4A04n8DDR2MxiVQq6JproFcRZw==", "dev": true, "requires": { "adm-zip": "^0.4.9", @@ -9378,11 +6959,10 @@ "dev": true }, "psl": { - "version": "1.1.31", - "resolved": "https://registry.npmjs.org/psl/-/psl-1.1.31.tgz", - "integrity": "sha512-/6pt4+C+T+wZUieKR620OpzN/LlnNKuWjy1iFLQ/UG35JqHlR/89MP1d96dUfkf6Dne3TuLQzOYEYshJ+Hx8mw==", - "dev": true, - "optional": true + "version": "1.1.32", + "resolved": "https://registry.npmjs.org/psl/-/psl-1.1.32.tgz", + "integrity": "sha512-MHACAkHpihU/REGGPLj4sEfc/XKW2bheigvHO1dUqjaKigMp1C8+WLQYRGgeKFMsw5PMfegZcaN8IDXK/cD0+g==", + "dev": true }, "public-encrypt": { "version": "4.0.3", @@ -9396,20 +6976,12 @@ "parse-asn1": "^5.0.0", "randombytes": "^2.0.1", "safe-buffer": "^5.1.2" - }, - "dependencies": { - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - } } }, "pump": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz", - "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz", + "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", "dev": true, "requires": { "end-of-stream": "^1.1.0", @@ -9425,12 +6997,24 @@ "duplexify": "^3.6.0", "inherits": "^2.0.3", "pump": "^2.0.0" + }, + "dependencies": { + "pump": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz", + "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==", + "dev": true, + "requires": { + "end-of-stream": "^1.1.0", + "once": "^1.3.1" + } + } } }, "punycode": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", - "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", + "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==", "dev": true }, "q": { @@ -9451,6 +7035,17 @@ "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==", "dev": true }, + "query-string": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/query-string/-/query-string-5.1.1.tgz", + "integrity": "sha512-gjWOsm2SoGlgLEdAGt7a6slVOk9mGiXmPFMqrEhLQ68rhQuBnpfs3+EmlvqKyxnCo9/PPlF+9MtY02S1aFg+Jw==", + "dev": true, + "requires": { + "decode-uri-component": "^0.2.0", + "object-assign": "^4.1.0", + "strict-uri-encode": "^1.0.0" + } + }, "querystring": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz", @@ -9469,31 +7064,6 @@ "integrity": "sha512-w7fLxIRCRT7U8Qu53jQnJyPkYZIaR4n5151KMfcJlO/A9397Wxb1amJvROTK6TOnp7PfoAmg/qXiNHI+08jRfA==", "dev": true }, - "randomatic": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-3.1.1.tgz", - "integrity": "sha512-TuDE5KxZ0J461RVjrJZCJc+J+zCkTb1MbH9AQUq68sMhOMcy9jLcb3BrZKgp9q9Ncltdg4QVqWrH02W2EFFVYw==", - "dev": true, - "requires": { - "is-number": "^4.0.0", - "kind-of": "^6.0.0", - "math-random": "^1.0.1" - }, - "dependencies": { - "is-number": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz", - "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==", - "dev": true - }, - "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", - "dev": true - } - } - }, "randombytes": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz", @@ -9514,9 +7084,9 @@ } }, "range-parser": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz", - "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", + "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==", "dev": true }, "raw-body": { @@ -9536,31 +7106,6 @@ "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz", "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==", "dev": true - }, - "http-errors": { - "version": "1.7.2", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz", - "integrity": "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==", - "dev": true, - "requires": { - "depd": "~1.1.2", - "inherits": "2.0.3", - "setprototypeof": "1.1.1", - "statuses": ">= 1.5.0 < 2", - "toidentifier": "1.0.0" - } - }, - "setprototypeof": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz", - "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==", - "dev": true - }, - "statuses": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", - "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=", - "dev": true } } }, @@ -9591,103 +7136,77 @@ } } }, - "read-pkg": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz", - "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=", + "read-package-json": { + "version": "2.0.13", + "resolved": "https://registry.npmjs.org/read-package-json/-/read-package-json-2.0.13.tgz", + "integrity": "sha512-/1dZ7TRZvGrYqE0UAfN6qQb5GYBsNcqS1C0tNK601CFOJmtHI7NIGXwetEPU/OtoFHZL3hDxm4rolFFVE9Bnmg==", "dev": true, "requires": { - "load-json-file": "^1.0.0", - "normalize-package-data": "^2.3.2", - "path-type": "^1.0.0" - }, - "dependencies": { - "path-type": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz", - "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=", - "dev": true, - "requires": { - "graceful-fs": "^4.1.2", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0" - } - }, - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", - "dev": true - } + "glob": "^7.1.1", + "graceful-fs": "^4.1.2", + "json-parse-better-errors": "^1.0.1", + "normalize-package-data": "^2.0.0", + "slash": "^1.0.0" } }, - "read-pkg-up": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz", - "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=", + "read-package-tree": { + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/read-package-tree/-/read-package-tree-5.2.2.tgz", + "integrity": "sha512-rW3XWUUkhdKmN2JKB4FL563YAgtINifso5KShykufR03nJ5loGFlkUMe1g/yxmqX073SoYYTsgXu7XdDinKZuA==", "dev": true, "requires": { - "find-up": "^1.0.0", - "read-pkg": "^1.0.0" - }, - "dependencies": { - "find-up": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz", - "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=", - "dev": true, - "requires": { - "path-exists": "^2.0.0", - "pinkie-promise": "^2.0.0" - } - }, - "path-exists": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz", - "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=", - "dev": true, - "requires": { - "pinkie-promise": "^2.0.0" - } - } + "debuglog": "^1.0.1", + "dezalgo": "^1.0.0", + "once": "^1.3.0", + "read-package-json": "^2.0.0", + "readdir-scoped-modules": "^1.0.0" } }, "readable-stream": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.3.tgz", - "integrity": "sha512-m+qzzcn7KUxEmd1gMbchF+Y2eIUbieUaxkWtptyHywrX0rE8QEYqPC07Vuy4Wm32/xE16NcdBctb8S0Xe/5IeQ==", + "version": "2.3.6", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "dev": true, "requires": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", - "process-nextick-args": "~1.0.6", + "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", - "string_decoder": "~1.0.3", + "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, - "readdirp": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.1.0.tgz", - "integrity": "sha1-TtCtBg3zBzMAxIRANz9y0cxkLXg=", + "readdir-scoped-modules": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/readdir-scoped-modules/-/readdir-scoped-modules-1.0.2.tgz", + "integrity": "sha1-n6+jfShr5dksuuve4DDcm19AZ0c=", "dev": true, "requires": { + "debuglog": "^1.0.1", + "dezalgo": "^1.0.0", "graceful-fs": "^4.1.2", - "minimatch": "^3.0.2", - "readable-stream": "^2.0.2", - "set-immediate-shim": "^1.0.1" + "once": "^1.3.0" } }, - "redent": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz", - "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=", + "readdirp": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz", + "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.11", + "micromatch": "^3.1.10", + "readable-stream": "^2.0.2" + } + }, + "rechoir": { + "version": "0.6.2", + "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz", + "integrity": "sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=", "dev": true, - "optional": true, "requires": { - "indent-string": "^2.1.0", - "strip-indent": "^1.0.1" + "resolve": "^1.1.6" } }, "reflect-metadata": { @@ -9708,15 +7227,6 @@ "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==", "dev": true }, - "regex-cache": { - "version": "0.4.4", - "resolved": "https://registry.npmjs.org/regex-cache/-/regex-cache-0.4.4.tgz", - "integrity": "sha512-nVIZwtCjkC9YgvWkpM55B5rBhBYRZhAaJbgcFYXXsHnbZ9UZI9nnVWYZpBlCqv9ho2eZryPnWrZGsOdPwVWXWQ==", - "dev": true, - "requires": { - "is-equal-shallow": "^0.1.3" - } - }, "regex-not": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz", @@ -9751,6 +7261,14 @@ "dev": true, "requires": { "jsesc": "~0.5.0" + }, + "dependencies": { + "jsesc": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz", + "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=", + "dev": true + } } }, "remove-trailing-separator": { @@ -9760,9 +7278,9 @@ "dev": true }, "repeat-element": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.2.tgz", - "integrity": "sha1-7wiaF40Ug7quTZPrmLT55OEdmQo=", + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.3.tgz", + "integrity": "sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==", "dev": true }, "repeat-string": { @@ -9781,118 +7299,31 @@ } }, "request": { - "version": "2.87.0", - "resolved": "https://registry.npmjs.org/request/-/request-2.87.0.tgz", - "integrity": "sha512-fcogkm7Az5bsS6Sl0sibkbhcKsnyon/jV1kF3ajGmF0c8HrttdKTPRT9hieOaQHA5HEq6r8OyWOo/o781C1tNw==", + "version": "2.88.0", + "resolved": "https://registry.npmjs.org/request/-/request-2.88.0.tgz", + "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==", "dev": true, "requires": { "aws-sign2": "~0.7.0", - "aws4": "^1.6.0", + "aws4": "^1.8.0", "caseless": "~0.12.0", - "combined-stream": "~1.0.5", - "extend": "~3.0.1", + "combined-stream": "~1.0.6", + "extend": "~3.0.2", "forever-agent": "~0.6.1", - "form-data": "~2.3.1", - "har-validator": "~5.0.3", + "form-data": "~2.3.2", + "har-validator": "~5.1.0", "http-signature": "~1.2.0", "is-typedarray": "~1.0.0", "isstream": "~0.1.2", "json-stringify-safe": "~5.0.1", - "mime-types": "~2.1.17", - "oauth-sign": "~0.8.2", + "mime-types": "~2.1.19", + "oauth-sign": "~0.9.0", "performance-now": "^2.1.0", - "qs": "~6.5.1", - "safe-buffer": "^5.1.1", - "tough-cookie": "~2.3.3", + "qs": "~6.5.2", + "safe-buffer": "^5.1.2", + "tough-cookie": "~2.4.3", "tunnel-agent": "^0.6.0", - "uuid": "^3.1.0" - }, - "dependencies": { - "ajv": { - "version": "5.5.2", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.5.2.tgz", - "integrity": "sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=", - "dev": true, - "requires": { - "co": "^4.6.0", - "fast-deep-equal": "^1.0.0", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.3.0" - } - }, - "assert-plus": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", - "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=", - "dev": true - }, - "aws-sign2": { - "version": "0.7.0", - "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz", - "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=", - "dev": true - }, - "form-data": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.2.tgz", - "integrity": "sha1-SXBJi+YEwgwAXU9cI67NIda0kJk=", - "dev": true, - "requires": { - "asynckit": "^0.4.0", - "combined-stream": "1.0.6", - "mime-types": "^2.1.12" - }, - "dependencies": { - "combined-stream": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.6.tgz", - "integrity": "sha1-cj599ugBrFYTETp+RFqbactjKBg=", - "dev": true, - "requires": { - "delayed-stream": "~1.0.0" - } - } - } - }, - "har-schema": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz", - "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=", - "dev": true - }, - "har-validator": { - "version": "5.0.3", - "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.0.3.tgz", - "integrity": "sha1-ukAsJmGU8VlW7xXg/PJCmT9qff0=", - "dev": true, - "requires": { - "ajv": "^5.1.0", - "har-schema": "^2.0.0" - } - }, - "http-signature": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz", - "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=", - "dev": true, - "requires": { - "assert-plus": "^1.0.0", - "jsprim": "^1.2.2", - "sshpk": "^1.7.0" - } - }, - "performance-now": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", - "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=", - "dev": true - }, - "qs": { - "version": "6.5.2", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz", - "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==", - "dev": true - } + "uuid": "^3.3.2" } }, "require-directory": { @@ -9920,12 +7351,12 @@ "dev": true }, "resolve": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.5.0.tgz", - "integrity": "sha512-hgoSGrc3pjzAPHNBg+KnFcK2HwlHTs/YrAGUr6qgTVUZmXv1UEXXl0bZNBKMA9fud6lRYFdPGz0xXxycPzmmiw==", + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.11.1.tgz", + "integrity": "sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==", "dev": true, "requires": { - "path-parse": "^1.0.5" + "path-parse": "^1.0.6" } }, "resolve-cwd": { @@ -9949,6 +7380,16 @@ "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=", "dev": true }, + "restore-cursor": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz", + "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=", + "dev": true, + "requires": { + "onetime": "^2.0.0", + "signal-exit": "^3.0.2" + } + }, "ret": { "version": "0.1.15", "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz", @@ -9962,18 +7403,18 @@ "dev": true }, "rfdc": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.1.2.tgz", - "integrity": "sha512-92ktAgvZhBzYTIK0Mja9uen5q5J3NRVMoDkJL2VMwq6SXjVCgqvQeVP2XAaUY6HT+XpQYeLSjb3UoitBryKmdA==", + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.1.4.tgz", + "integrity": "sha512-5C9HXdzK8EAqN7JDif30jqsBzavB7wLpaubisuQIGHWf2gUXSpzy6ArX/+Da8RjFpagWsCn+pIgxTMAmKw9Zug==", "dev": true }, "rimraf": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.2.tgz", - "integrity": "sha512-lreewLK/BlghmxtfH36YYVg1i8IAce4TI7oao75I1g245+6BctqTVQiBP3YUJ9C6DQOXJmkYR9X9fCLtCOJc5w==", + "version": "2.6.3", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz", + "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==", "dev": true, "requires": { - "glob": "^7.0.5" + "glob": "^7.1.3" } }, "ripemd160": { @@ -9986,6 +7427,15 @@ "inherits": "^2.0.1" } }, + "run-async": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.3.0.tgz", + "integrity": "sha1-A3GrSuC91yDUFm19/aZP96RFpsA=", + "dev": true, + "requires": { + "is-promise": "^2.1.0" + } + }, "run-queue": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/run-queue/-/run-queue-1.0.3.tgz", @@ -9996,17 +7446,22 @@ } }, "rxjs": { - "version": "5.5.11", - "resolved": "https://npm.mobiscroll.com/rxjs/-/rxjs-5.5.11.tgz", - "integrity": "sha512-3bjO7UwWfA2CV7lmwYMBzj4fQ6Cq+ftHc2MvUe+WMS7wcdJ1LosDWmdjPQanYp2dBRj572p7PeU81JUxHKOcBA==", + "version": "6.4.0", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.4.0.tgz", + "integrity": "sha512-Z9Yfa11F6B9Sg/BK9MnqnQ+aQYicPLtilXBp2yUtDt2JRCE0h26d33EnfO3ZxoNxG0T92OUucP3Ct7cpfkdFfw==", "requires": { - "symbol-observable": "1.0.1" + "tslib": "^1.9.0" } }, + "rxjs-compat": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/rxjs-compat/-/rxjs-compat-6.5.2.tgz", + "integrity": "sha512-TRMkTp4FgSxE2HtGvxmgRukh3JqdFM7ejAj1Ti/VdodbPGfWvZR5+KdLKRV9jVDFyu2SknM8RD+PR54KGnoLjg==" + }, "safe-buffer": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz", - "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==", + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", "dev": true }, "safe-regex": { @@ -10024,17 +7479,13 @@ "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", "dev": true }, - "sass-graph": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.4.tgz", - "integrity": "sha1-E/vWPNHK8JCLn9k0dq1DpR0eC0k=", + "sass": { + "version": "1.19.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.19.0.tgz", + "integrity": "sha512-8kzKCgxCzh8/zEn3AuRwzLWVSSFj8omkiGwqdJdeOufjM+I88dXxu9LYJ/Gw4rRTHXesN0r1AixBuqM6yLQUJw==", "dev": true, - "optional": true, "requires": { - "glob": "^7.0.0", - "lodash": "^4.0.0", - "scss-tokenizer": "^0.2.3", - "yargs": "^7.0.0" + "chokidar": "^2.0.0" } }, "sass-loader": { @@ -10049,6 +7500,20 @@ "neo-async": "^2.5.0", "pify": "^3.0.0", "semver": "^5.5.0" + }, + "dependencies": { + "pify": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz", + "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=", + "dev": true + }, + "semver": { + "version": "5.7.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", + "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", + "dev": true + } } }, "saucelabs": { @@ -10061,9 +7526,9 @@ } }, "sax": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz", - "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==", + "version": "0.5.8", + "resolved": "https://registry.npmjs.org/sax/-/sax-0.5.8.tgz", + "integrity": "sha1-1HLbIo6zMcJQaw6MFVJK25OdEsE=", "dev": true }, "schema-utils": { @@ -10077,29 +7542,6 @@ "ajv-keywords": "^3.1.0" } }, - "scss-tokenizer": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz", - "integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=", - "dev": true, - "optional": true, - "requires": { - "js-base64": "^2.1.8", - "source-map": "^0.4.2" - }, - "dependencies": { - "source-map": { - "version": "0.4.4", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz", - "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=", - "dev": true, - "optional": true, - "requires": { - "amdefine": ">=0.0.4" - } - } - } - }, "select-hose": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz", @@ -10139,9 +7581,9 @@ } }, "semver": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.0.tgz", - "integrity": "sha512-4SJ3dm0WAwWy/NVeioZh5AntkdJoWKxHxcmyP622fOkgHa4z3R0TdBJICINyaSDE6uNwVc8gZr+ZinwZAH4xIA==", + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.0.0.tgz", + "integrity": "sha512-0UewU+9rFapKFnlbirLi3byoOuhrSsli/z/ihNnvM24vgF+8sNBiI1LZPBSH9wJKUwaUbw+s3hToDLCXkrghrQ==", "dev": true }, "semver-dsl": { @@ -10151,6 +7593,14 @@ "dev": true, "requires": { "semver": "^5.3.0" + }, + "dependencies": { + "semver": { + "version": "5.7.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", + "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", + "dev": true + } } }, "semver-intersect": { @@ -10160,12 +7610,20 @@ "dev": true, "requires": { "semver": "^5.0.0" + }, + "dependencies": { + "semver": { + "version": "5.7.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", + "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", + "dev": true + } } }, "send": { - "version": "0.16.2", - "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz", - "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==", + "version": "0.17.1", + "resolved": "https://registry.npmjs.org/send/-/send-0.17.1.tgz", + "integrity": "sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg==", "dev": true, "requires": { "debug": "2.6.9", @@ -10175,24 +7633,18 @@ "escape-html": "~1.0.3", "etag": "~1.8.1", "fresh": "0.5.2", - "http-errors": "~1.6.2", - "mime": "1.4.1", - "ms": "2.0.0", + "http-errors": "~1.7.2", + "mime": "1.6.0", + "ms": "2.1.1", "on-finished": "~2.3.0", - "range-parser": "~1.2.0", - "statuses": "~1.4.0" + "range-parser": "~1.2.1", + "statuses": "~1.5.0" }, "dependencies": { - "mime": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz", - "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==", - "dev": true - }, - "statuses": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", - "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==", + "ms": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", + "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", "dev": true } } @@ -10216,18 +7668,38 @@ "http-errors": "~1.6.2", "mime-types": "~2.1.17", "parseurl": "~1.3.2" + }, + "dependencies": { + "http-errors": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", + "dev": true, + "requires": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.0", + "statuses": ">= 1.4.0 < 2" + } + }, + "setprototypeof": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", + "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==", + "dev": true + } } }, "serve-static": { - "version": "1.13.2", - "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz", - "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==", + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.1.tgz", + "integrity": "sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==", "dev": true, "requires": { "encodeurl": "~1.0.2", "escape-html": "~1.0.3", - "parseurl": "~1.3.2", - "send": "0.16.2" + "parseurl": "~1.3.3", + "send": "0.17.1" } }, "set-blocking": { @@ -10272,9 +7744,9 @@ "dev": true }, "setprototypeof": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", - "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz", + "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==", "dev": true }, "sha.js": { @@ -10321,6 +7793,17 @@ "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=", "dev": true }, + "shelljs": { + "version": "0.8.3", + "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.8.3.tgz", + "integrity": "sha512-fc0BKlAWiLpwZljmOvAOTE/gXawtCoNrP5oaY7KIaQbbyHeQVg01pSEuEGvGh3HEdBU4baCD7wQBwADmM/7f7A==", + "dev": true, + "requires": { + "glob": "^7.0.0", + "interpret": "^1.0.0", + "rechoir": "^0.6.2" + } + }, "signal-exit": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz", @@ -10333,12 +7816,6 @@ "integrity": "sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=", "dev": true }, - "slide": { - "version": "1.1.6", - "resolved": "https://registry.npmjs.org/slide/-/slide-1.1.6.tgz", - "integrity": "sha1-VusCfWW00tzmyy4tMsTUr8nh1wc=", - "dev": true - }, "smart-buffer": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.0.2.tgz", @@ -10347,7 +7824,7 @@ }, "snapdragon": { "version": "0.8.2", - "resolved": "https://npm.mobiscroll.com/snapdragon/-/snapdragon-0.8.2.tgz", + "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==", "dev": true, "requires": { @@ -10378,6 +7855,12 @@ "requires": { "is-extendable": "^0.1.0" } + }, + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", + "dev": true } } }, @@ -10403,7 +7886,7 @@ }, "is-accessor-descriptor": { "version": "1.0.0", - "resolved": "https://npm.mobiscroll.com/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", "dev": true, "requires": { @@ -10412,7 +7895,7 @@ }, "is-data-descriptor": { "version": "1.0.0", - "resolved": "https://npm.mobiscroll.com/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", "dev": true, "requires": { @@ -10421,7 +7904,7 @@ }, "is-descriptor": { "version": "1.0.2", - "resolved": "https://npm.mobiscroll.com/is-descriptor/-/is-descriptor-1.0.2.tgz", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", "dev": true, "requires": { @@ -10429,12 +7912,6 @@ "is-data-descriptor": "^1.0.0", "kind-of": "^6.0.2" } - }, - "kind-of": { - "version": "6.0.2", - "resolved": "https://npm.mobiscroll.com/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", - "dev": true } } }, @@ -10445,6 +7922,17 @@ "dev": true, "requires": { "kind-of": "^3.2.0" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "dev": true, + "requires": { + "is-buffer": "^1.1.5" + } + } } }, "socket.io": { @@ -10500,6 +7988,12 @@ "to-array": "0.1.4" }, "dependencies": { + "component-emitter": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz", + "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=", + "dev": true + }, "debug": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", @@ -10522,6 +8016,12 @@ "isarray": "2.0.1" }, "dependencies": { + "component-emitter": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz", + "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=", + "dev": true + }, "debug": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", @@ -10609,6 +8109,15 @@ "socks": "~2.3.2" } }, + "sort-keys": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-2.0.0.tgz", + "integrity": "sha1-ZYU1WEhh7JfXMNbPQYIuH1ZoQSg=", + "dev": true, + "requires": { + "is-plain-obj": "^1.0.0" + } + }, "source-list-map": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz", @@ -10616,9 +8125,9 @@ "dev": true }, "source-map": { - "version": "0.5.7", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", - "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", + "version": "0.7.3", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz", + "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==", "dev": true }, "source-map-loader": { @@ -10633,7 +8142,7 @@ }, "source-map-resolve": { "version": "0.5.2", - "resolved": "https://npm.mobiscroll.com/source-map-resolve/-/source-map-resolve-0.5.2.tgz", + "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.2.tgz", "integrity": "sha512-MjqsvNwyz1s0k81Goz/9vRBe9SZdB09Bdw+/zYyO+3CuPk6fouTaxscHkgtE8jKvf01kVfl8riHzERQ/kefaSA==", "dev": true, "requires": { @@ -10645,12 +8154,21 @@ } }, "source-map-support": { - "version": "0.4.18", - "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.4.18.tgz", - "integrity": "sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==", + "version": "0.5.12", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.12.tgz", + "integrity": "sha512-4h2Pbvyy15EE02G+JOZpUCmqWJuqrs+sEkzewTm++BPi7Hvn/HwcqLAcNxYAyI0x13CpPPn+kMjl+hplXMHITQ==", "dev": true, "requires": { - "source-map": "^0.5.6" + "buffer-from": "^1.0.0", + "source-map": "^0.6.0" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + } } }, "source-map-url": { @@ -10659,10 +8177,16 @@ "integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=", "dev": true }, + "sourcemap-codec": { + "version": "1.4.4", + "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.4.tgz", + "integrity": "sha512-CYAPYdBu34781kLHkaW3m6b/uUSyMOC2R61gcYMWooeuaGtjof86ZA/8T+qVPPt7np1085CR9hmMGrySwEc8Xg==", + "dev": true + }, "spdx-correct": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.0.0.tgz", - "integrity": "sha512-N19o9z5cEyc8yQQPukRCZ9EUmb4HUpnrmaL/fxS2pBo2jbfcFRVuFZ/oFC+vZz0MNNk0h80iMn5/S6qGZOL5+g==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz", + "integrity": "sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==", "dev": true, "requires": { "spdx-expression-parse": "^3.0.0", @@ -10670,9 +8194,9 @@ } }, "spdx-exceptions": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.1.0.tgz", - "integrity": "sha512-4K1NsmrlCU1JJgUrtgEeTVyfx8VaYea9J9LvARxhbHtVtohPs/gFGG5yy49beySjlIMhhXZ4QqujIZEfS4l6Cg==", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.2.0.tgz", + "integrity": "sha512-2XQACfElKi9SlVb1CYadKDXvoajPgBVPn/gOQLrTvHdElaVhr7ZEbqJaRnJLVNeaI4cMEAgVCeBMKF6MWRDCRA==", "dev": true }, "spdx-expression-parse": { @@ -10686,9 +8210,9 @@ } }, "spdx-license-ids": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.0.tgz", - "integrity": "sha512-2+EPwgbnmOIl8HjGBXXMd9NAu02vLjOO1nWw4kmeRDFyHn+M/ETfHxQUK0oXg8ctgVnl9t3rosNVsZ1jG61nDA==", + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.4.tgz", + "integrity": "sha512-7j8LYJLeY/Yb6ACbQ7F76qy5jHkp0U6jgBfJsk97bwWlVUnUWsAgpyaCvo17h0/RQGnQ036tVDomiwoI4pDkQA==", "dev": true }, "spdy": { @@ -10751,24 +8275,15 @@ "dev": true }, "readable-stream": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.3.0.tgz", - "integrity": "sha512-EsI+s3k3XsW+fU8fQACLN59ky34AZ14LoeVZpYwmZvldCFo0r0gnelwF2TcMjLor/BTL5aDJVBMkss0dthToPw==", + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.4.0.tgz", + "integrity": "sha512-jItXPLmrSR8jmTRmRWJXCnGJsfy85mB3Wd/uINMXA65yrnFo0cPClFIUWzo2najVNSl+mx7/4W8ttlLWJe99pQ==", "dev": true, "requires": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", "util-deprecate": "^1.0.1" } - }, - "string_decoder": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.2.0.tgz", - "integrity": "sha512-6YqyX6ZWEYguAxgZzHGL7SsCeGx3V2TtOTqZz1xSTSWnqsbWwbptafNyvf/ACquZUXV3DANr5BDIwNYe1mN42w==", - "dev": true, - "requires": { - "safe-buffer": "~5.1.0" - } } } }, @@ -10797,9 +8312,9 @@ "dev": true }, "sshpk": { - "version": "1.14.2", - "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.14.2.tgz", - "integrity": "sha1-xvxhZIo9nE52T9P8306hBeSSupg=", + "version": "1.16.1", + "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz", + "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==", "dev": true, "requires": { "asn1": "~0.2.3", @@ -10811,23 +8326,15 @@ "jsbn": "~0.1.0", "safer-buffer": "^2.0.2", "tweetnacl": "~0.14.0" - }, - "dependencies": { - "assert-plus": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", - "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=", - "dev": true - } } }, "ssri": { - "version": "5.3.0", - "resolved": "https://npm.mobiscroll.com/ssri/-/ssri-5.3.0.tgz", - "integrity": "sha512-XRSIPqLij52MtgoQavH/x/dU1qVKtWUAAZeOHsR9c2Ddi4XerFy3mc1alf+dLJKl9EUIm/Ht+EowFkTUOA6GAQ==", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz", + "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==", "dev": true, "requires": { - "safe-buffer": "^5.1.1" + "figgy-pudding": "^3.5.1" } }, "static-extend": { @@ -10861,21 +8368,11 @@ } }, "statuses": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.3.1.tgz", - "integrity": "sha1-+vUbnrdKrvOzrPStX2Gr8ky3uT4=", + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", + "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=", "dev": true }, - "stdout-stream": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.1.tgz", - "integrity": "sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==", - "dev": true, - "optional": true, - "requires": { - "readable-stream": "^2.0.1" - } - }, "stream-browserify": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz", @@ -10907,38 +8404,6 @@ "readable-stream": "^2.3.6", "to-arraybuffer": "^1.0.0", "xtend": "^4.0.0" - }, - "dependencies": { - "process-nextick-args": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz", - "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==", - "dev": true - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "dev": true, - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" - } - }, - "string_decoder": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", - "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", - "dev": true, - "requires": { - "safe-buffer": "~5.1.0" - } - } } }, "stream-shift": { @@ -10948,15 +8413,16 @@ "dev": true }, "streamroller": { - "version": "0.7.0", - "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-0.7.0.tgz", - "integrity": "sha512-WREzfy0r0zUqp3lGO096wRuUp7ho1X6uo/7DJfTlEi0Iv/4gT7YHqXDjKC2ioVGBZtE8QzsQD9nx1nIuoZ57jQ==", + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-1.0.5.tgz", + "integrity": "sha512-iGVaMcyF5PcUY0cPbW3xFQUXnr9O4RZXNBBjhuLZgrjLO4XCLLGfx4T2sGqygSeylUjwgWRsnNbT9aV0Zb8AYw==", "dev": true, "requires": { - "date-format": "^1.2.0", - "debug": "^3.1.0", - "mkdirp": "^0.5.1", - "readable-stream": "^2.3.0" + "async": "^2.6.2", + "date-format": "^2.0.0", + "debug": "^3.2.6", + "fs-extra": "^7.0.1", + "lodash": "^4.17.11" }, "dependencies": { "debug": { @@ -10976,21 +8442,43 @@ } } }, + "strict-uri-encode": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz", + "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=", + "dev": true + }, "string-width": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", - "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", + "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", "dev": true, "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" + "is-fullwidth-code-point": "^2.0.0", + "strip-ansi": "^4.0.0" + }, + "dependencies": { + "ansi-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", + "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=", + "dev": true + }, + "strip-ansi": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", + "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", + "dev": true, + "requires": { + "ansi-regex": "^3.0.0" + } + } } }, "string_decoder": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.3.tgz", - "integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", "dev": true, "requires": { "safe-buffer": "~5.1.0" @@ -11006,13 +8494,10 @@ } }, "strip-bom": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz", - "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=", - "dev": true, - "requires": { - "is-utf8": "^0.2.0" - } + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz", + "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=", + "dev": true }, "strip-eof": { "version": "1.0.0", @@ -11020,22 +8505,6 @@ "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=", "dev": true }, - "strip-indent": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz", - "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=", - "dev": true, - "optional": true, - "requires": { - "get-stdin": "^4.0.1" - } - }, - "strip-json-comments": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz", - "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=", - "dev": true - }, "style-loader": { "version": "0.23.1", "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.23.1.tgz", @@ -11074,12 +8543,6 @@ "path-is-absolute": "^1.0.0" } }, - "sax": { - "version": "0.5.8", - "resolved": "https://registry.npmjs.org/sax/-/sax-0.5.8.tgz", - "integrity": "sha1-1HLbIo6zMcJQaw6MFVJK25OdEsE=", - "dev": true - }, "source-map": { "version": "0.1.43", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.1.43.tgz", @@ -11112,9 +8575,10 @@ } }, "symbol-observable": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.0.1.tgz", - "integrity": "sha1-g0D8RwLDEi310iKI+IKD9RPT/dQ=" + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz", + "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==", + "dev": true }, "tapable": { "version": "1.1.3", @@ -11123,15 +8587,18 @@ "dev": true }, "tar": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.1.tgz", - "integrity": "sha1-jk0qJWwOIYXGsYrWlK7JaLg8sdE=", + "version": "4.4.10", + "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.10.tgz", + "integrity": "sha512-g2SVs5QIxvo6OLp0GudTqEf05maawKUxXru104iaayWA09551tFCTI8f1Asb4lPfkBr91k07iL4c11XO3/b0tA==", "dev": true, - "optional": true, "requires": { - "block-stream": "*", - "fstream": "^1.0.2", - "inherits": "2" + "chownr": "^1.1.1", + "fs-minipass": "^1.2.5", + "minipass": "^2.3.5", + "minizlib": "^1.2.1", + "mkdirp": "^0.5.0", + "safe-buffer": "^5.1.2", + "yallist": "^3.0.3" } }, "terser": { @@ -11145,34 +8612,18 @@ "source-map-support": "~0.5.10" }, "dependencies": { - "commander": { - "version": "2.20.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.0.tgz", - "integrity": "sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ==", - "dev": true - }, "source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", "dev": true - }, - "source-map-support": { - "version": "0.5.12", - "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.12.tgz", - "integrity": "sha512-4h2Pbvyy15EE02G+JOZpUCmqWJuqrs+sEkzewTm++BPi7Hvn/HwcqLAcNxYAyI0x13CpPPn+kMjl+hplXMHITQ==", - "dev": true, - "requires": { - "buffer-from": "^1.0.0", - "source-map": "^0.6.0" - } } } }, "terser-webpack-plugin": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.2.2.tgz", - "integrity": "sha512-1DMkTk286BzmfylAvLXwpJrI7dWa5BnFmscV/2dCr8+c56egFcbaeFAl7+sujAjdmpLam21XRdhA4oifLyiWWg==", + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.2.3.tgz", + "integrity": "sha512-GOK7q85oAb/5kE12fMuLdn2btOS9OBZn4VsecpHDywoUC/jLhSAKOiYo0ezx7ss2EXPMzyEWFoE0s1WLE+4+oA==", "dev": true, "requires": { "cacache": "^11.0.2", @@ -11185,196 +8636,11 @@ "worker-farm": "^1.5.2" }, "dependencies": { - "bluebird": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.4.tgz", - "integrity": "sha512-FG+nFEZChJrbQ9tIccIfZJBz3J7mLrAhxakAbnrJWn8d7aKOC+LWifa0G+p4ZqKp4y13T7juYvdhq9NzKdsrjw==", - "dev": true - }, - "cacache": { - "version": "11.3.2", - "resolved": "https://registry.npmjs.org/cacache/-/cacache-11.3.2.tgz", - "integrity": "sha512-E0zP4EPGDOaT2chM08Als91eYnf8Z+eH1awwwVsngUmgppfM5jjJ8l3z5vO5p5w/I3LsiXawb1sW0VY65pQABg==", - "dev": true, - "requires": { - "bluebird": "^3.5.3", - "chownr": "^1.1.1", - "figgy-pudding": "^3.5.1", - "glob": "^7.1.3", - "graceful-fs": "^4.1.15", - "lru-cache": "^5.1.1", - "mississippi": "^3.0.0", - "mkdirp": "^0.5.1", - "move-concurrently": "^1.0.1", - "promise-inflight": "^1.0.1", - "rimraf": "^2.6.2", - "ssri": "^6.0.1", - "unique-filename": "^1.1.1", - "y18n": "^4.0.0" - } - }, - "find-cache-dir": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz", - "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==", - "dev": true, - "requires": { - "commondir": "^1.0.1", - "make-dir": "^2.0.0", - "pkg-dir": "^3.0.0" - } - }, - "find-up": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", - "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", - "dev": true, - "requires": { - "locate-path": "^3.0.0" - } - }, - "glob": { - "version": "7.1.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz", - "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==", - "dev": true, - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "graceful-fs": { - "version": "4.1.15", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz", - "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==", - "dev": true - }, - "locate-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", - "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", - "dev": true, - "requires": { - "p-locate": "^3.0.0", - "path-exists": "^3.0.0" - } - }, - "lru-cache": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", - "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", - "dev": true, - "requires": { - "yallist": "^3.0.2" - } - }, - "make-dir": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz", - "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==", - "dev": true, - "requires": { - "pify": "^4.0.1", - "semver": "^5.6.0" - } - }, - "mississippi": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/mississippi/-/mississippi-3.0.0.tgz", - "integrity": "sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==", - "dev": true, - "requires": { - "concat-stream": "^1.5.0", - "duplexify": "^3.4.2", - "end-of-stream": "^1.1.0", - "flush-write-stream": "^1.0.0", - "from2": "^2.1.0", - "parallel-transform": "^1.1.0", - "pump": "^3.0.0", - "pumpify": "^1.3.3", - "stream-each": "^1.1.0", - "through2": "^2.0.0" - } - }, - "p-limit": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.0.tgz", - "integrity": "sha512-pZbTJpoUsCzV48Mc9Nh51VbwO0X9cuPFE8gYwx9BTCt9SF8/b7Zljd2fVgOxhIF/HDTKgpVzs+GPhyKfjLLFRQ==", - "dev": true, - "requires": { - "p-try": "^2.0.0" - } - }, - "p-locate": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", - "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", - "dev": true, - "requires": { - "p-limit": "^2.0.0" - } - }, - "p-try": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", - "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", - "dev": true - }, - "pify": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", - "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", - "dev": true - }, - "pkg-dir": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz", - "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==", - "dev": true, - "requires": { - "find-up": "^3.0.0" - } - }, - "pump": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz", - "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", - "dev": true, - "requires": { - "end-of-stream": "^1.1.0", - "once": "^1.3.1" - } - }, - "semver": { - "version": "5.7.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", - "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", - "dev": true - }, "source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", "dev": true - }, - "ssri": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz", - "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==", - "dev": true, - "requires": { - "figgy-pudding": "^3.5.1" - } - }, - "yallist": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.0.3.tgz", - "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==", - "dev": true } } }, @@ -11392,38 +8658,6 @@ "requires": { "readable-stream": "~2.3.6", "xtend": "~4.0.1" - }, - "dependencies": { - "process-nextick-args": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz", - "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==", - "dev": true - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "dev": true, - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" - } - }, - "string_decoder": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", - "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", - "dev": true, - "requires": { - "safe-buffer": "~5.1.0" - } - } } }, "thunky": { @@ -11475,6 +8709,17 @@ "dev": true, "requires": { "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "dev": true, + "requires": { + "is-buffer": "^1.1.5" + } + } } }, "to-regex": { @@ -11497,17 +8742,6 @@ "requires": { "is-number": "^3.0.0", "repeat-string": "^1.6.1" - }, - "dependencies": { - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - } - } } }, "toidentifier": { @@ -11517,12 +8751,21 @@ "dev": true }, "tough-cookie": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.3.3.tgz", - "integrity": "sha1-C2GKVWW23qkL80JdBNVe3EdadWE=", + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz", + "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==", "dev": true, "requires": { + "psl": "^1.1.24", "punycode": "^1.4.1" + }, + "dependencies": { + "punycode": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", + "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=", + "dev": true + } } }, "tree-kill": { @@ -11531,136 +8774,37 @@ "integrity": "sha512-4hjqbObwlh2dLyW4tcz0Ymw0ggoaVDMveUB9w8kFSQScdRLo0gxO9J7WFcUBo+W3C1TLdFIEwNOWebgZZ0RH9Q==", "dev": true }, - "trim-newlines": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz", - "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=", - "dev": true, - "optional": true - }, "trim-right": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz", "integrity": "sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=", "dev": true }, - "true-case-path": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.3.tgz", - "integrity": "sha512-m6s2OdQe5wgpFMC+pAJ+q9djG82O2jcHPOI6RNg1yy9rCYR+WD6Nbpl32fDpfC56nirdRy+opFa/Vk7HYhqaew==", - "dev": true, - "optional": true, - "requires": { - "glob": "^7.1.2" - } - }, "ts-node": { - "version": "4.1.0", - "resolved": "https://npm.mobiscroll.com/ts-node/-/ts-node-4.1.0.tgz", - "integrity": "sha512-xcZH12oVg9PShKhy3UHyDmuDLV3y7iKwX25aMVPt1SIXSuAfWkFiGPEkg+th8R4YKW/QCxDoW7lJdb15lx6QWg==", + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-7.0.1.tgz", + "integrity": "sha512-BVwVbPJRspzNh2yfslyT1PSbl5uIk03EZlb493RKHN4qej/D06n1cEhjlOJG69oFsE7OT8XjpTUcYf6pKTLMhw==", "dev": true, "requires": { "arrify": "^1.0.0", - "chalk": "^2.3.0", + "buffer-from": "^1.1.0", "diff": "^3.1.0", "make-error": "^1.1.1", "minimist": "^1.2.0", "mkdirp": "^0.5.1", - "source-map-support": "^0.5.0", - "tsconfig": "^7.0.0", - "v8flags": "^3.0.0", + "source-map-support": "^0.5.6", "yn": "^2.0.0" - }, - "dependencies": { - "minimist": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", - "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", - "dev": true - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://npm.mobiscroll.com/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - }, - "source-map-support": { - "version": "0.5.6", - "resolved": "https://npm.mobiscroll.com/source-map-support/-/source-map-support-0.5.6.tgz", - "integrity": "sha512-N4KXEz7jcKqPf2b2vZF11lQIz9W5ZMuUcIOGj243lduidkf2fjkVKJS9vNxVWn3u/uxX38AcE8U9nnH9FPcq+g==", - "dev": true, - "requires": { - "buffer-from": "^1.0.0", - "source-map": "^0.6.0" - } - } - } - }, - "tsconfig": { - "version": "7.0.0", - "resolved": "https://npm.mobiscroll.com/tsconfig/-/tsconfig-7.0.0.tgz", - "integrity": "sha512-vZXmzPrL+EmC4T/4rVlT2jNVMWCi/O4DIiSj3UHg1OE5kCKbk4mfrXc6dZksLgRM/TZlKnousKH9bbTazUWRRw==", - "dev": true, - "requires": { - "@types/strip-bom": "^3.0.0", - "@types/strip-json-comments": "0.0.30", - "strip-bom": "^3.0.0", - "strip-json-comments": "^2.0.0" - }, - "dependencies": { - "strip-bom": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz", - "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=", - "dev": true - } - } - }, - "tsickle": { - "version": "0.27.5", - "resolved": "https://registry.npmjs.org/tsickle/-/tsickle-0.27.5.tgz", - "integrity": "sha512-NP+CjM1EXza/M8mOXBLH3vkFEJiu1zfEAlC5WdJxHPn8l96QPz5eooP6uAgYtw1CcKfuSyIiheNUdKxtDWCNeg==", - "dev": true, - "requires": { - "minimist": "^1.2.0", - "mkdirp": "^0.5.1", - "source-map": "^0.6.0", - "source-map-support": "^0.5.0" - }, - "dependencies": { - "minimist": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", - "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", - "dev": true - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - }, - "source-map-support": { - "version": "0.5.12", - "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.12.tgz", - "integrity": "sha512-4h2Pbvyy15EE02G+JOZpUCmqWJuqrs+sEkzewTm++BPi7Hvn/HwcqLAcNxYAyI0x13CpPPn+kMjl+hplXMHITQ==", - "dev": true, - "requires": { - "buffer-from": "^1.0.0", - "source-map": "^0.6.0" - } - } } }, "tslib": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.0.tgz", - "integrity": "sha512-f/qGG2tUkrISBlQZEjEqoZ3B2+npJjIf04H1wuAv9iA8i04Icp+61KRXxFdha22670NJopsZCIjhC3SnjPRKrQ==" + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.3.tgz", + "integrity": "sha512-4krF8scpejhaOgqzBEcGM7yDIEfi0/8+8zDRZhNZZ2kjmHJ4hv3zCbQWxoJGz1iw5U0Jl0nma13xzHXcncMavQ==" }, "tslint": { - "version": "5.9.1", - "resolved": "https://npm.mobiscroll.com/tslint/-/tslint-5.9.1.tgz", - "integrity": "sha1-ElX4ej/1frCw4fDmEKi0dIBGya4=", + "version": "5.15.0", + "resolved": "https://registry.npmjs.org/tslint/-/tslint-5.15.0.tgz", + "integrity": "sha512-6bIEujKR21/3nyeoX2uBnE8s+tMXCQXhqMmaIPJpHmXJoBJPTLcI7/VHRtUwMhnLVdwLqqY3zmd8Dxqa5CVdJA==", "dev": true, "requires": { "babel-code-frame": "^6.22.0", @@ -11669,17 +8813,26 @@ "commander": "^2.12.1", "diff": "^3.2.0", "glob": "^7.1.1", - "js-yaml": "^3.7.0", + "js-yaml": "^3.13.0", "minimatch": "^3.0.4", + "mkdirp": "^0.5.1", "resolve": "^1.3.2", "semver": "^5.3.0", "tslib": "^1.8.0", - "tsutils": "^2.12.1" + "tsutils": "^2.29.0" + }, + "dependencies": { + "semver": { + "version": "5.7.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", + "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", + "dev": true + } } }, "tsutils": { "version": "2.29.0", - "resolved": "https://npm.mobiscroll.com/tsutils/-/tsutils-2.29.0.tgz", + "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-2.29.0.tgz", "integrity": "sha512-g5JVHCIJwzfISaXpXE1qvNalca5Jwob6FjI4AoPlqMusJ6ftFE7IkkFoMhVLRgK+4Kx3gkzb8UZK5t5yTTvEmA==", "dev": true, "requires": { @@ -11705,8 +8858,7 @@ "version": "0.14.5", "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz", "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=", - "dev": true, - "optional": true + "dev": true }, "type-is": { "version": "1.6.18", @@ -11716,23 +8868,6 @@ "requires": { "media-typer": "0.3.0", "mime-types": "~2.1.24" - }, - "dependencies": { - "mime-db": { - "version": "1.40.0", - "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz", - "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==", - "dev": true - }, - "mime-types": { - "version": "2.1.24", - "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz", - "integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==", - "dev": true, - "requires": { - "mime-db": "1.40.0" - } - } } }, "typedarray": { @@ -11742,15 +8877,15 @@ "dev": true }, "typescript": { - "version": "2.5.3", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-2.5.3.tgz", - "integrity": "sha512-ptLSQs2S4QuS6/OD1eAKG+S5G8QQtrU5RT32JULdZQtM1L3WTi34Wsu48Yndzi8xsObRAB9RPt/KhA9wlpEF6w==", + "version": "3.4.5", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.4.5.tgz", + "integrity": "sha512-YycBxUb49UUhdNMU5aJ7z5Ej2XGmaIBL0x34vZ82fn3hGvD+bgrMrVDpatgz2f7YxUMJxMkbWxJZeAvDxVe7Vw==", "dev": true }, "uglify-js": { - "version": "3.5.10", - "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.5.10.tgz", - "integrity": "sha512-/GTF0nosyPLbdJBd+AwYiZ+Hu5z8KXWnO0WCGt1BQ/u9Iamhejykqmz5o1OHJ53+VAk6xVxychonnApDjuqGsw==", + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.6.0.tgz", + "integrity": "sha512-W+jrUHJr3DXKhrsS7NUVxn3zqMOFn0hL/Ei6v0anCIMoKC93TjcflTagwIHLW7SfMFfiQuktQyFVCFHGUE0+yg==", "dev": true, "optional": true, "requires": { @@ -11758,13 +8893,6 @@ "source-map": "~0.6.1" }, "dependencies": { - "commander": { - "version": "2.20.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.0.tgz", - "integrity": "sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ==", - "dev": true, - "optional": true - }, "source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", @@ -11831,2693 +8959,410 @@ "dev": true, "requires": { "imurmurhash": "^0.1.4" - } - }, - "unpipe": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", - "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=", - "dev": true - }, - "unset-value": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz", - "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=", - "dev": true, - "requires": { - "has-value": "^0.3.1", - "isobject": "^3.0.0" - }, - "dependencies": { - "has-value": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz", - "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=", - "dev": true, - "requires": { - "get-value": "^2.0.3", - "has-values": "^0.1.4", - "isobject": "^2.0.0" - }, - "dependencies": { - "isobject": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz", - "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=", - "dev": true, - "requires": { - "isarray": "1.0.0" - } - } - } - }, - "has-values": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz", - "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E=", - "dev": true - } - } - }, - "upath": { - "version": "1.1.0", - "resolved": "https://npm.mobiscroll.com/upath/-/upath-1.1.0.tgz", - "integrity": "sha512-bzpH/oBhoS/QI/YtbkqCg6VEiPYjSZtrHQM6/QnJS6OL9pKUFLqb3aFh4Scvwm45+7iAgiMkLhSbaZxUqmrprw==", - "dev": true - }, - "uri-js": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-3.0.2.tgz", - "integrity": "sha1-+QuFhQf4HepNz7s8TD2/orVX+qo=", - "dev": true, - "requires": { - "punycode": "^2.1.0" - }, - "dependencies": { - "punycode": { - "version": "2.1.1", - "resolved": "https://npm.mobiscroll.com/punycode/-/punycode-2.1.1.tgz", - "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==", - "dev": true - } - } - }, - "urix": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz", - "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=", - "dev": true - }, - "url": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/url/-/url-0.11.0.tgz", - "integrity": "sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=", - "dev": true, - "requires": { - "punycode": "1.3.2", - "querystring": "0.2.0" - }, - "dependencies": { - "punycode": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.3.2.tgz", - "integrity": "sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=", - "dev": true - } - } - }, - "url-parse": { - "version": "1.4.7", - "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.4.7.tgz", - "integrity": "sha512-d3uaVyzDB9tQoSXFvuSUNFibTd9zxd2bkVrDRvF5TmvWWQwqE4lgYJ5m+x1DbecWkw+LK4RNl2CU1hHuOKPVlg==", - "dev": true, - "requires": { - "querystringify": "^2.1.1", - "requires-port": "^1.0.0" - } - }, - "use": { - "version": "3.1.1", - "resolved": "https://npm.mobiscroll.com/use/-/use-3.1.1.tgz", - "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==", - "dev": true - }, - "useragent": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/useragent/-/useragent-2.3.0.tgz", - "integrity": "sha512-4AoH4pxuSvHCjqLO04sU6U/uE65BYza8l/KKBS0b0hnUPWi+cQ2BpeTEwejCSx9SPV5/U03nniDTrWx5NrmKdw==", - "dev": true, - "requires": { - "lru-cache": "4.1.x", - "tmp": "0.0.x" - } - }, - "util": { - "version": "0.11.1", - "resolved": "https://registry.npmjs.org/util/-/util-0.11.1.tgz", - "integrity": "sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==", - "dev": true, - "requires": { - "inherits": "2.0.3" - } - }, - "util-deprecate": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", - "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=", - "dev": true - }, - "utils-merge": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", - "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=", - "dev": true - }, - "uuid": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.2.1.tgz", - "integrity": "sha512-jZnMwlb9Iku/O3smGWvZhauCf6cvvpKi4BKRiliS3cxnI+Gz9j5MEpTz2UFuXiKPJocb7gnsLHwiS05ige5BEA==", - "dev": true - }, - "v8flags": { - "version": "3.1.1", - "resolved": "https://npm.mobiscroll.com/v8flags/-/v8flags-3.1.1.tgz", - "integrity": "sha512-iw/1ViSEaff8NJ3HLyEjawk/8hjJib3E7pvG4pddVXfUg1983s3VGsiClDjhK64MQVDGqc1Q8r18S4VKQZS9EQ==", - "dev": true, - "requires": { - "homedir-polyfill": "^1.0.1" - } - }, - "validate-npm-package-license": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", - "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", - "dev": true, - "requires": { - "spdx-correct": "^3.0.0", - "spdx-expression-parse": "^3.0.0" - } - }, - "validate-npm-package-name": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-3.0.0.tgz", - "integrity": "sha1-X6kS2B630MdK/BQN5zF/DKffQ34=", - "dev": true, - "requires": { - "builtins": "^1.0.3" - } - }, - "vary": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", - "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=", - "dev": true - }, - "verror": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz", - "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=", - "dev": true, - "requires": { - "assert-plus": "^1.0.0", - "core-util-is": "1.0.2", - "extsprintf": "^1.2.0" - }, - "dependencies": { - "assert-plus": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", - "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=", - "dev": true - } - } - }, - "vm-browserify": { - "version": "0.0.4", - "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-0.0.4.tgz", - "integrity": "sha1-XX6kW7755Kb/ZflUOOCofDV9WnM=", - "dev": true, - "requires": { - "indexof": "0.0.1" - } - }, - "void-elements": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz", - "integrity": "sha1-wGavtYK7HLQSjWDqkjkulNXp2+w=", - "dev": true - }, - "watchpack": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.6.0.tgz", - "integrity": "sha512-i6dHe3EyLjMmDlU1/bGQpEw25XSjkJULPuAVKCbNRefQVq48yXKUpwg538F7AZTf9kyr57zj++pQFltUa5H7yA==", - "dev": true, - "requires": { - "chokidar": "^2.0.2", - "graceful-fs": "^4.1.2", - "neo-async": "^2.5.0" - }, - "dependencies": { - "anymatch": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", - "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", - "dev": true, - "requires": { - "micromatch": "^3.1.4", - "normalize-path": "^2.1.1" - }, - "dependencies": { - "normalize-path": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", - "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", - "dev": true, - "requires": { - "remove-trailing-separator": "^1.0.1" - } - } - } - }, - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=", - "dev": true - }, - "array-unique": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", - "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=", - "dev": true - }, - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", - "dev": true, - "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "chokidar": { - "version": "2.1.5", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.5.tgz", - "integrity": "sha512-i0TprVWp+Kj4WRPtInjexJ8Q+BqTE909VpH8xVhXrJkoc5QC8VO9TryGOqTr+2hljzc1sC62t22h5tZePodM/A==", - "dev": true, - "requires": { - "anymatch": "^2.0.0", - "async-each": "^1.0.1", - "braces": "^2.3.2", - "fsevents": "^1.2.7", - "glob-parent": "^3.1.0", - "inherits": "^2.0.3", - "is-binary-path": "^1.0.0", - "is-glob": "^4.0.0", - "normalize-path": "^3.0.0", - "path-is-absolute": "^1.0.0", - "readdirp": "^2.2.1", - "upath": "^1.1.1" - } - }, - "expand-brackets": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", - "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=", - "dev": true, - "requires": { - "debug": "^2.3.3", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "posix-character-classes": "^0.1.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - } - }, - "kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", - "dev": true - } - } - }, - "extglob": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", - "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", - "dev": true, - "requires": { - "array-unique": "^0.3.2", - "define-property": "^1.0.0", - "expand-brackets": "^2.1.4", - "extend-shallow": "^2.0.1", - "fragment-cache": "^0.2.1", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", - "dev": true, - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "fill-range": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "fsevents": { - "version": "1.2.9", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.9.tgz", - "integrity": "sha512-oeyj2H3EjjonWcFjD5NvZNE9Rqe4UW+nQBU2HNeKw0koVLEFIhtyETyAakeAM3de7Z/SW5kcA+fZUait9EApnw==", - "dev": true, - "optional": true, - "requires": { - "nan": "^2.12.1", - "node-pre-gyp": "^0.12.0" - }, - "dependencies": { - "abbrev": { - "version": "1.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "ansi-regex": { - "version": "2.1.1", - "bundled": true, - "dev": true - }, - "aproba": { - "version": "1.2.0", - "bundled": true, - "dev": true, - "optional": true - }, - "are-we-there-yet": { - "version": "1.1.5", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "delegates": "^1.0.0", - "readable-stream": "^2.0.6" - } - }, - "balanced-match": { - "version": "1.0.0", - "bundled": true, - "dev": true - }, - "brace-expansion": { - "version": "1.1.11", - "bundled": true, - "dev": true, - "requires": { - "balanced-match": "^1.0.0", - "concat-map": "0.0.1" - } - }, - "chownr": { - "version": "1.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "code-point-at": { - "version": "1.1.0", - "bundled": true, - "dev": true - }, - "concat-map": { - "version": "0.0.1", - "bundled": true, - "dev": true - }, - "console-control-strings": { - "version": "1.1.0", - "bundled": true, - "dev": true - }, - "core-util-is": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "debug": { - "version": "4.1.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "ms": "^2.1.1" - } - }, - "deep-extend": { - "version": "0.6.0", - "bundled": true, - "dev": true, - "optional": true - }, - "delegates": { - "version": "1.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "detect-libc": { - "version": "1.0.3", - "bundled": true, - "dev": true, - "optional": true - }, - "fs-minipass": { - "version": "1.2.5", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "minipass": "^2.2.1" - } - }, - "fs.realpath": { - "version": "1.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "gauge": { - "version": "2.7.4", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "aproba": "^1.0.3", - "console-control-strings": "^1.0.0", - "has-unicode": "^2.0.0", - "object-assign": "^4.1.0", - "signal-exit": "^3.0.0", - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1", - "wide-align": "^1.1.0" - } - }, - "glob": { - "version": "7.1.3", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "has-unicode": { - "version": "2.0.1", - "bundled": true, - "dev": true, - "optional": true - }, - "iconv-lite": { - "version": "0.4.24", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "safer-buffer": ">= 2.1.2 < 3" - } - }, - "ignore-walk": { - "version": "3.0.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "minimatch": "^3.0.4" - } - }, - "inflight": { - "version": "1.0.6", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "once": "^1.3.0", - "wrappy": "1" - } - }, - "inherits": { - "version": "2.0.3", - "bundled": true, - "dev": true - }, - "ini": { - "version": "1.3.5", - "bundled": true, - "dev": true, - "optional": true - }, - "is-fullwidth-code-point": { - "version": "1.0.0", - "bundled": true, - "dev": true, - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "isarray": { - "version": "1.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "minimatch": { - "version": "3.0.4", - "bundled": true, - "dev": true, - "requires": { - "brace-expansion": "^1.1.7" - } - }, - "minimist": { - "version": "0.0.8", - "bundled": true, - "dev": true - }, - "minipass": { - "version": "2.3.5", - "bundled": true, - "dev": true, - "requires": { - "safe-buffer": "^5.1.2", - "yallist": "^3.0.0" - } - }, - "minizlib": { - "version": "1.2.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "minipass": "^2.2.1" - } - }, - "mkdirp": { - "version": "0.5.1", - "bundled": true, - "dev": true, - "requires": { - "minimist": "0.0.8" - } - }, - "ms": { - "version": "2.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "needle": { - "version": "2.3.0", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "debug": "^4.1.0", - "iconv-lite": "^0.4.4", - "sax": "^1.2.4" - } - }, - "node-pre-gyp": { - "version": "0.12.0", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "detect-libc": "^1.0.2", - "mkdirp": "^0.5.1", - "needle": "^2.2.1", - "nopt": "^4.0.1", - "npm-packlist": "^1.1.6", - "npmlog": "^4.0.2", - "rc": "^1.2.7", - "rimraf": "^2.6.1", - "semver": "^5.3.0", - "tar": "^4" - } - }, - "nopt": { - "version": "4.0.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "abbrev": "1", - "osenv": "^0.1.4" - } - }, - "npm-bundled": { - "version": "1.0.6", - "bundled": true, - "dev": true, - "optional": true - }, - "npm-packlist": { - "version": "1.4.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "ignore-walk": "^3.0.1", - "npm-bundled": "^1.0.1" - } - }, - "npmlog": { - "version": "4.1.2", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "are-we-there-yet": "~1.1.2", - "console-control-strings": "~1.1.0", - "gauge": "~2.7.3", - "set-blocking": "~2.0.0" - } - }, - "number-is-nan": { - "version": "1.0.1", - "bundled": true, - "dev": true - }, - "object-assign": { - "version": "4.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "once": { - "version": "1.4.0", - "bundled": true, - "dev": true, - "requires": { - "wrappy": "1" - } - }, - "os-homedir": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "os-tmpdir": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "osenv": { - "version": "0.1.5", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "os-homedir": "^1.0.0", - "os-tmpdir": "^1.0.0" - } - }, - "path-is-absolute": { - "version": "1.0.1", - "bundled": true, - "dev": true, - "optional": true - }, - "process-nextick-args": { - "version": "2.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "rc": { - "version": "1.2.8", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "deep-extend": "^0.6.0", - "ini": "~1.3.0", - "minimist": "^1.2.0", - "strip-json-comments": "~2.0.1" - }, - "dependencies": { - "minimist": { - "version": "1.2.0", - "bundled": true, - "dev": true, - "optional": true - } - } - }, - "readable-stream": { - "version": "2.3.6", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" - } - }, - "rimraf": { - "version": "2.6.3", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "glob": "^7.1.3" - } - }, - "safe-buffer": { - "version": "5.1.2", - "bundled": true, - "dev": true - }, - "safer-buffer": { - "version": "2.1.2", - "bundled": true, - "dev": true, - "optional": true - }, - "sax": { - "version": "1.2.4", - "bundled": true, - "dev": true, - "optional": true - }, - "semver": { - "version": "5.7.0", - "bundled": true, - "dev": true, - "optional": true - }, - "set-blocking": { - "version": "2.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "signal-exit": { - "version": "3.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "string-width": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" - } - }, - "string_decoder": { - "version": "1.1.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "safe-buffer": "~5.1.0" - } - }, - "strip-ansi": { - "version": "3.0.1", - "bundled": true, - "dev": true, - "requires": { - "ansi-regex": "^2.0.0" - } - }, - "strip-json-comments": { - "version": "2.0.1", - "bundled": true, - "dev": true, - "optional": true - }, - "tar": { - "version": "4.4.8", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "chownr": "^1.1.1", - "fs-minipass": "^1.2.5", - "minipass": "^2.3.4", - "minizlib": "^1.1.1", - "mkdirp": "^0.5.0", - "safe-buffer": "^5.1.2", - "yallist": "^3.0.2" - } - }, - "util-deprecate": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "wide-align": { - "version": "1.1.3", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "string-width": "^1.0.2 || 2" - } - }, - "wrappy": { - "version": "1.0.2", - "bundled": true, - "dev": true - }, - "yallist": { - "version": "3.0.3", - "bundled": true, - "dev": true - } - } - }, - "glob-parent": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", - "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=", - "dev": true, - "requires": { - "is-glob": "^3.1.0", - "path-dirname": "^1.0.0" - }, - "dependencies": { - "is-glob": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", - "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", - "dev": true, - "requires": { - "is-extglob": "^2.1.0" - } - } - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", - "dev": true - }, - "micromatch": { - "version": "3.1.10", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", - "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", - "dev": true, - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" - } - }, - "nan": { - "version": "2.13.2", - "resolved": "https://registry.npmjs.org/nan/-/nan-2.13.2.tgz", - "integrity": "sha512-TghvYc72wlMGMVMluVo9WRJc0mB8KxxF/gZ4YYFy7V2ZQX9l7rgbPg7vjS9mt6U5HXODVFVI2bOduCzwOMv/lw==", - "dev": true, - "optional": true - }, - "normalize-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true - }, - "readdirp": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz", - "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.11", - "micromatch": "^3.1.10", - "readable-stream": "^2.0.2" - } - }, - "upath": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/upath/-/upath-1.1.2.tgz", - "integrity": "sha512-kXpym8nmDmlCBr7nKdIx8P2jNBa+pBpIUFRnKJ4dr8htyYGJFokkr2ZvERRtUN+9SY+JqXouNgUPtv6JQva/2Q==", - "dev": true - } - } - }, - "wbuf": { - "version": "1.7.3", - "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz", - "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==", - "dev": true, - "requires": { - "minimalistic-assert": "^1.0.0" - } - }, - "webdriver-js-extender": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/webdriver-js-extender/-/webdriver-js-extender-2.0.0.tgz", - "integrity": "sha512-fbyKiVu3azzIc5d4+26YfuPQcFTlgFQV5yQ/0OQj4Ybkl4g1YQuIPskf5v5wqwRJhHJnPHthB6tqCjWHOKLWag==", - "dev": true, - "requires": { - "@types/selenium-webdriver": "^3.0.0", - "selenium-webdriver": "^3.0.1" - } - }, - "webpack": { - "version": "4.29.0", - "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.29.0.tgz", - "integrity": "sha512-pxdGG0keDBtamE1mNvT5zyBdx+7wkh6mh7uzMOo/uRQ/fhsdj5FXkh/j5mapzs060forql1oXqXN9HJGju+y7w==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.7.11", - "@webassemblyjs/helper-module-context": "1.7.11", - "@webassemblyjs/wasm-edit": "1.7.11", - "@webassemblyjs/wasm-parser": "1.7.11", - "acorn": "^6.0.5", - "acorn-dynamic-import": "^4.0.0", - "ajv": "^6.1.0", - "ajv-keywords": "^3.1.0", - "chrome-trace-event": "^1.0.0", - "enhanced-resolve": "^4.1.0", - "eslint-scope": "^4.0.0", - "json-parse-better-errors": "^1.0.2", - "loader-runner": "^2.3.0", - "loader-utils": "^1.1.0", - "memory-fs": "~0.4.1", - "micromatch": "^3.1.8", - "mkdirp": "~0.5.0", - "neo-async": "^2.5.0", - "node-libs-browser": "^2.0.0", - "schema-utils": "^0.4.4", - "tapable": "^1.1.0", - "terser-webpack-plugin": "^1.1.0", - "watchpack": "^1.5.0", - "webpack-sources": "^1.3.0" - }, - "dependencies": { - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=", - "dev": true - }, - "array-unique": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", - "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=", - "dev": true - }, - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", - "dev": true, - "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "expand-brackets": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", - "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=", - "dev": true, - "requires": { - "debug": "^2.3.3", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "posix-character-classes": "^0.1.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - } - }, - "kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", - "dev": true - } - } - }, - "extglob": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", - "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", - "dev": true, - "requires": { - "array-unique": "^0.3.2", - "define-property": "^1.0.0", - "expand-brackets": "^2.1.4", - "extend-shallow": "^2.0.1", - "fragment-cache": "^0.2.1", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", - "dev": true, - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "fill-range": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", - "dev": true - }, - "micromatch": { - "version": "3.1.10", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", - "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", - "dev": true, - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" - } - }, - "schema-utils": { - "version": "0.4.7", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.4.7.tgz", - "integrity": "sha512-v/iwU6wvwGK8HbU9yi3/nhGzP0yGSuhQMzL6ySiec1FSrZZDkhm4noOSWzrNFo/jEc+SJY6jRTwuwbSXJPDUnQ==", - "dev": true, - "requires": { - "ajv": "^6.1.0", - "ajv-keywords": "^3.1.0" - } - } - } - }, - "webpack-core": { - "version": "0.6.9", - "resolved": "https://registry.npmjs.org/webpack-core/-/webpack-core-0.6.9.tgz", - "integrity": "sha1-/FcViMhVjad76e+23r3Fo7FyvcI=", - "dev": true, - "requires": { - "source-list-map": "~0.1.7", - "source-map": "~0.4.1" - }, - "dependencies": { - "source-list-map": { - "version": "0.1.8", - "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-0.1.8.tgz", - "integrity": "sha1-xVCyq1Qn9rPyH1r+rYjE9Vh7IQY=", - "dev": true - }, - "source-map": { - "version": "0.4.4", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz", - "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=", - "dev": true, - "requires": { - "amdefine": ">=0.0.4" - } - } - } - }, - "webpack-dev-middleware": { - "version": "3.5.1", - "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-3.5.1.tgz", - "integrity": "sha512-4dwCh/AyMOYAybggUr8fiCkRnjVDp+Cqlr9c+aaNB3GJYgRGYQWJ1YX/WAKUNA9dPNHZ6QSN2lYDKqjKSI8Vqw==", - "dev": true, - "requires": { - "memory-fs": "~0.4.1", - "mime": "^2.3.1", - "range-parser": "^1.0.3", - "webpack-log": "^2.0.0" - }, - "dependencies": { - "mime": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.2.tgz", - "integrity": "sha512-zJBfZDkwRu+j3Pdd2aHsR5GfH2jIWhmL1ZzBoc+X+3JEti2hbArWcyJ+1laC1D2/U/W1a/+Cegj0/OnEU2ybjg==", - "dev": true - } - } - }, - "webpack-dev-server": { - "version": "3.1.14", - "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-3.1.14.tgz", - "integrity": "sha512-mGXDgz5SlTxcF3hUpfC8hrQ11yhAttuUQWf1Wmb+6zo3x6rb7b9mIfuQvAPLdfDRCGRGvakBWHdHOa0I9p/EVQ==", - "dev": true, - "requires": { - "ansi-html": "0.0.7", - "bonjour": "^3.5.0", - "chokidar": "^2.0.0", - "compression": "^1.5.2", - "connect-history-api-fallback": "^1.3.0", - "debug": "^3.1.0", - "del": "^3.0.0", - "express": "^4.16.2", - "html-entities": "^1.2.0", - "http-proxy-middleware": "~0.18.0", - "import-local": "^2.0.0", - "internal-ip": "^3.0.1", - "ip": "^1.1.5", - "killable": "^1.0.0", - "loglevel": "^1.4.1", - "opn": "^5.1.0", - "portfinder": "^1.0.9", - "schema-utils": "^1.0.0", - "selfsigned": "^1.9.1", - "semver": "^5.6.0", - "serve-index": "^1.7.2", - "sockjs": "0.3.19", - "sockjs-client": "1.3.0", - "spdy": "^4.0.0", - "strip-ansi": "^3.0.0", - "supports-color": "^5.1.0", - "url": "^0.11.0", - "webpack-dev-middleware": "3.4.0", - "webpack-log": "^2.0.0", - "yargs": "12.0.2" - }, - "dependencies": { - "ansi-regex": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", - "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=", - "dev": true - }, - "anymatch": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", - "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", - "dev": true, - "requires": { - "micromatch": "^3.1.4", - "normalize-path": "^2.1.1" - }, - "dependencies": { - "normalize-path": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", - "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", - "dev": true, - "requires": { - "remove-trailing-separator": "^1.0.1" - } - } - } - }, - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=", - "dev": true - }, - "array-unique": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", - "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=", - "dev": true - }, - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", - "dev": true, - "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "chokidar": { - "version": "2.1.5", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.5.tgz", - "integrity": "sha512-i0TprVWp+Kj4WRPtInjexJ8Q+BqTE909VpH8xVhXrJkoc5QC8VO9TryGOqTr+2hljzc1sC62t22h5tZePodM/A==", - "dev": true, - "requires": { - "anymatch": "^2.0.0", - "async-each": "^1.0.1", - "braces": "^2.3.2", - "fsevents": "^1.2.7", - "glob-parent": "^3.1.0", - "inherits": "^2.0.3", - "is-binary-path": "^1.0.0", - "is-glob": "^4.0.0", - "normalize-path": "^3.0.0", - "path-is-absolute": "^1.0.0", - "readdirp": "^2.2.1", - "upath": "^1.1.1" - } - }, - "cliui": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-4.1.0.tgz", - "integrity": "sha512-4FG+RSG9DL7uEwRUZXZn3SS34DiDPfzP0VOiEwtUWlE+AR2EIg+hSyvrIgUUfhdgR/UkAeW2QHgeP+hWrXs7jQ==", - "dev": true, - "requires": { - "string-width": "^2.1.1", - "strip-ansi": "^4.0.0", - "wrap-ansi": "^2.0.0" - }, - "dependencies": { - "strip-ansi": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", - "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", - "dev": true, - "requires": { - "ansi-regex": "^3.0.0" - } - } - } - }, - "cross-spawn": { - "version": "6.0.5", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", - "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", - "dev": true, - "requires": { - "nice-try": "^1.0.4", - "path-key": "^2.0.1", - "semver": "^5.5.0", - "shebang-command": "^1.2.0", - "which": "^1.2.9" - } - }, - "debug": { - "version": "3.2.6", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz", - "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==", - "dev": true, - "requires": { - "ms": "^2.1.1" - }, - "dependencies": { - "ms": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", - "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", - "dev": true - } - } - }, - "decamelize": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-2.0.0.tgz", - "integrity": "sha512-Ikpp5scV3MSYxY39ymh45ZLEecsTdv/Xj2CaQfI8RLMuwi7XvjX9H/fhraiSuU+C5w5NTDu4ZU72xNiZnurBPg==", - "dev": true, - "requires": { - "xregexp": "4.0.0" - } - }, - "execa": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz", - "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==", - "dev": true, - "requires": { - "cross-spawn": "^6.0.0", - "get-stream": "^4.0.0", - "is-stream": "^1.1.0", - "npm-run-path": "^2.0.0", - "p-finally": "^1.0.0", - "signal-exit": "^3.0.0", - "strip-eof": "^1.0.0" - } - }, - "expand-brackets": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", - "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=", - "dev": true, - "requires": { - "debug": "^2.3.3", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "posix-character-classes": "^0.1.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - } - }, - "kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", - "dev": true - } - } - }, - "extglob": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", - "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", - "dev": true, - "requires": { - "array-unique": "^0.3.2", - "define-property": "^1.0.0", - "expand-brackets": "^2.1.4", - "extend-shallow": "^2.0.1", - "fragment-cache": "^0.2.1", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", - "dev": true, - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "fill-range": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "find-up": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", - "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", - "dev": true, - "requires": { - "locate-path": "^3.0.0" - } - }, - "fsevents": { - "version": "1.2.9", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.9.tgz", - "integrity": "sha512-oeyj2H3EjjonWcFjD5NvZNE9Rqe4UW+nQBU2HNeKw0koVLEFIhtyETyAakeAM3de7Z/SW5kcA+fZUait9EApnw==", - "dev": true, - "optional": true, - "requires": { - "nan": "^2.12.1", - "node-pre-gyp": "^0.12.0" - }, - "dependencies": { - "abbrev": { - "version": "1.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "ansi-regex": { - "version": "2.1.1", - "bundled": true, - "dev": true - }, - "aproba": { - "version": "1.2.0", - "bundled": true, - "dev": true, - "optional": true - }, - "are-we-there-yet": { - "version": "1.1.5", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "delegates": "^1.0.0", - "readable-stream": "^2.0.6" - } - }, - "balanced-match": { - "version": "1.0.0", - "bundled": true, - "dev": true - }, - "brace-expansion": { - "version": "1.1.11", - "bundled": true, - "dev": true, - "requires": { - "balanced-match": "^1.0.0", - "concat-map": "0.0.1" - } - }, - "chownr": { - "version": "1.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "code-point-at": { - "version": "1.1.0", - "bundled": true, - "dev": true - }, - "concat-map": { - "version": "0.0.1", - "bundled": true, - "dev": true - }, - "console-control-strings": { - "version": "1.1.0", - "bundled": true, - "dev": true - }, - "core-util-is": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "debug": { - "version": "4.1.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "ms": "^2.1.1" - } - }, - "deep-extend": { - "version": "0.6.0", - "bundled": true, - "dev": true, - "optional": true - }, - "delegates": { - "version": "1.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "detect-libc": { - "version": "1.0.3", - "bundled": true, - "dev": true, - "optional": true - }, - "fs-minipass": { - "version": "1.2.5", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "minipass": "^2.2.1" - } - }, - "fs.realpath": { - "version": "1.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "gauge": { - "version": "2.7.4", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "aproba": "^1.0.3", - "console-control-strings": "^1.0.0", - "has-unicode": "^2.0.0", - "object-assign": "^4.1.0", - "signal-exit": "^3.0.0", - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1", - "wide-align": "^1.1.0" - } - }, - "glob": { - "version": "7.1.3", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "has-unicode": { - "version": "2.0.1", - "bundled": true, - "dev": true, - "optional": true - }, - "iconv-lite": { - "version": "0.4.24", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "safer-buffer": ">= 2.1.2 < 3" - } - }, - "ignore-walk": { - "version": "3.0.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "minimatch": "^3.0.4" - } - }, - "inflight": { - "version": "1.0.6", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "once": "^1.3.0", - "wrappy": "1" - } - }, - "inherits": { - "version": "2.0.3", - "bundled": true, - "dev": true - }, - "ini": { - "version": "1.3.5", - "bundled": true, - "dev": true, - "optional": true - }, - "is-fullwidth-code-point": { - "version": "1.0.0", - "bundled": true, - "dev": true, - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "isarray": { - "version": "1.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "minimatch": { - "version": "3.0.4", - "bundled": true, - "dev": true, - "requires": { - "brace-expansion": "^1.1.7" - } - }, - "minimist": { - "version": "0.0.8", - "bundled": true, - "dev": true - }, - "minipass": { - "version": "2.3.5", - "bundled": true, - "dev": true, - "requires": { - "safe-buffer": "^5.1.2", - "yallist": "^3.0.0" - } - }, - "minizlib": { - "version": "1.2.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "minipass": "^2.2.1" - } - }, - "mkdirp": { - "version": "0.5.1", - "bundled": true, - "dev": true, - "requires": { - "minimist": "0.0.8" - } - }, - "ms": { - "version": "2.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "needle": { - "version": "2.3.0", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "debug": "^4.1.0", - "iconv-lite": "^0.4.4", - "sax": "^1.2.4" - } - }, - "node-pre-gyp": { - "version": "0.12.0", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "detect-libc": "^1.0.2", - "mkdirp": "^0.5.1", - "needle": "^2.2.1", - "nopt": "^4.0.1", - "npm-packlist": "^1.1.6", - "npmlog": "^4.0.2", - "rc": "^1.2.7", - "rimraf": "^2.6.1", - "semver": "^5.3.0", - "tar": "^4" - } - }, - "nopt": { - "version": "4.0.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "abbrev": "1", - "osenv": "^0.1.4" - } - }, - "npm-bundled": { - "version": "1.0.6", - "bundled": true, - "dev": true, - "optional": true - }, - "npm-packlist": { - "version": "1.4.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "ignore-walk": "^3.0.1", - "npm-bundled": "^1.0.1" - } - }, - "npmlog": { - "version": "4.1.2", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "are-we-there-yet": "~1.1.2", - "console-control-strings": "~1.1.0", - "gauge": "~2.7.3", - "set-blocking": "~2.0.0" - } - }, - "number-is-nan": { - "version": "1.0.1", - "bundled": true, - "dev": true - }, - "object-assign": { - "version": "4.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "once": { - "version": "1.4.0", - "bundled": true, - "dev": true, - "requires": { - "wrappy": "1" - } - }, - "os-homedir": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "os-tmpdir": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "osenv": { - "version": "0.1.5", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "os-homedir": "^1.0.0", - "os-tmpdir": "^1.0.0" - } - }, - "path-is-absolute": { - "version": "1.0.1", - "bundled": true, - "dev": true, - "optional": true - }, - "process-nextick-args": { - "version": "2.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "rc": { - "version": "1.2.8", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "deep-extend": "^0.6.0", - "ini": "~1.3.0", - "minimist": "^1.2.0", - "strip-json-comments": "~2.0.1" - }, - "dependencies": { - "minimist": { - "version": "1.2.0", - "bundled": true, - "dev": true, - "optional": true - } - } - }, - "readable-stream": { - "version": "2.3.6", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" - } - }, - "rimraf": { - "version": "2.6.3", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "glob": "^7.1.3" - } - }, - "safe-buffer": { - "version": "5.1.2", - "bundled": true, - "dev": true - }, - "safer-buffer": { - "version": "2.1.2", - "bundled": true, - "dev": true, - "optional": true - }, - "sax": { - "version": "1.2.4", - "bundled": true, - "dev": true, - "optional": true - }, - "semver": { - "version": "5.7.0", - "bundled": true, - "dev": true, - "optional": true - }, - "set-blocking": { - "version": "2.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "signal-exit": { - "version": "3.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "string-width": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" - } - }, - "string_decoder": { - "version": "1.1.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "safe-buffer": "~5.1.0" - } - }, - "strip-ansi": { - "version": "3.0.1", - "bundled": true, - "dev": true, - "requires": { - "ansi-regex": "^2.0.0" - } - }, - "strip-json-comments": { - "version": "2.0.1", - "bundled": true, - "dev": true, - "optional": true - }, - "tar": { - "version": "4.4.8", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "chownr": "^1.1.1", - "fs-minipass": "^1.2.5", - "minipass": "^2.3.4", - "minizlib": "^1.1.1", - "mkdirp": "^0.5.0", - "safe-buffer": "^5.1.2", - "yallist": "^3.0.2" - } - }, - "util-deprecate": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "wide-align": { - "version": "1.1.3", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "string-width": "^1.0.2 || 2" - } - }, - "wrappy": { - "version": "1.0.2", - "bundled": true, - "dev": true - }, - "yallist": { - "version": "3.0.3", - "bundled": true, - "dev": true - } - } - }, - "get-stream": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz", - "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==", + } + }, + "universal-analytics": { + "version": "0.4.20", + "resolved": "https://registry.npmjs.org/universal-analytics/-/universal-analytics-0.4.20.tgz", + "integrity": "sha512-gE91dtMvNkjO+kWsPstHRtSwHXz0l2axqptGYp5ceg4MsuurloM0PU3pdOfpb5zBXUvyjT4PwhWK2m39uczZuw==", + "dev": true, + "requires": { + "debug": "^3.0.0", + "request": "^2.88.0", + "uuid": "^3.0.0" + }, + "dependencies": { + "debug": { + "version": "3.2.6", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz", + "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==", "dev": true, "requires": { - "pump": "^3.0.0" + "ms": "^2.1.1" } }, - "glob-parent": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", - "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=", + "ms": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", + "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", + "dev": true + } + } + }, + "universalify": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", + "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==", + "dev": true + }, + "unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=", + "dev": true + }, + "unset-value": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz", + "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=", + "dev": true, + "requires": { + "has-value": "^0.3.1", + "isobject": "^3.0.0" + }, + "dependencies": { + "has-value": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz", + "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=", "dev": true, "requires": { - "is-glob": "^3.1.0", - "path-dirname": "^1.0.0" + "get-value": "^2.0.3", + "has-values": "^0.1.4", + "isobject": "^2.0.0" }, "dependencies": { - "is-glob": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", - "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", + "isobject": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz", + "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=", "dev": true, "requires": { - "is-extglob": "^2.1.0" + "isarray": "1.0.0" } } } }, - "invert-kv": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-2.0.0.tgz", - "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==", + "has-values": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz", + "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E=", "dev": true - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - }, - "is-fullwidth-code-point": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", - "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=", + } + } + }, + "upath": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/upath/-/upath-1.1.2.tgz", + "integrity": "sha512-kXpym8nmDmlCBr7nKdIx8P2jNBa+pBpIUFRnKJ4dr8htyYGJFokkr2ZvERRtUN+9SY+JqXouNgUPtv6JQva/2Q==", + "dev": true + }, + "uri-js": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz", + "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==", + "dev": true, + "requires": { + "punycode": "^2.1.0" + } + }, + "urix": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz", + "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=", + "dev": true + }, + "url": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/url/-/url-0.11.0.tgz", + "integrity": "sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=", + "dev": true, + "requires": { + "punycode": "1.3.2", + "querystring": "0.2.0" + }, + "dependencies": { + "punycode": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.3.2.tgz", + "integrity": "sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=", "dev": true - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", + } + } + }, + "url-parse": { + "version": "1.4.7", + "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.4.7.tgz", + "integrity": "sha512-d3uaVyzDB9tQoSXFvuSUNFibTd9zxd2bkVrDRvF5TmvWWQwqE4lgYJ5m+x1DbecWkw+LK4RNl2CU1hHuOKPVlg==", + "dev": true, + "requires": { + "querystringify": "^2.1.1", + "requires-port": "^1.0.0" + } + }, + "use": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz", + "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==", + "dev": true + }, + "useragent": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/useragent/-/useragent-2.3.0.tgz", + "integrity": "sha512-4AoH4pxuSvHCjqLO04sU6U/uE65BYza8l/KKBS0b0hnUPWi+cQ2BpeTEwejCSx9SPV5/U03nniDTrWx5NrmKdw==", + "dev": true, + "requires": { + "lru-cache": "4.1.x", + "tmp": "0.0.x" + }, + "dependencies": { + "lru-cache": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz", + "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==", "dev": true, "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } + "pseudomap": "^1.0.2", + "yallist": "^2.1.2" } }, - "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", + "yallist": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz", + "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=", + "dev": true + } + } + }, + "util": { + "version": "0.11.1", + "resolved": "https://registry.npmjs.org/util/-/util-0.11.1.tgz", + "integrity": "sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==", + "dev": true, + "requires": { + "inherits": "2.0.3" + } + }, + "util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=", + "dev": true + }, + "utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=", + "dev": true + }, + "uuid": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz", + "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==", + "dev": true + }, + "validate-npm-package-license": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", + "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", + "dev": true, + "requires": { + "spdx-correct": "^3.0.0", + "spdx-expression-parse": "^3.0.0" + } + }, + "validate-npm-package-name": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-3.0.0.tgz", + "integrity": "sha1-X6kS2B630MdK/BQN5zF/DKffQ34=", + "dev": true, + "requires": { + "builtins": "^1.0.3" + } + }, + "vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=", + "dev": true + }, + "verror": { + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz", + "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=", + "dev": true, + "requires": { + "assert-plus": "^1.0.0", + "core-util-is": "1.0.2", + "extsprintf": "^1.2.0" + } + }, + "vm-browserify": { + "version": "0.0.4", + "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-0.0.4.tgz", + "integrity": "sha1-XX6kW7755Kb/ZflUOOCofDV9WnM=", + "dev": true, + "requires": { + "indexof": "0.0.1" + } + }, + "void-elements": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz", + "integrity": "sha1-wGavtYK7HLQSjWDqkjkulNXp2+w=", + "dev": true + }, + "watchpack": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.6.0.tgz", + "integrity": "sha512-i6dHe3EyLjMmDlU1/bGQpEw25XSjkJULPuAVKCbNRefQVq48yXKUpwg538F7AZTf9kyr57zj++pQFltUa5H7yA==", + "dev": true, + "requires": { + "chokidar": "^2.0.2", + "graceful-fs": "^4.1.2", + "neo-async": "^2.5.0" + } + }, + "wbuf": { + "version": "1.7.3", + "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz", + "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==", + "dev": true, + "requires": { + "minimalistic-assert": "^1.0.0" + } + }, + "webdriver-js-extender": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/webdriver-js-extender/-/webdriver-js-extender-2.1.0.tgz", + "integrity": "sha512-lcUKrjbBfCK6MNsh7xaY2UAUmZwe+/ib03AjVOpFobX4O7+83BUveSrLfU0Qsyb1DaKJdQRbuU+kM9aZ6QUhiQ==", + "dev": true, + "requires": { + "@types/selenium-webdriver": "^3.0.0", + "selenium-webdriver": "^3.0.1" + } + }, + "webpack": { + "version": "4.30.0", + "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.30.0.tgz", + "integrity": "sha512-4hgvO2YbAFUhyTdlR4FNyt2+YaYBYHavyzjCMbZzgglo02rlKi/pcsEzwCuCpsn1ryzIl1cq/u8ArIKu8JBYMg==", + "dev": true, + "requires": { + "@webassemblyjs/ast": "1.8.5", + "@webassemblyjs/helper-module-context": "1.8.5", + "@webassemblyjs/wasm-edit": "1.8.5", + "@webassemblyjs/wasm-parser": "1.8.5", + "acorn": "^6.0.5", + "acorn-dynamic-import": "^4.0.0", + "ajv": "^6.1.0", + "ajv-keywords": "^3.1.0", + "chrome-trace-event": "^1.0.0", + "enhanced-resolve": "^4.1.0", + "eslint-scope": "^4.0.0", + "json-parse-better-errors": "^1.0.2", + "loader-runner": "^2.3.0", + "loader-utils": "^1.1.0", + "memory-fs": "~0.4.1", + "micromatch": "^3.1.8", + "mkdirp": "~0.5.0", + "neo-async": "^2.5.0", + "node-libs-browser": "^2.0.0", + "schema-utils": "^1.0.0", + "tapable": "^1.1.0", + "terser-webpack-plugin": "^1.1.0", + "watchpack": "^1.5.0", + "webpack-sources": "^1.3.0" + } + }, + "webpack-core": { + "version": "0.6.9", + "resolved": "https://registry.npmjs.org/webpack-core/-/webpack-core-0.6.9.tgz", + "integrity": "sha1-/FcViMhVjad76e+23r3Fo7FyvcI=", + "dev": true, + "requires": { + "source-list-map": "~0.1.7", + "source-map": "~0.4.1" + }, + "dependencies": { + "source-list-map": { + "version": "0.1.8", + "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-0.1.8.tgz", + "integrity": "sha1-xVCyq1Qn9rPyH1r+rYjE9Vh7IQY=", "dev": true }, - "lcid": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz", - "integrity": "sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==", - "dev": true, - "requires": { - "invert-kv": "^2.0.0" - } - }, - "locate-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", - "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", - "dev": true, - "requires": { - "p-locate": "^3.0.0", - "path-exists": "^3.0.0" - } - }, - "micromatch": { - "version": "3.1.10", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", - "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", + "source-map": { + "version": "0.4.4", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz", + "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=", "dev": true, "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" + "amdefine": ">=0.0.4" } - }, + } + } + }, + "webpack-dev-middleware": { + "version": "3.6.2", + "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-3.6.2.tgz", + "integrity": "sha512-A47I5SX60IkHrMmZUlB0ZKSWi29TZTcPz7cha1Z75yYOsgWh/1AcPmQEbC8ZIbU3A1ytSv1PMU0PyPz2Lmz2jg==", + "dev": true, + "requires": { + "memory-fs": "^0.4.1", + "mime": "^2.3.1", + "range-parser": "^1.0.3", + "webpack-log": "^2.0.0" + }, + "dependencies": { "mime": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.2.tgz", - "integrity": "sha512-zJBfZDkwRu+j3Pdd2aHsR5GfH2jIWhmL1ZzBoc+X+3JEti2hbArWcyJ+1laC1D2/U/W1a/+Cegj0/OnEU2ybjg==", - "dev": true - }, - "nan": { - "version": "2.13.2", - "resolved": "https://registry.npmjs.org/nan/-/nan-2.13.2.tgz", - "integrity": "sha512-TghvYc72wlMGMVMluVo9WRJc0mB8KxxF/gZ4YYFy7V2ZQX9l7rgbPg7vjS9mt6U5HXODVFVI2bOduCzwOMv/lw==", - "dev": true, - "optional": true - }, - "normalize-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true - }, - "os-locale": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.1.0.tgz", - "integrity": "sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==", - "dev": true, - "requires": { - "execa": "^1.0.0", - "lcid": "^2.0.0", - "mem": "^4.0.0" - } - }, - "p-limit": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.0.tgz", - "integrity": "sha512-pZbTJpoUsCzV48Mc9Nh51VbwO0X9cuPFE8gYwx9BTCt9SF8/b7Zljd2fVgOxhIF/HDTKgpVzs+GPhyKfjLLFRQ==", - "dev": true, - "requires": { - "p-try": "^2.0.0" - } - }, - "p-locate": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", - "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", - "dev": true, - "requires": { - "p-limit": "^2.0.0" - } - }, - "p-try": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", - "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.3.tgz", + "integrity": "sha512-QgrPRJfE+riq5TPZMcHZOtm8c6K/yYrMbKIoRfapfiGLxS8OTeIfRhUGW5LU7MlRa52KOAGCfUNruqLrIBvWZw==", "dev": true - }, - "pump": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz", - "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", - "dev": true, - "requires": { - "end-of-stream": "^1.1.0", - "once": "^1.3.1" - } - }, - "readdirp": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz", - "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==", + } + } + }, + "webpack-dev-server": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-3.3.1.tgz", + "integrity": "sha512-jY09LikOyGZrxVTXK0mgIq9y2IhCoJ05848dKZqX1gAGLU1YDqgpOT71+W53JH/wI4v6ky4hm+KvSyW14JEs5A==", + "dev": true, + "requires": { + "ansi-html": "0.0.7", + "bonjour": "^3.5.0", + "chokidar": "^2.1.5", + "compression": "^1.7.4", + "connect-history-api-fallback": "^1.6.0", + "debug": "^4.1.1", + "del": "^4.1.0", + "express": "^4.16.4", + "html-entities": "^1.2.1", + "http-proxy-middleware": "^0.19.1", + "import-local": "^2.0.0", + "internal-ip": "^4.2.0", + "ip": "^1.1.5", + "killable": "^1.0.1", + "loglevel": "^1.6.1", + "opn": "^5.5.0", + "portfinder": "^1.0.20", + "schema-utils": "^1.0.0", + "selfsigned": "^1.10.4", + "semver": "^6.0.0", + "serve-index": "^1.9.1", + "sockjs": "0.3.19", + "sockjs-client": "1.3.0", + "spdy": "^4.0.0", + "strip-ansi": "^3.0.1", + "supports-color": "^6.1.0", + "url": "^0.11.0", + "webpack-dev-middleware": "^3.6.2", + "webpack-log": "^2.0.0", + "yargs": "12.0.5" + }, + "dependencies": { + "debug": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", + "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", "dev": true, "requires": { - "graceful-fs": "^4.1.11", - "micromatch": "^3.1.10", - "readable-stream": "^2.0.2" + "ms": "^2.1.1" } }, - "semver": { - "version": "5.7.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", - "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", - "dev": true - }, - "string-width": { + "ms": { "version": "2.1.1", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", - "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", - "dev": true, - "requires": { - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^4.0.0" - }, - "dependencies": { - "strip-ansi": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", - "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", - "dev": true, - "requires": { - "ansi-regex": "^3.0.0" - } - } - } - }, - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - }, - "upath": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/upath/-/upath-1.1.2.tgz", - "integrity": "sha512-kXpym8nmDmlCBr7nKdIx8P2jNBa+pBpIUFRnKJ4dr8htyYGJFokkr2ZvERRtUN+9SY+JqXouNgUPtv6JQva/2Q==", - "dev": true - }, - "webpack-dev-middleware": { - "version": "3.4.0", - "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-3.4.0.tgz", - "integrity": "sha512-Q9Iyc0X9dP9bAsYskAVJ/hmIZZQwf/3Sy4xCAZgL5cUkjZmUZLt4l5HpbST/Pdgjn3u6pE7u5OdGd1apgzRujA==", - "dev": true, - "requires": { - "memory-fs": "~0.4.1", - "mime": "^2.3.1", - "range-parser": "^1.0.3", - "webpack-log": "^2.0.0" - } - }, - "which-module": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz", - "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", + "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", "dev": true - }, - "yargs": { - "version": "12.0.2", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.2.tgz", - "integrity": "sha512-e7SkEx6N6SIZ5c5H22RTZae61qtn3PYUE8JYbBFlK9sYmh3DMQ6E5ygtaG/2BW0JZi4WGgTR2IV5ChqlqrDGVQ==", - "dev": true, - "requires": { - "cliui": "^4.0.0", - "decamelize": "^2.0.0", - "find-up": "^3.0.0", - "get-caller-file": "^1.0.1", - "os-locale": "^3.0.0", - "require-directory": "^2.1.1", - "require-main-filename": "^1.0.1", - "set-blocking": "^2.0.0", - "string-width": "^2.0.0", - "which-module": "^2.0.0", - "y18n": "^3.2.1 || ^4.0.0", - "yargs-parser": "^10.1.0" - } } } }, @@ -14529,14 +9374,6 @@ "requires": { "ansi-colors": "^3.0.0", "uuid": "^3.3.2" - }, - "dependencies": { - "uuid": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz", - "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==", - "dev": true - } } }, "webpack-merge": { @@ -14598,29 +9435,19 @@ "dev": true }, "which": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/which/-/which-1.3.0.tgz", - "integrity": "sha512-xcJpopdamTuY5duC/KnTTNBraPK54YwpenP4lzxU8H91GudWpFv38u0CKjclE1Wi2EH2EDz5LRcHcKbCIzqGyg==", + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", + "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", "dev": true, "requires": { "isexe": "^2.0.0" } }, "which-module": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz", - "integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=", - "dev": true, - "optional": true - }, - "wide-align": { - "version": "1.1.3", - "resolved": "https://npm.mobiscroll.com/wide-align/-/wide-align-1.1.3.tgz", - "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==", - "dev": true, - "requires": { - "string-width": "^1.0.2 || 2" - } + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz", + "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=", + "dev": true }, "wordwrap": { "version": "0.0.3", @@ -14637,6 +9464,15 @@ "errno": "~0.1.7" } }, + "worker-plugin": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/worker-plugin/-/worker-plugin-3.1.0.tgz", + "integrity": "sha512-iQ9KTTmmN5fhfc2KMR7CcDblvcrg1QQ4pXymqZ3cRZF8L0890YLBcEqlIsGPdxoFwghyN8RA1pCEhCKuTF4Lkw==", + "dev": true, + "requires": { + "loader-utils": "^1.1.0" + } + }, "wrap-ansi": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", @@ -14645,6 +9481,28 @@ "requires": { "string-width": "^1.0.1", "strip-ansi": "^3.0.1" + }, + "dependencies": { + "is-fullwidth-code-point": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", + "dev": true, + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "string-width": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", + "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", + "dev": true, + "requires": { + "code-point-at": "^1.0.0", + "is-fullwidth-code-point": "^1.0.0", + "strip-ansi": "^3.0.0" + } + } } }, "wrappy": { @@ -14672,6 +9530,14 @@ "requires": { "sax": ">=0.6.0", "xmlbuilder": "~9.0.1" + }, + "dependencies": { + "sax": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz", + "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==", + "dev": true + } } }, "xmlbuilder": { @@ -14686,12 +9552,6 @@ "integrity": "sha1-wodrBhaKrcQOV9l+gRkayPQ5iz4=", "dev": true }, - "xregexp": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/xregexp/-/xregexp-4.0.0.tgz", - "integrity": "sha512-PHyM+sQouu7xspQQwELlGwwd05mXUFqwFYfqPO0cC7x4fxyHnnuetmQr6CjJiafIDoH4MogHb9dOoJzR/Y4rFg==", - "dev": true - }, "xtend": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.1.tgz", @@ -14705,65 +9565,39 @@ "dev": true }, "yallist": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz", - "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.0.3.tgz", + "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==", "dev": true }, "yargs": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.0.tgz", - "integrity": "sha1-a6MY6xaWFyf10oT46gA+jWFU0Mg=", + "version": "12.0.5", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.5.tgz", + "integrity": "sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==", "dev": true, - "optional": true, "requires": { - "camelcase": "^3.0.0", - "cliui": "^3.2.0", - "decamelize": "^1.1.1", + "cliui": "^4.0.0", + "decamelize": "^1.2.0", + "find-up": "^3.0.0", "get-caller-file": "^1.0.1", - "os-locale": "^1.4.0", - "read-pkg-up": "^1.0.1", + "os-locale": "^3.0.0", "require-directory": "^2.1.1", "require-main-filename": "^1.0.1", "set-blocking": "^2.0.0", - "string-width": "^1.0.2", - "which-module": "^1.0.0", - "y18n": "^3.2.1", - "yargs-parser": "^5.0.0" - }, - "dependencies": { - "camelcase": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz", - "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=", - "dev": true - }, - "y18n": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz", - "integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE=", - "dev": true, - "optional": true - }, - "yargs-parser": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.0.tgz", - "integrity": "sha1-J17PDX/+Bcd+ZOfIbkzZS/DhIoo=", - "dev": true, - "optional": true, - "requires": { - "camelcase": "^3.0.0" - } - } + "string-width": "^2.0.0", + "which-module": "^2.0.0", + "y18n": "^3.2.1 || ^4.0.0", + "yargs-parser": "^11.1.1" } }, "yargs-parser": { - "version": "10.1.0", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-10.1.0.tgz", - "integrity": "sha512-VCIyR1wJoEBZUqk5PA+oOBF6ypbwh5aNB3I50guxAL/quggdfs4TtNHQrSazFA3fYZ+tEqfs0zIGlv0c/rgjbQ==", + "version": "11.1.1", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-11.1.1.tgz", + "integrity": "sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==", "dev": true, "requires": { - "camelcase": "^4.1.0" + "camelcase": "^5.0.0", + "decamelize": "^1.2.0" } }, "yeast": { @@ -14779,9 +9613,9 @@ "dev": true }, "zone.js": { - "version": "0.8.26", - "resolved": "https://npm.mobiscroll.com/zone.js/-/zone.js-0.8.26.tgz", - "integrity": "sha512-W9Nj+UmBJG251wkCacIkETgra4QgBo/vgoEkb4a2uoLzpQG7qF9nzwoLXWU5xj3Fg2mxGvEDh47mg24vXccYjA==" + "version": "0.9.1", + "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.9.1.tgz", + "integrity": "sha512-GkPiJL8jifSrKReKaTZ5jkhrMEgXbXYC+IPo1iquBjayRa0q86w3Dipjn8b415jpitMExe9lV8iTsv8tk3DGag==" } } } diff --git a/examples/angular/package.json b/examples/angular/package.json index d0a2567c..f426eb1d 100644 --- a/examples/angular/package.json +++ b/examples/angular/package.json @@ -1,50 +1,49 @@ { - "name": "angular", - "version": "0.0.0", - "license": "MIT", - "scripts": { - "ng": "ng", - "start": "ng serve", - "build": "ng build", - "test": "ng test", - "lint": "ng lint", - "e2e": "ng e2e" - }, - "private": true, - "dependencies": { - "@angular/animations": "^5.2.11", - "@angular/common": "^5.2.11", - "@angular/compiler": "^5.2.11", - "@angular/core": "^5.2.11", - "@angular/forms": "^5.2.11", - "@angular/http": "^5.2.11", - "@angular/platform-browser": "^5.2.11", - "@angular/platform-browser-dynamic": "^5.2.11", - "@angular/router": "^5.2.11", - "@mobiscroll/angular-lite": "4.6.3", - "core-js": "^2.5.7", - "rxjs": "^5.5.11", - "zone.js": "^0.8.26" - }, - "devDependencies": { - "@angular-devkit/build-angular": "^0.13.7", - "@angular/cli": "^6.1.1", - "@angular/compiler-cli": "^5.2.11", - "@angular/language-service": "^5.2.11", - "@types/jasmine": "^2.8.8", - "@types/jasminewd2": "~2.0.2", - "@types/node": "^6.0.116", - "codelyzer": "^4.4.4", - "jasmine-core": "~2.8.0", - "jasmine-spec-reporter": "~4.2.1", - "karma": "^3.0.0", - "karma-chrome-launcher": "~2.2.0", - "karma-coverage-istanbul-reporter": "^1.4.3", - "karma-jasmine": "^1.1.2", - "karma-jasmine-html-reporter": "^0.2.2", - "protractor": "^5.4.0", - "ts-node": "~4.1.0", - "tslint": "~5.9.1", - "typescript": "~2.5.3" - } + "name": "angular", + "version": "0.0.0", + "scripts": { + "ng": "ng", + "start": "ng serve", + "build": "ng build", + "test": "ng test", + "lint": "ng lint", + "e2e": "ng e2e" + }, + "private": true, + "dependencies": { + "@angular/animations": "~8.0.0", + "@angular/common": "~8.0.0", + "@angular/compiler": "~8.0.0", + "@angular/core": "~8.0.0", + "@angular/forms": "~8.0.0", + "@angular/platform-browser": "~8.0.0", + "@angular/platform-browser-dynamic": "~8.0.0", + "@angular/router": "~8.0.0", + "@mobiscroll/angular-lite": "4.7.2", + "rxjs": "~6.4.0", + "rxjs-compat": "^6.5.2", + "tslib": "^1.9.0", + "zone.js": "~0.9.1" + }, + "devDependencies": { + "@angular-devkit/build-angular": "~0.800.0", + "@angular/cli": "~8.0.1", + "@angular/compiler-cli": "~8.0.0", + "@angular/language-service": "~8.0.0", + "@types/node": "~8.9.4", + "@types/jasmine": "~3.3.8", + "@types/jasminewd2": "~2.0.3", + "codelyzer": "^5.0.0", + "jasmine-core": "~3.4.0", + "jasmine-spec-reporter": "~4.2.1", + "karma": "~4.1.0", + "karma-chrome-launcher": "~2.2.0", + "karma-coverage-istanbul-reporter": "~2.0.1", + "karma-jasmine": "~2.0.1", + "karma-jasmine-html-reporter": "^1.4.0", + "protractor": "~5.4.0", + "ts-node": "~7.0.0", + "tslint": "~5.15.0", + "typescript": "~3.4.3" + } } diff --git a/examples/angular/src/app/app.component.html b/examples/angular/src/app/app.component.html index be322961..4e45e77d 100644 --- a/examples/angular/src/app/app.component.html +++ b/examples/angular/src/app/app.component.html @@ -1,48 +1,57 @@ -
-
Account information
- First Name - Last Name - Email - Password - Rating -
-
-
About you
- - Male - Female - - Height (cm) - Weight (kg) -
-
-
General settings
- Indoor/Treadmill - Auto-Pause Run - Automatically pause workout when you stop moving. This is useful if you don't want to manually pause and resume. - -
-
-
On screen
- Heart Rate - Cheers - - Show current pace - Show average pace - -
-
-
Run countdown
- - - Off - 3 seconds - 6 seconds - 9 seconds - -
+ + Account information + + First Name + Last Name + Email + Password + Rating + + + + About you + + + Male + Female + + Height (cm) + Weight (kg) + + + + General settings + + Indoor/Treadmill + Auto-Pause Run + Automatically pause workout when you stop moving. This is useful if you don't want to manually pause and resume. + + + + + On screen + + Heart Rate + Cheers + + Show current pace + Show average pace + + + + + Run countdown + + + Off + 3 seconds + 6 seconds + 9 seconds + + +
Save Settings diff --git a/examples/angular/src/app/app.component.css b/examples/angular/src/app/app.component.scss similarity index 100% rename from examples/angular/src/app/app.component.css rename to examples/angular/src/app/app.component.scss diff --git a/examples/angular/src/app/app.component.spec.ts b/examples/angular/src/app/app.component.spec.ts index bcbdf36b..895081a6 100644 --- a/examples/angular/src/app/app.component.spec.ts +++ b/examples/angular/src/app/app.component.spec.ts @@ -1,5 +1,6 @@ import { TestBed, async } from '@angular/core/testing'; import { AppComponent } from './app.component'; + describe('AppComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ @@ -8,20 +9,23 @@ describe('AppComponent', () => { ], }).compileComponents(); })); - it('should create the app', async(() => { + + it('should create the app', () => { const fixture = TestBed.createComponent(AppComponent); const app = fixture.debugElement.componentInstance; expect(app).toBeTruthy(); - })); - it(`should have as title 'app'`, async(() => { + }); + + it(`should have as title 'angular8'`, () => { const fixture = TestBed.createComponent(AppComponent); const app = fixture.debugElement.componentInstance; - expect(app.title).toEqual('app'); - })); - it('should render title in a h1 tag', async(() => { + expect(app.title).toEqual('angular8'); + }); + + it('should render title in a h1 tag', () => { const fixture = TestBed.createComponent(AppComponent); fixture.detectChanges(); const compiled = fixture.debugElement.nativeElement; - expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!'); - })); + expect(compiled.querySelector('h1').textContent).toContain('Welcome to angular8!'); + }); }); diff --git a/examples/angular/src/app/app.component.ts b/examples/angular/src/app/app.component.ts index 5fb6b1da..d705f8e8 100644 --- a/examples/angular/src/app/app.component.ts +++ b/examples/angular/src/app/app.component.ts @@ -3,21 +3,21 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', - styleUrls: ['./app.component.css'] + styleUrls: ['./app.component.scss'] }) export class AppComponent { firstName: string; lastName: string; email: string; password: string; - rating: number = 4; - gender: string = 'male'; - height: number = 170; - weight: number = 85; + rating = 4; + gender = 'male'; + height = 170; + weight = 85; indoor: boolean; cheers: boolean; - pause: boolean = true; - heartRate: boolean = true; - pace: string = 'current'; - countdown: number = 3; + pause = true; + heartRate = true; + pace = 'current'; + countdown = 3; } diff --git a/examples/angular/src/environments/environment.ts b/examples/angular/src/environments/environment.ts index b7f639ae..7b4f817a 100644 --- a/examples/angular/src/environments/environment.ts +++ b/examples/angular/src/environments/environment.ts @@ -1,8 +1,16 @@ -// The file contents for the current environment will overwrite these during build. -// The build system defaults to the dev environment which uses `environment.ts`, but if you do -// `ng build --env=prod` then `environment.prod.ts` will be used instead. -// The list of which env maps to which file can be found in `.angular-cli.json`. +// This file can be replaced during build by using the `fileReplacements` array. +// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`. +// The list of file replacements can be found in `angular.json`. export const environment = { production: false }; + +/* + * For easier debugging in development mode, you can import the following file + * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`. + * + * This import should be commented out in production mode because it will have a negative impact + * on performance if an error is thrown. + */ +// import 'zone.js/dist/zone-error'; // Included with Angular CLI. diff --git a/examples/angular/src/main.ts b/examples/angular/src/main.ts index 91ec6da5..c7b673cf 100644 --- a/examples/angular/src/main.ts +++ b/examples/angular/src/main.ts @@ -9,4 +9,4 @@ if (environment.production) { } platformBrowserDynamic().bootstrapModule(AppModule) - .catch(err => console.log(err)); + .catch(err => console.error(err)); diff --git a/examples/angular/src/polyfills.ts b/examples/angular/src/polyfills.ts index 581aadfe..aa665d6b 100644 --- a/examples/angular/src/polyfills.ts +++ b/examples/angular/src/polyfills.ts @@ -11,62 +11,53 @@ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera), * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile. * - * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html + * Learn more in https://angular.io/guide/browser-support */ /*************************************************************************************************** * BROWSER POLYFILLS */ -/** IE9, IE10 and IE11 requires all of the following polyfills. **/ -// import 'core-js/es6/symbol'; -// import 'core-js/es6/object'; -// import 'core-js/es6/function'; -// import 'core-js/es6/parse-int'; -// import 'core-js/es6/parse-float'; -// import 'core-js/es6/number'; -// import 'core-js/es6/math'; -// import 'core-js/es6/string'; -// import 'core-js/es6/date'; -// import 'core-js/es6/array'; -// import 'core-js/es6/regexp'; -// import 'core-js/es6/map'; -// import 'core-js/es6/weak-map'; -// import 'core-js/es6/set'; - /** IE10 and IE11 requires the following for NgClass support on SVG elements */ // import 'classlist.js'; // Run `npm install --save classlist.js`. -/** Evergreen browsers require these. **/ -import 'core-js/es6/reflect'; -import 'core-js/es7/reflect'; - - /** - * Required to support Web Animations `@angular/platform-browser/animations`. - * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation - **/ + * Web Animations `@angular/platform-browser/animations` + * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari. + * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0). + */ // import 'web-animations-js'; // Run `npm install --save web-animations-js`. - +/** + * By default, zone.js will patch all possible macroTask and DomEvents + * user can disable parts of macroTask/DomEvents patch by setting following flags + * because those flags need to be set before `zone.js` being loaded, and webpack + * will put import in the top of bundle, so user need to create a separate file + * in this directory (for example: zone-flags.ts), and put the following flags + * into that file, and then add the following code before importing zone.js. + * import './zone-flags.ts'; + * + * The flags allowed in zone-flags.ts are listed here. + * + * The following flags will work for all browsers. + * + * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame + * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick + * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames + * + * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js + * with the following flag, it will bypass `zone.js` patch for IE/Edge + * + * (window as any).__Zone_enable_cross_context_check = true; + * + */ /*************************************************************************************************** - * Zone JS is required by Angular itself. + * Zone JS is required by default for Angular itself. */ import 'zone.js/dist/zone'; // Included with Angular CLI. - /*************************************************************************************************** * APPLICATION IMPORTS */ - -/** - * Date, currency, decimal and percent pipes. - * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10 - */ -// import 'intl'; // Run `npm install --save intl`. -/** - * Need to import at least one locale-data with intl. - */ -// import 'intl/locale-data/jsonp/en'; diff --git a/examples/angular/src/styles.css b/examples/angular/src/styles.css deleted file mode 100644 index 90d4ee00..00000000 --- a/examples/angular/src/styles.css +++ /dev/null @@ -1 +0,0 @@ -/* You can add global styles to this file, and also import other style files */ diff --git a/examples/angular/src/styles.scss b/examples/angular/src/styles.scss new file mode 100644 index 00000000..fd95c396 --- /dev/null +++ b/examples/angular/src/styles.scss @@ -0,0 +1,7 @@ +/* You can add global styles to this file, and also import other style files */ + +$mbsc-ios-accent: #e61d2a; +$mbsc-material-accent: #e61d2a; +$mbsc-mobiscroll-accent: #e61d2a; + +@import "~@mobiscroll/angular-lite/dist/css/mobiscroll.scss"; diff --git a/examples/angular/src/test.ts b/examples/angular/src/test.ts index cd612eeb..16317897 100644 --- a/examples/angular/src/test.ts +++ b/examples/angular/src/test.ts @@ -1,24 +1,14 @@ // This file is required by karma.conf.js and loads recursively all the .spec and framework files -import 'zone.js/dist/long-stack-trace-zone'; -import 'zone.js/dist/proxy.js'; -import 'zone.js/dist/sync-test'; -import 'zone.js/dist/jasmine-patch'; -import 'zone.js/dist/async-test'; -import 'zone.js/dist/fake-async-test'; +import 'zone.js/dist/zone-testing'; import { getTestBed } from '@angular/core/testing'; import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing'; -// Unfortunately there's no typing for the `__karma__` variable. Just declare it as any. -declare const __karma__: any; declare const require: any; -// Prevent Karma from running prematurely. -__karma__.loaded = function () {}; - // First, initialize the Angular testing environment. getTestBed().initTestEnvironment( BrowserDynamicTestingModule, @@ -28,5 +18,3 @@ getTestBed().initTestEnvironment( const context = require.context('./', true, /\.spec\.ts$/); // And load the modules. context.keys().map(context); -// Finally, start Karma to run the tests. -__karma__.start(); diff --git a/examples/angular/src/tsconfig.app.json b/examples/angular/src/tsconfig.app.json deleted file mode 100644 index 39ba8dba..00000000 --- a/examples/angular/src/tsconfig.app.json +++ /dev/null @@ -1,13 +0,0 @@ -{ - "extends": "../tsconfig.json", - "compilerOptions": { - "outDir": "../out-tsc/app", - "baseUrl": "./", - "module": "es2015", - "types": [] - }, - "exclude": [ - "test.ts", - "**/*.spec.ts" - ] -} diff --git a/examples/angular/src/tsconfig.spec.json b/examples/angular/src/tsconfig.spec.json deleted file mode 100644 index 18bad40e..00000000 --- a/examples/angular/src/tsconfig.spec.json +++ /dev/null @@ -1,21 +0,0 @@ -{ - "extends": "../tsconfig.json", - "compilerOptions": { - "outDir": "../out-tsc/spec", - "baseUrl": "./", - "module": "commonjs", - "target": "es5", - "types": [ - "jasmine", - "node" - ] - }, - "files": [ - "test.ts", - "polyfills.ts" - ], - "include": [ - "**/*.spec.ts", - "**/*.d.ts" - ] -} diff --git a/examples/angular/src/typings.d.ts b/examples/angular/src/typings.d.ts deleted file mode 100644 index ef5c7bd6..00000000 --- a/examples/angular/src/typings.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -/* SystemJS module definition */ -declare var module: NodeModule; -interface NodeModule { - id: string; -} diff --git a/examples/angular/tsconfig.app.json b/examples/angular/tsconfig.app.json new file mode 100644 index 00000000..31f8397a --- /dev/null +++ b/examples/angular/tsconfig.app.json @@ -0,0 +1,14 @@ +{ + "extends": "./tsconfig.json", + "compilerOptions": { + "outDir": "./out-tsc/app", + "types": [] + }, + "include": [ + "src/**/*.ts" + ], + "exclude": [ + "src/test.ts", + "src/**/*.spec.ts" + ] +} diff --git a/examples/angular/tsconfig.json b/examples/angular/tsconfig.json index 7168743c..6ec9ceb1 100644 --- a/examples/angular/tsconfig.json +++ b/examples/angular/tsconfig.json @@ -1,21 +1,22 @@ { "compileOnSave": false, "compilerOptions": { + "baseUrl": "./", "outDir": "./dist/out-tsc", "sourceMap": true, "declaration": false, + "module": "esnext", "moduleResolution": "node", "emitDecoratorMetadata": true, "experimentalDecorators": true, - "target": "es5", + "importHelpers": true, + "target": "es2015", "typeRoots": [ "node_modules/@types" ], "lib": [ - "es2017", + "es2018", "dom" - ], - "module": "es2015", - "baseUrl": "./" + ] } -} \ No newline at end of file +} diff --git a/examples/angular/tsconfig.spec.json b/examples/angular/tsconfig.spec.json new file mode 100644 index 00000000..6400fde7 --- /dev/null +++ b/examples/angular/tsconfig.spec.json @@ -0,0 +1,18 @@ +{ + "extends": "./tsconfig.json", + "compilerOptions": { + "outDir": "./out-tsc/spec", + "types": [ + "jasmine", + "node" + ] + }, + "files": [ + "src/test.ts", + "src/polyfills.ts" + ], + "include": [ + "src/**/*.spec.ts", + "src/**/*.d.ts" + ] +} diff --git a/examples/angular/tslint.json b/examples/angular/tslint.json index 06e34d30..188bd78d 100644 --- a/examples/angular/tslint.json +++ b/examples/angular/tslint.json @@ -1,28 +1,32 @@ { - "rulesDirectory": [ - "node_modules/codelyzer" - ], + "extends": "tslint:recommended", "rules": { - "arrow-return-shorthand": true, - "callable-types": true, - "class-name": true, - "comment-format": [ + "array-type": false, + "arrow-parens": false, + "deprecation": { + "severity": "warn" + }, + "component-class-suffix": true, + "contextual-lifecycle": true, + "directive-class-suffix": true, + "directive-selector": [ true, - "check-space" + "attribute", + "app", + "camelCase" ], - "curly": true, - "eofline": true, - "forin": true, - "import-blacklist": [ - true + "component-selector": [ + true, + "element", + "app", + "kebab-case" ], - "import-spacing": true, - "indent": [ + "import-blacklist": [ true, - "spaces" + "rxjs/Rx" ], - "interface-over-type-literal": true, - "label-position": true, + "interface-name": false, + "max-classes-per-file": false, "max-line-length": [ true, 140 @@ -39,8 +43,7 @@ ] } ], - "no-arg": true, - "no-bitwise": true, + "no-consecutive-blank-lines": false, "no-console": [ true, "debug", @@ -49,91 +52,41 @@ "timeEnd", "trace" ], - "no-construct": true, - "no-debugger": true, - "no-duplicate-super": true, "no-empty": false, - "no-empty-interface": true, - "no-eval": true, "no-inferrable-types": [ true, "ignore-params" ], - "no-misused-new": true, "no-non-null-assertion": true, - "no-shadowed-variable": true, - "no-string-literal": false, - "no-string-throw": true, + "no-redundant-jsdoc": true, "no-switch-case-fall-through": true, - "no-trailing-whitespace": true, - "no-unnecessary-initializer": true, - "no-unused-expression": true, "no-use-before-declare": true, - "no-var-keyword": true, - "object-literal-sort-keys": false, - "one-line": [ + "no-var-requires": false, + "object-literal-key-quotes": [ true, - "check-open-brace", - "check-catch", - "check-else", - "check-whitespace" + "as-needed" ], - "prefer-const": true, + "object-literal-sort-keys": false, + "ordered-imports": false, "quotemark": [ true, "single" ], - "radix": true, - "semicolon": [ - true, - "always" - ], - "triple-equals": [ - true, - "allow-null-check" - ], - "typedef-whitespace": [ - true, - { - "call-signature": "nospace", - "index-signature": "nospace", - "parameter": "nospace", - "property-declaration": "nospace", - "variable-declaration": "nospace" - } - ], - "typeof-compare": true, - "unified-signatures": true, - "variable-name": false, - "whitespace": [ - true, - "check-branch", - "check-decl", - "check-operator", - "check-separator", - "check-type" - ], - "directive-selector": [ - true, - "attribute", - "app", - "camelCase" - ], - "component-selector": [ - true, - "element", - "app", - "kebab-case" - ], - "use-input-property-decorator": true, - "use-output-property-decorator": true, - "use-host-property-decorator": true, + "trailing-comma": false, + "no-conflicting-lifecycle": true, + "no-host-metadata-property": true, "no-input-rename": true, + "no-inputs-metadata-property": true, + "no-output-native": true, + "no-output-on-prefix": true, "no-output-rename": true, - "use-life-cycle-interface": true, - "use-pipe-transform-interface": true, - "component-class-suffix": true, - "directive-class-suffix": true, - "invoke-injectable": true - } -} + "no-outputs-metadata-property": true, + "template-banana-in-box": true, + "template-no-negated-async": true, + "use-lifecycle-interface": true, + "use-pipe-transform-interface": true + }, + "rulesDirectory": [ + "codelyzer" + ] +} \ No newline at end of file diff --git a/examples/react/package-lock.json b/examples/react/package-lock.json index 4dcef525..fbc9c933 100644 --- a/examples/react/package-lock.json +++ b/examples/react/package-lock.json @@ -1149,8 +1149,8 @@ } }, "@mobiscroll/react-lite": { - "version": "file:../../packages/react/mobiscroll-react-lite-4.6.1.tgz", - "integrity": "sha512-4MSf/3CDtefKzjNWno+8VYr6D855nWkx+iuycgsnxrMTvFaRJiezQ3WMmSwFJ/EPYOOL2vDeSGqgRu+kfHlP3g==" + "version": "file:../../packages/react/mobiscroll-react-lite-4.7.2.tgz", + "integrity": "sha512-UWX/I9/LwoNLq6QZk0LyzftL8rRXMzHF3U7mSEeHZr4HAGmXZpO/tkBazwebn6QKyFk+OciiWIxzbbGzhBMcig==" }, "@mrmlnc/readdir-enhanced": { "version": "2.2.1", @@ -1770,7 +1770,7 @@ }, "array-equal": { "version": "1.0.0", - "resolved": "https://registry.npmjs.org/array-equal/-/array-equal-1.0.0.tgz", + "resolved": "http://registry.npmjs.org/array-equal/-/array-equal-1.0.0.tgz", "integrity": "sha1-jCpe8kcv2ep0KwTHenUJO6J1fJM=" }, "array-filter": { @@ -1863,7 +1863,7 @@ }, "util": { "version": "0.10.3", - "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz", + "resolved": "http://registry.npmjs.org/util/-/util-0.10.3.tgz", "integrity": "sha1-evsa/lCAUkZInj23/g7TeTNqwPk=", "requires": { "inherits": "2.0.1" @@ -1969,7 +1969,7 @@ }, "chalk": { "version": "1.1.3", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", + "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", "requires": { "ansi-styles": "^2.2.1", @@ -2099,7 +2099,7 @@ }, "babel-plugin-syntax-object-rest-spread": { "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz", + "resolved": "http://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz", "integrity": "sha1-/WU28rzhODb/o6VFjEkDpZe7O/U=" }, "babel-plugin-transform-object-rest-spread": { @@ -2487,14 +2487,14 @@ "dependencies": { "resolve": { "version": "1.1.7", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.1.7.tgz", + "resolved": "http://registry.npmjs.org/resolve/-/resolve-1.1.7.tgz", "integrity": "sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=" } } }, "browserify-aes": { "version": "1.2.0", - "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz", + "resolved": "http://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz", "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==", "requires": { "buffer-xor": "^1.0.3", @@ -2528,7 +2528,7 @@ }, "browserify-rsa": { "version": "4.0.1", - "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz", + "resolved": "http://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz", "integrity": "sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=", "requires": { "bn.js": "^4.1.0", @@ -2577,7 +2577,7 @@ }, "buffer": { "version": "4.9.1", - "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz", + "resolved": "http://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz", "integrity": "sha1-bRu2AbB6TvztlwlBMgkwJ8lbwpg=", "requires": { "base64-js": "^1.0.2", @@ -2670,7 +2670,7 @@ }, "callsites": { "version": "2.0.0", - "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz", + "resolved": "http://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz", "integrity": "sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=" }, "camel-case": { @@ -3317,7 +3317,7 @@ }, "clone-deep": { "version": "0.2.4", - "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-0.2.4.tgz", + "resolved": "http://registry.npmjs.org/clone-deep/-/clone-deep-0.2.4.tgz", "integrity": "sha1-TnPdCen7lxzDhnDF3O2cGJZIHMY=", "requires": { "for-own": "^0.1.3", @@ -3503,7 +3503,7 @@ }, "content-disposition": { "version": "0.5.2", - "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz", + "resolved": "http://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz", "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=" }, "content-type": { @@ -3595,7 +3595,7 @@ }, "create-hash": { "version": "1.2.0", - "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz", + "resolved": "http://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz", "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==", "requires": { "cipher-base": "^1.0.1", @@ -3607,7 +3607,7 @@ }, "create-hmac": { "version": "1.1.7", - "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz", + "resolved": "http://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz", "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==", "requires": { "cipher-base": "^1.0.3", @@ -3665,7 +3665,7 @@ }, "css-color-names": { "version": "0.0.4", - "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz", + "resolved": "http://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz", "integrity": "sha1-gIrcLnnPhHOAabZGyyDsJ762KeA=" }, "css-declaration-sorter": { @@ -4041,7 +4041,7 @@ "dependencies": { "globby": { "version": "6.1.0", - "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz", + "resolved": "http://registry.npmjs.org/globby/-/globby-6.1.0.tgz", "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=", "requires": { "array-union": "^1.0.1", @@ -4053,7 +4053,7 @@ "dependencies": { "pify": { "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz", "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=" } } @@ -4125,7 +4125,7 @@ }, "diffie-hellman": { "version": "5.0.3", - "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz", + "resolved": "http://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz", "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==", "requires": { "bn.js": "^4.1.0", @@ -4244,7 +4244,7 @@ }, "duplexer": { "version": "0.1.1", - "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz", + "resolved": "http://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz", "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=" }, "duplexify": { @@ -4616,7 +4616,7 @@ }, "doctrine": { "version": "1.5.0", - "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-1.5.0.tgz", + "resolved": "http://registry.npmjs.org/doctrine/-/doctrine-1.5.0.tgz", "integrity": "sha1-N53Ocw9hZvds76TmcHoVmwLFpvo=", "requires": { "esutils": "^2.0.2", @@ -4633,7 +4633,7 @@ }, "load-json-file": { "version": "2.0.0", - "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz", + "resolved": "http://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz", "integrity": "sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg=", "requires": { "graceful-fs": "^4.1.2", @@ -4976,7 +4976,7 @@ "dependencies": { "array-flatten": { "version": "1.1.1", - "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "resolved": "http://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" }, "debug": { @@ -5199,7 +5199,7 @@ }, "finalhandler": { "version": "1.1.1", - "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", + "resolved": "http://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==", "requires": { "debug": "2.6.9", @@ -5837,7 +5837,7 @@ }, "http-errors": { "version": "1.6.3", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "resolved": "http://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", "requires": { "depd": "~1.1.2", @@ -6083,7 +6083,7 @@ }, "is-accessor-descriptor": { "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", + "resolved": "http://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", "requires": { "kind-of": "^3.0.2" @@ -6135,7 +6135,7 @@ }, "is-data-descriptor": { "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", + "resolved": "http://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", "requires": { "kind-of": "^3.0.2" @@ -6206,7 +6206,7 @@ }, "is-obj": { "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz", + "resolved": "http://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz", "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8=" }, "is-path-cwd": { @@ -7881,7 +7881,7 @@ }, "media-typer": { "version": "0.3.0", - "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "resolved": "http://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" }, "mem": { @@ -8089,7 +8089,7 @@ }, "mkdirp": { "version": "0.5.1", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", + "resolved": "http://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=", "requires": { "minimist": "0.0.8" @@ -8559,7 +8559,7 @@ }, "os-tmpdir": { "version": "1.0.2", - "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", + "resolved": "http://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=" }, "p-defer": { @@ -8693,7 +8693,7 @@ }, "path-browserify": { "version": "0.0.0", - "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-0.0.0.tgz", + "resolved": "http://registry.npmjs.org/path-browserify/-/path-browserify-0.0.0.tgz", "integrity": "sha1-oLhwcpquIUAFt9UDLsLLuw+0RRo=" }, "path-dirname": { @@ -8708,7 +8708,7 @@ }, "path-is-absolute": { "version": "1.0.1", - "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "resolved": "http://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=" }, "path-is-inside": { @@ -9956,14 +9956,14 @@ } }, "react": { - "version": "16.7.0", - "resolved": "https://registry.npmjs.org/react/-/react-16.7.0.tgz", - "integrity": "sha512-StCz3QY8lxTb5cl2HJxjwLFOXPIFQp+p+hxQfc8WE0QiLfCtIlKj8/+5tjjKm8uSTlAW+fCPaavGFS06V9Ar3A==", + "version": "16.8.6", + "resolved": "https://registry.npmjs.org/react/-/react-16.8.6.tgz", + "integrity": "sha512-pC0uMkhLaHm11ZSJULfOBqV4tIZkx87ZLvbbQYunNixAAvjnC+snJCg0XQXn9VIsttVsbZP/H/ewzgsd5fxKXw==", "requires": { "loose-envify": "^1.1.0", "object-assign": "^4.1.1", "prop-types": "^15.6.2", - "scheduler": "^0.12.0" + "scheduler": "^0.13.6" } }, "react-app-polyfill": { @@ -10057,14 +10057,14 @@ } }, "react-dom": { - "version": "16.7.0", - "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.7.0.tgz", - "integrity": "sha512-D0Ufv1ExCAmF38P2Uh1lwpminZFRXEINJe53zRAbm4KPwSyd6DY/uDoS0Blj9jvPpn1+wivKpZYc8aAAN/nAkg==", + "version": "16.8.6", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.8.6.tgz", + "integrity": "sha512-1nL7PIq9LTL3fthPqwkvr2zY7phIPjYrT0jp4HjyEQrEROnw4dG41VVwi/wfoCneoleqrNX7iAD+pXebJZwrwA==", "requires": { "loose-envify": "^1.1.0", "object-assign": "^4.1.1", "prop-types": "^15.6.2", - "scheduler": "^0.12.0" + "scheduler": "^0.13.6" } }, "react-error-overlay": { @@ -10267,7 +10267,7 @@ "dependencies": { "jsesc": { "version": "0.5.0", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz", + "resolved": "http://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz", "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=" } } @@ -10311,7 +10311,7 @@ }, "css-select": { "version": "1.2.0", - "resolved": "https://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz", + "resolved": "http://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz", "integrity": "sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=", "requires": { "boolbase": "~1.0.0", @@ -10487,7 +10487,7 @@ }, "rgba-regex": { "version": "1.0.0", - "resolved": "https://registry.npmjs.org/rgba-regex/-/rgba-regex-1.0.0.tgz", + "resolved": "http://registry.npmjs.org/rgba-regex/-/rgba-regex-1.0.0.tgz", "integrity": "sha1-QzdOLiyglosO8VI0YLfXMP8i7rM=" }, "rimraf": { @@ -10543,7 +10543,7 @@ }, "safe-regex": { "version": "1.1.0", - "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", + "resolved": "http://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=", "requires": { "ret": "~0.1.10" @@ -10645,9 +10645,9 @@ } }, "scheduler": { - "version": "0.12.0", - "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.12.0.tgz", - "integrity": "sha512-t7MBR28Akcp4Jm+QoR63XgAi9YgCUmgvDHqf5otgAj4QvdoBE4ImCX0ffehefePPG+aitiYHp0g/mW6s4Tp+dw==", + "version": "0.13.6", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.13.6.tgz", + "integrity": "sha512-IWnObHt413ucAYKsD9J1QShUKkbKLQQHdxRyw73sw4FN26iWr3DY/H34xGPe4nmL1DwXyWmSWmMrA9TfQbE/XQ==", "requires": { "loose-envify": "^1.1.0", "object-assign": "^4.1.1" @@ -10804,7 +10804,7 @@ }, "sha.js": { "version": "2.4.11", - "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz", + "resolved": "http://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz", "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==", "requires": { "inherits": "^2.0.1", @@ -10829,7 +10829,7 @@ }, "kind-of": { "version": "2.0.1", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-2.0.1.tgz", + "resolved": "http://registry.npmjs.org/kind-of/-/kind-of-2.0.1.tgz", "integrity": "sha1-AY7HpM5+OobLkUG+UZ0kyPqpgbU=", "requires": { "is-buffer": "^1.0.2" @@ -11181,7 +11181,7 @@ }, "sprintf-js": { "version": "1.0.3", - "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", + "resolved": "http://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=" }, "sshpk": { @@ -11342,7 +11342,7 @@ }, "strip-eof": { "version": "1.0.0", - "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz", + "resolved": "http://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz", "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=" }, "strip-json-comments": { @@ -11518,7 +11518,7 @@ }, "through": { "version": "2.3.8", - "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", + "resolved": "http://registry.npmjs.org/through/-/through-2.3.8.tgz", "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=" }, "through2": { @@ -11646,7 +11646,7 @@ }, "tty-browserify": { "version": "0.0.0", - "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz", + "resolved": "http://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz", "integrity": "sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY=" }, "tunnel-agent": { @@ -12053,7 +12053,7 @@ }, "vm-browserify": { "version": "0.0.4", - "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-0.0.4.tgz", + "resolved": "http://registry.npmjs.org/vm-browserify/-/vm-browserify-0.0.4.tgz", "integrity": "sha1-XX6kW7755Kb/ZflUOOCofDV9WnM=", "requires": { "indexof": "0.0.1" @@ -12531,7 +12531,7 @@ }, "wrap-ansi": { "version": "2.1.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", + "resolved": "http://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=", "requires": { "string-width": "^1.0.1", @@ -12553,7 +12553,7 @@ }, "string-width": { "version": "1.0.2", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", + "resolved": "http://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", "requires": { "code-point-at": "^1.0.0", diff --git a/examples/react/package.json b/examples/react/package.json index 28fa0ce6..92b0ed85 100644 --- a/examples/react/package.json +++ b/examples/react/package.json @@ -3,13 +3,13 @@ "version": "0.1.0", "private": true, "dependencies": { - "@mobiscroll/react-lite": "4.6.3", + "@mobiscroll/react-lite": "4.7.2", "@types/jest": "^24.0.11", "@types/node": "^11.12.1", "@types/react": "^16.8.10", "@types/react-dom": "^16.8.3", - "react": "^16.4.1", - "react-dom": "^16.4.1", + "react": "^16.8.6", + "react-dom": "^16.8.6", "react-scripts": "^3.0.0", "typescript": "^3.3.4000" }, diff --git a/examples/react/public/index.html b/examples/react/public/index.html index ed0ebafa..148a29a8 100644 --- a/examples/react/public/index.html +++ b/examples/react/public/index.html @@ -1,6 +1,7 @@ - + + @@ -20,12 +21,13 @@ Learn how to configure a non-root public URL by running `npm run build`. --> React App - - + + + -
+
- + + diff --git a/examples/react/src/App.css b/examples/react/src/App.css deleted file mode 100644 index 841d612b..00000000 --- a/examples/react/src/App.css +++ /dev/null @@ -1,27 +0,0 @@ -.App { - text-align: center; -} - -.App-logo { - animation: App-logo-spin infinite 20s linear; - height: 80px; -} - -.App-header { - background-color: #222; - padding: 20px; - color: white; -} - -.App-title { - font-size: 1.5em; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} diff --git a/examples/react/src/App.scss b/examples/react/src/App.scss new file mode 100644 index 00000000..497e505b --- /dev/null +++ b/examples/react/src/App.scss @@ -0,0 +1,5 @@ +$mbsc-ios-accent: #e61d2a; +$mbsc-material-accent: #e61d2a; +$mbsc-mobiscroll-accent: #e61d2a; + +@import '~@mobiscroll/react-lite/dist/css/mobiscroll.scss'; diff --git a/examples/react/src/App.tsx b/examples/react/src/App.tsx index d05d38e2..510cfc19 100644 --- a/examples/react/src/App.tsx +++ b/examples/react/src/App.tsx @@ -1,94 +1,97 @@ import React, { Component } from 'react'; -import { Page, Form, Rating, Stepper, Switch, Input } from '@mobiscroll/react-lite'; -import '@mobiscroll/react-lite/dist/css/mobiscroll.min.css'; -import logo from './logo.svg'; -import './App.css'; +import { Page, Form, FormGroup, FormGroupContent, FormGroupTitle, Rating, Stepper, Switch, Input } from '@mobiscroll/react-lite'; +import './App.scss'; class App extends Component { render() { return ( -
-
- logo -

Welcome to React

-
-
-
-
Account information
- First Name - Last Name - Email - Password - - Rating + + Account information + + First Name + Last Name + Email + Password + + Rating -
-
-
About you
- + + Height (cm) - - Weight (kg) + + Weight (kg) -
+ + -
-
General settings
- - Indoor/Treadmill + + General settings + + + Indoor/Treadmill - - Auto-Pause Run + + Auto-Pause Run - Automatically pause workout when you stop moving. This is useful if you don't want to manually pause and resume. + Automatically pause workout when you stop moving. This is useful if you don't want to manually pause and resume. - -
+ + + -
-
On screen
- - Heart Rate + + On screen + + + Heart Rate - - Cheers + + Cheers -
+ + + -
-
Run countdown
-
+ +
diff --git a/grunt/aliases.js b/grunt/aliases.js index ea0a3610..ddf52318 100644 --- a/grunt/aliases.js +++ b/grunt/aliases.js @@ -1,7 +1,7 @@ module.exports = { default: [ 'babel', - 'less', + 'sass', 'run:transpile', 'rollup:dev', 'copy:icons' @@ -9,8 +9,9 @@ module.exports = { build: [ 'clean:packages', 'babel', - 'less', + 'sass', 'run:transpile', + 'run:scss', 'rollup:dev', 'rollup:prod', 'rollup:esm', diff --git a/grunt/copy.js b/grunt/copy.js index 8df8e0e3..5ee6a7ab 100644 --- a/grunt/copy.js +++ b/grunt/copy.js @@ -30,7 +30,7 @@ module.exports = { icons: { files: [{ expand: true, - cwd: 'src/less/', + cwd: 'src/scss/core', src: ['icons_mobiscroll.ttf', 'icons_mobiscroll.woff'], dest: 'dist/css/' }] diff --git a/grunt/less.js b/grunt/less.js deleted file mode 100644 index eb887cf6..00000000 --- a/grunt/less.js +++ /dev/null @@ -1,71 +0,0 @@ -module.exports = { - iosDark: { - options: { - modifyVars: { - theme: 'ios-dark', - input1: '#ff8400', - input2: '#ff8400', - input3: '#000000', - input4: '#ffffff' - } - }, - files: { - 'src/less/themes/ios-dark.css': 'src/less/templates/ios.less' - } - }, - materialDark: { - options: { - modifyVars: { - theme: 'material-dark', - input1: '#81ccc4', - input2: '#303030', - input3: '#c2c2c2' - } - }, - files: { - 'src/less/themes/material-dark.css': 'src/less/templates/material.less' - } - }, - mobiscrollDark: { - options: { - modifyVars: { - theme: 'mobiscroll-dark', - input1: '#263238', - input2: '#f7f7f7', - input3: '#4fccc4' - } - }, - files: { - 'src/less/themes/mobiscroll-dark.css': 'src/less/templates/mobiscroll.less' - } - }, - windowsDark: { - options: { - modifyVars: { - theme: 'windows-dark', - input1: '#1ca1e3', - input2: '#1f1f1f', - input3: '#ffffff' - } - }, - files: { - 'src/less/themes/windows-dark.css': 'src/less/templates/windows.less' - } - }, - dev: { - options: { - sourceMap: true - }, - files: { - 'dist/css/mobiscroll.css': 'bundles/mobiscroll.less' - } - }, - prod: { - options: { - compress: true - }, - files: { - 'dist/css/mobiscroll.min.css': 'bundles/mobiscroll.less' - } - } -}; \ No newline at end of file diff --git a/grunt/run.js b/grunt/run.js index 11fa29c6..a638573e 100644 --- a/grunt/run.js +++ b/grunt/run.js @@ -1,5 +1,13 @@ module.exports = { transpile: { exec: 'npm run transpile' + }, + scss: { + exec: '' + + '"./node_modules/.bin/scss-bundle" -e ./bundles/mobiscroll.angular.scss -d ./packages/angular/dist/css/mobiscroll.scss --dedupe ./src/**/*.scss && ' + + '"./node_modules/.bin/scss-bundle" -e ./bundles/mobiscroll.javascript.scss -d ./packages/javascript/dist/css/mobiscroll.scss --dedupe ./src/**/*.scss && ' + + '"./node_modules/.bin/scss-bundle" -e ./bundles/mobiscroll.jquery.scss -d ./packages/jquery/dist/css/mobiscroll.scss --dedupe ./src/**/*.scss && ' + + '"./node_modules/.bin/scss-bundle" -e ./bundles/mobiscroll.ng.scss -d ./packages/angularjs/dist/css/mobiscroll.scss --dedupe ./src/**/*.scss && ' + + '"./node_modules/.bin/scss-bundle" -e ./bundles/mobiscroll.react.scss -d ./packages/react/dist/css/mobiscroll.scss --dedupe ./src/**/*.scss' } -}; \ No newline at end of file +}; diff --git a/grunt/sass.js b/grunt/sass.js new file mode 100644 index 00000000..1205b33b --- /dev/null +++ b/grunt/sass.js @@ -0,0 +1,23 @@ +const sass = require('node-sass'); + +module.exports = { + dev: { + options: { + implementation: sass, + sourceMap: true, + }, + files: { + 'dist/css/mobiscroll.css': 'bundles/mobiscroll.scss' + } + }, + prod: { + options: { + implementation: sass, + sourceMap: false, + outputStyle: 'compressed' + }, + files: { + 'dist/css/mobiscroll.min.css': 'bundles/mobiscroll.scss' + } + } +}; diff --git a/package-lock.json b/package-lock.json index c3faa744..792d095d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "mobiscroll", - "version": "4.6.1", + "version": "4.7.2", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -261,6 +261,43 @@ } } }, + "@types/chokidar": { + "version": "1.7.5", + "resolved": "https://registry.npmjs.org/@types/chokidar/-/chokidar-1.7.5.tgz", + "integrity": "sha512-PDkSRY7KltW3M60hSBlerxI8SFPXsO3AL/aRVsO4Kh9IHRW74Ih75gUuTd/aE4LSSFqypb10UIX3QzOJwBQMGQ==", + "dev": true, + "requires": { + "@types/events": "*", + "@types/node": "*" + } + }, + "@types/events": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.0.tgz", + "integrity": "sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==", + "dev": true + }, + "@types/lodash": { + "version": "4.14.133", + "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.133.tgz", + "integrity": "sha512-/3JqnvPnY58GLzG3Y7fpphOhATV1DDZ/Ak3DQufjlRK5E4u+s0CfClfNFtAGBabw+jDGtRFbOZe+Z02ZMWCBNQ==", + "dev": true + }, + "@types/lodash.debounce": { + "version": "4.0.6", + "resolved": "https://registry.npmjs.org/@types/lodash.debounce/-/lodash.debounce-4.0.6.tgz", + "integrity": "sha512-4WTmnnhCfDvvuLMaF3KV4Qfki93KebocUF45msxhYyjMttZDQYzHkO639ohhk8+oco2cluAFL3t5+Jn4mleylQ==", + "dev": true, + "requires": { + "@types/lodash": "*" + } + }, + "@types/node": { + "version": "12.0.4", + "resolved": "https://registry.npmjs.org/@types/node/-/node-12.0.4.tgz", + "integrity": "sha512-j8YL2C0fXq7IONwl/Ud5Kt0PeXw22zGERt+HSSnwbKOJVsAGkEz3sFCYwaF9IOuoG1HOtE0vKCj6sXF7Q0+Vaw==", + "dev": true + }, "abbrev": { "version": "1.1.1", "resolved": "https://npm.mobiscroll.com/abbrev/-/abbrev-1.1.1.tgz", @@ -311,6 +348,12 @@ "integrity": "sha1-MU3QpLM2j609/NxU7eYXG4htrzw=", "dev": true }, + "amdefine": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz", + "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=", + "dev": true + }, "ansi-escapes": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-3.2.0.tgz", @@ -329,6 +372,49 @@ "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=", "dev": true }, + "anymatch": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", + "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", + "dev": true, + "requires": { + "micromatch": "^3.1.4", + "normalize-path": "^2.1.1" + }, + "dependencies": { + "normalize-path": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", + "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", + "dev": true, + "requires": { + "remove-trailing-separator": "^1.0.1" + } + } + } + }, + "aproba": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz", + "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==", + "dev": true + }, + "archy": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/archy/-/archy-1.0.0.tgz", + "integrity": "sha1-+cjBN1fMHde8N5rHeyxipcKGjEA=", + "dev": true + }, + "are-we-there-yet": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz", + "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==", + "dev": true, + "requires": { + "delegates": "^1.0.0", + "readable-stream": "^2.0.6" + } + }, "argparse": { "version": "1.0.9", "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.9.tgz", @@ -338,6 +424,24 @@ "sprintf-js": "~1.0.2" } }, + "arr-diff": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", + "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=", + "dev": true + }, + "arr-flatten": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz", + "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==", + "dev": true + }, + "arr-union": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz", + "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=", + "dev": true + }, "array-differ": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/array-differ/-/array-differ-1.0.0.tgz", @@ -365,6 +469,12 @@ "integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=", "dev": true }, + "array-unique": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", + "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=", + "dev": true + }, "array.prototype.find": { "version": "2.0.4", "resolved": "https://registry.npmjs.org/array.prototype.find/-/array.prototype.find-2.0.4.tgz", @@ -385,15 +495,13 @@ "version": "2.0.6", "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz", "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=", - "dev": true, - "optional": true + "dev": true }, "asn1": { "version": "0.2.3", "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.3.tgz", "integrity": "sha1-2sh4dxPJlmhJ/IGAd36+nB3fO4Y=", - "dev": true, - "optional": true + "dev": true }, "assert-plus": { "version": "1.0.0", @@ -401,6 +509,12 @@ "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=", "dev": true }, + "assign-symbols": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz", + "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=", + "dev": true + }, "astral-regex": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz", @@ -413,26 +527,41 @@ "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=", "dev": true }, + "async-each": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz", + "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==", + "dev": true + }, + "async-foreach": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz", + "integrity": "sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=", + "dev": true + }, "asynckit": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=", - "dev": true, - "optional": true + "dev": true + }, + "atob": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz", + "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==", + "dev": true }, "aws-sign2": { "version": "0.7.0", "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz", "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=", - "dev": true, - "optional": true + "dev": true }, "aws4": { "version": "1.7.0", "resolved": "https://npm.mobiscroll.com/aws4/-/aws4-1.7.0.tgz", "integrity": "sha512-32NDda82rhwD9/JBCCkB+MRYDp0oSvlo2IL6rQWA10PQi7tDUM3eqMSltXmY+Oyl/7N3P3qNtAlv7X0d9bI28w==", - "dev": true, - "optional": true + "dev": true }, "babel-code-frame": { "version": "6.26.0", @@ -1219,6 +1348,61 @@ "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=", "dev": true }, + "base": { + "version": "0.11.2", + "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz", + "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==", + "dev": true, + "requires": { + "cache-base": "^1.0.1", + "class-utils": "^0.3.5", + "component-emitter": "^1.2.1", + "define-property": "^1.0.0", + "isobject": "^3.0.1", + "mixin-deep": "^1.2.0", + "pascalcase": "^0.1.1" + }, + "dependencies": { + "define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", + "dev": true, + "requires": { + "is-descriptor": "^1.0.0" + } + }, + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "dev": true, + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "dev": true, + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "dev": true, + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, "bcrypt-pbkdf": { "version": "1.0.2", "resolved": "https://npm.mobiscroll.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz", @@ -1229,6 +1413,21 @@ "tweetnacl": "^0.14.3" } }, + "binary-extensions": { + "version": "1.13.1", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz", + "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==", + "dev": true + }, + "block-stream": { + "version": "0.0.9", + "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz", + "integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=", + "dev": true, + "requires": { + "inherits": "~2.0.0" + } + }, "bluebird": { "version": "3.5.0", "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.0.tgz", @@ -1245,6 +1444,35 @@ "concat-map": "0.0.1" } }, + "braces": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", + "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", + "dev": true, + "requires": { + "arr-flatten": "^1.1.0", + "array-unique": "^0.3.2", + "extend-shallow": "^2.0.1", + "fill-range": "^4.0.0", + "isobject": "^3.0.1", + "repeat-element": "^1.1.2", + "snapdragon": "^0.8.1", + "snapdragon-node": "^2.0.1", + "split-string": "^3.0.2", + "to-regex": "^3.0.1" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "dev": true, + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, "browserslist": { "version": "3.2.8", "resolved": "https://npm.mobiscroll.com/browserslist/-/browserslist-3.2.8.tgz", @@ -1261,6 +1489,23 @@ "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==", "dev": true }, + "cache-base": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz", + "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==", + "dev": true, + "requires": { + "collection-visit": "^1.0.0", + "component-emitter": "^1.2.1", + "get-value": "^2.0.6", + "has-value": "^1.0.0", + "isobject": "^3.0.1", + "set-value": "^2.0.0", + "to-object-path": "^0.3.0", + "union-value": "^1.0.0", + "unset-value": "^1.0.0" + } + }, "caller-path": { "version": "0.1.0", "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-0.1.0.tgz", @@ -1302,8 +1547,7 @@ "version": "0.12.0", "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz", "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=", - "dev": true, - "optional": true + "dev": true }, "chalk": { "version": "1.1.3", @@ -1324,12 +1568,55 @@ "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==", "dev": true }, + "chokidar": { + "version": "2.1.6", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.6.tgz", + "integrity": "sha512-V2jUo67OKkc6ySiRpJrjlpJKl9kDuG+Xb8VgsGzb+aEouhgS1D0weyPU4lEzdAcsCAvrih2J2BqyXqHWvVLw5g==", + "dev": true, + "requires": { + "anymatch": "^2.0.0", + "async-each": "^1.0.1", + "braces": "^2.3.2", + "fsevents": "^1.2.7", + "glob-parent": "^3.1.0", + "inherits": "^2.0.3", + "is-binary-path": "^1.0.0", + "is-glob": "^4.0.0", + "normalize-path": "^3.0.0", + "path-is-absolute": "^1.0.0", + "readdirp": "^2.2.1", + "upath": "^1.1.1" + } + }, "circular-json": { "version": "0.3.3", "resolved": "https://registry.npmjs.org/circular-json/-/circular-json-0.3.3.tgz", "integrity": "sha512-UZK3NBx2Mca+b5LsG7bY183pHWt5Y1xts4P3Pz7ENTwGVnJOUWbRb3ocjvX7hx9tq/yTAdclXm9sZ38gNuem4A==", "dev": true }, + "class-utils": { + "version": "0.3.6", + "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz", + "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==", + "dev": true, + "requires": { + "arr-union": "^3.1.0", + "define-property": "^0.2.5", + "isobject": "^3.0.0", + "static-extend": "^0.1.1" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "dev": true, + "requires": { + "is-descriptor": "^0.1.0" + } + } + } + }, "cli": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/cli/-/cli-1.0.1.tgz", @@ -1355,6 +1642,39 @@ "integrity": "sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=", "dev": true }, + "cliui": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz", + "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=", + "dev": true, + "requires": { + "string-width": "^1.0.1", + "strip-ansi": "^3.0.1", + "wrap-ansi": "^2.0.0" + }, + "dependencies": { + "is-fullwidth-code-point": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", + "dev": true, + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "string-width": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", + "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", + "dev": true, + "requires": { + "code-point-at": "^1.0.0", + "is-fullwidth-code-point": "^1.0.0", + "strip-ansi": "^3.0.0" + } + } + } + }, "co": { "version": "4.6.0", "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz", @@ -1373,6 +1693,16 @@ "integrity": "sha512-fLeEhqwymYat/MpTPUjSKHVYYl0ec2mOyALEMLmzr5i1isuG+6jfI2j2d5oBO3VIzgUXgBVIcOT9uH1TFxBckw==", "dev": true }, + "collection-visit": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz", + "integrity": "sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=", + "dev": true, + "requires": { + "map-visit": "^1.0.0", + "object-visit": "^1.0.0" + } + }, "color-convert": { "version": "1.9.2", "resolved": "https://npm.mobiscroll.com/color-convert/-/color-convert-1.9.2.tgz", @@ -1409,6 +1739,12 @@ "integrity": "sha512-MVuS359B+YzaWqjCL/c+22gfryv+mCBPHAv3zyVI2GN8EY6IRP8VwtasXn8jyyhvvq84R4ImN1OKRtcbIasjYA==", "dev": true }, + "component-emitter": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz", + "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==", + "dev": true + }, "concat-map": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", @@ -1436,6 +1772,18 @@ "date-now": "^0.1.4" } }, + "console-control-strings": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz", + "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=", + "dev": true + }, + "copy-descriptor": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz", + "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=", + "dev": true + }, "core-js": { "version": "2.5.1", "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.1.tgz", @@ -1514,7 +1862,6 @@ "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz", "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=", "dev": true, - "optional": true, "requires": { "assert-plus": "^1.0.0" } @@ -1550,6 +1897,12 @@ "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=", "dev": true }, + "decode-uri-component": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz", + "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=", + "dev": true + }, "deep-is": { "version": "0.1.3", "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz", @@ -1566,12 +1919,59 @@ "object-keys": "^1.0.8" } }, + "define-property": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz", + "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==", + "dev": true, + "requires": { + "is-descriptor": "^1.0.2", + "isobject": "^3.0.1" + }, + "dependencies": { + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "dev": true, + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "dev": true, + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "dev": true, + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, "delayed-stream": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=", "dev": true }, + "delegates": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", + "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=", + "dev": true + }, "detect-indent": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-4.0.0.tgz", @@ -1677,6 +2077,15 @@ "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==", "dev": true }, + "end-of-stream": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.1.tgz", + "integrity": "sha512-1MkrZNvWTKCaigbn+W15elq2BB/L22nqrSY5DKlo3X6+vclJm8Bb5djXJBmEX6fS3+zCh/F4VBK5Z2KxJt4s2Q==", + "dev": true, + "requires": { + "once": "^1.4.0" + } + }, "entities": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/entities/-/entities-1.0.0.tgz", @@ -1710,16 +2119,6 @@ } } }, - "errno": { - "version": "0.1.7", - "resolved": "https://npm.mobiscroll.com/errno/-/errno-0.1.7.tgz", - "integrity": "sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg==", - "dev": true, - "optional": true, - "requires": { - "prr": "~1.0.1" - } - }, "error-ex": { "version": "1.3.1", "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.1.tgz", @@ -2149,6 +2548,21 @@ "integrity": "sha1-j2G3XN4BKy6esoTUVFWDtWQ7Yas=", "dev": true }, + "execa": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz", + "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==", + "dev": true, + "requires": { + "cross-spawn": "^6.0.0", + "get-stream": "^4.0.0", + "is-stream": "^1.1.0", + "npm-run-path": "^2.0.0", + "p-finally": "^1.0.0", + "signal-exit": "^3.0.0", + "strip-eof": "^1.0.0" + } + }, "exit": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz", @@ -2161,22 +2575,142 @@ "integrity": "sha1-8FyiM7SMBdVP/wd2XfhQfpXAL/g=", "dev": true }, + "expand-brackets": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", + "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=", + "dev": true, + "requires": { + "debug": "^2.3.3", + "define-property": "^0.2.5", + "extend-shallow": "^2.0.1", + "posix-character-classes": "^0.1.0", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.1" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "dev": true, + "requires": { + "is-descriptor": "^0.1.0" + } + }, + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "dev": true, + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, "extend": { "version": "3.0.2", "resolved": "https://npm.mobiscroll.com/extend/-/extend-3.0.2.tgz", "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==", - "dev": true, - "optional": true + "dev": true }, - "external-editor": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.0.3.tgz", - "integrity": "sha512-bn71H9+qWoOQKyZDo25mOMVpSmXROAsTJVVVYzrrtol3d4y+AsKjf4Iwl2Q+IuT0kFSQ1qo166UuIwqYq7mGnA==", + "extend-shallow": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", + "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=", "dev": true, "requires": { - "chardet": "^0.7.0", - "iconv-lite": "^0.4.24", - "tmp": "^0.0.33" + "assign-symbols": "^1.0.0", + "is-extendable": "^1.0.1" + }, + "dependencies": { + "is-extendable": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", + "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", + "dev": true, + "requires": { + "is-plain-object": "^2.0.4" + } + } + } + }, + "external-editor": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.0.3.tgz", + "integrity": "sha512-bn71H9+qWoOQKyZDo25mOMVpSmXROAsTJVVVYzrrtol3d4y+AsKjf4Iwl2Q+IuT0kFSQ1qo166UuIwqYq7mGnA==", + "dev": true, + "requires": { + "chardet": "^0.7.0", + "iconv-lite": "^0.4.24", + "tmp": "^0.0.33" + } + }, + "extglob": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", + "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", + "dev": true, + "requires": { + "array-unique": "^0.3.2", + "define-property": "^1.0.0", + "expand-brackets": "^2.1.4", + "extend-shallow": "^2.0.1", + "fragment-cache": "^0.2.1", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.1" + }, + "dependencies": { + "define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", + "dev": true, + "requires": { + "is-descriptor": "^1.0.0" + } + }, + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "dev": true, + "requires": { + "is-extendable": "^0.1.0" + } + }, + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "dev": true, + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "dev": true, + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "dev": true, + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } } }, "extract-opts": { @@ -2200,8 +2734,7 @@ "version": "1.1.0", "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz", "integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ=", - "dev": true, - "optional": true + "dev": true }, "fast-json-stable-stringify": { "version": "2.0.0", @@ -2240,6 +2773,29 @@ "integrity": "sha1-peeo/7+kk7Q7kju9TKiaU7Y7YSs=", "dev": true }, + "fill-range": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", + "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", + "dev": true, + "requires": { + "extend-shallow": "^2.0.1", + "is-number": "^3.0.0", + "repeat-string": "^1.6.1", + "to-regex-range": "^2.1.0" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "dev": true, + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, "find-up": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz", @@ -2292,6 +2848,12 @@ "integrity": "sha512-R+H8IZclI8AAkSBRQJLVOsxwAoHd6WC40b4QTNWIjzAa6BXOBfQcM587MXDTVPeYaopFNWHUFLx7eNmHDSxMWg==", "dev": true }, + "for-in": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz", + "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=", + "dev": true + }, "foreach": { "version": "2.0.5", "resolved": "https://registry.npmjs.org/foreach/-/foreach-2.0.5.tgz", @@ -2302,27 +2864,586 @@ "version": "0.6.1", "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz", "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=", - "dev": true, - "optional": true + "dev": true }, "form-data": { "version": "2.3.2", "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.2.tgz", "integrity": "sha1-SXBJi+YEwgwAXU9cI67NIda0kJk=", "dev": true, - "optional": true, "requires": { "asynckit": "^0.4.0", "combined-stream": "1.0.6", "mime-types": "^2.1.12" } }, + "fragment-cache": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz", + "integrity": "sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=", + "dev": true, + "requires": { + "map-cache": "^0.2.2" + } + }, + "fs-extra": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-5.0.0.tgz", + "integrity": "sha512-66Pm4RYbjzdyeuqudYqhFiNBbCIuI9kgRqLPSHIlXHidW8NIQtVdkM1yeZ4lXwuhbTETv3EUGMNHAAw6hiundQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.2", + "jsonfile": "^4.0.0", + "universalify": "^0.1.0" + } + }, "fs.realpath": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=", "dev": true }, + "fsevents": { + "version": "1.2.9", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.9.tgz", + "integrity": "sha512-oeyj2H3EjjonWcFjD5NvZNE9Rqe4UW+nQBU2HNeKw0koVLEFIhtyETyAakeAM3de7Z/SW5kcA+fZUait9EApnw==", + "dev": true, + "optional": true, + "requires": { + "nan": "^2.12.1", + "node-pre-gyp": "^0.12.0" + }, + "dependencies": { + "abbrev": { + "version": "1.1.1", + "bundled": true, + "dev": true, + "optional": true + }, + "ansi-regex": { + "version": "2.1.1", + "bundled": true, + "dev": true + }, + "aproba": { + "version": "1.2.0", + "bundled": true, + "dev": true, + "optional": true + }, + "are-we-there-yet": { + "version": "1.1.5", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "delegates": "^1.0.0", + "readable-stream": "^2.0.6" + } + }, + "balanced-match": { + "version": "1.0.0", + "bundled": true, + "dev": true + }, + "brace-expansion": { + "version": "1.1.11", + "bundled": true, + "dev": true, + "requires": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "chownr": { + "version": "1.1.1", + "bundled": true, + "dev": true, + "optional": true + }, + "code-point-at": { + "version": "1.1.0", + "bundled": true, + "dev": true + }, + "concat-map": { + "version": "0.0.1", + "bundled": true, + "dev": true + }, + "console-control-strings": { + "version": "1.1.0", + "bundled": true, + "dev": true + }, + "core-util-is": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "debug": { + "version": "4.1.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "ms": "^2.1.1" + } + }, + "deep-extend": { + "version": "0.6.0", + "bundled": true, + "dev": true, + "optional": true + }, + "delegates": { + "version": "1.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "detect-libc": { + "version": "1.0.3", + "bundled": true, + "dev": true, + "optional": true + }, + "fs-minipass": { + "version": "1.2.5", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "minipass": "^2.2.1" + } + }, + "fs.realpath": { + "version": "1.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "gauge": { + "version": "2.7.4", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "aproba": "^1.0.3", + "console-control-strings": "^1.0.0", + "has-unicode": "^2.0.0", + "object-assign": "^4.1.0", + "signal-exit": "^3.0.0", + "string-width": "^1.0.1", + "strip-ansi": "^3.0.1", + "wide-align": "^1.1.0" + } + }, + "glob": { + "version": "7.1.3", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + }, + "has-unicode": { + "version": "2.0.1", + "bundled": true, + "dev": true, + "optional": true + }, + "iconv-lite": { + "version": "0.4.24", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "safer-buffer": ">= 2.1.2 < 3" + } + }, + "ignore-walk": { + "version": "3.0.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "minimatch": "^3.0.4" + } + }, + "inflight": { + "version": "1.0.6", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "inherits": { + "version": "2.0.3", + "bundled": true, + "dev": true + }, + "ini": { + "version": "1.3.5", + "bundled": true, + "dev": true, + "optional": true + }, + "is-fullwidth-code-point": { + "version": "1.0.0", + "bundled": true, + "dev": true, + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "isarray": { + "version": "1.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "minimatch": { + "version": "3.0.4", + "bundled": true, + "dev": true, + "requires": { + "brace-expansion": "^1.1.7" + } + }, + "minimist": { + "version": "0.0.8", + "bundled": true, + "dev": true + }, + "minipass": { + "version": "2.3.5", + "bundled": true, + "dev": true, + "requires": { + "safe-buffer": "^5.1.2", + "yallist": "^3.0.0" + } + }, + "minizlib": { + "version": "1.2.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "minipass": "^2.2.1" + } + }, + "mkdirp": { + "version": "0.5.1", + "bundled": true, + "dev": true, + "requires": { + "minimist": "0.0.8" + } + }, + "ms": { + "version": "2.1.1", + "bundled": true, + "dev": true, + "optional": true + }, + "needle": { + "version": "2.3.0", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "debug": "^4.1.0", + "iconv-lite": "^0.4.4", + "sax": "^1.2.4" + } + }, + "node-pre-gyp": { + "version": "0.12.0", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "detect-libc": "^1.0.2", + "mkdirp": "^0.5.1", + "needle": "^2.2.1", + "nopt": "^4.0.1", + "npm-packlist": "^1.1.6", + "npmlog": "^4.0.2", + "rc": "^1.2.7", + "rimraf": "^2.6.1", + "semver": "^5.3.0", + "tar": "^4" + } + }, + "nopt": { + "version": "4.0.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "abbrev": "1", + "osenv": "^0.1.4" + } + }, + "npm-bundled": { + "version": "1.0.6", + "bundled": true, + "dev": true, + "optional": true + }, + "npm-packlist": { + "version": "1.4.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "ignore-walk": "^3.0.1", + "npm-bundled": "^1.0.1" + } + }, + "npmlog": { + "version": "4.1.2", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "are-we-there-yet": "~1.1.2", + "console-control-strings": "~1.1.0", + "gauge": "~2.7.3", + "set-blocking": "~2.0.0" + } + }, + "number-is-nan": { + "version": "1.0.1", + "bundled": true, + "dev": true + }, + "object-assign": { + "version": "4.1.1", + "bundled": true, + "dev": true, + "optional": true + }, + "once": { + "version": "1.4.0", + "bundled": true, + "dev": true, + "requires": { + "wrappy": "1" + } + }, + "os-homedir": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "os-tmpdir": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "osenv": { + "version": "0.1.5", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "os-homedir": "^1.0.0", + "os-tmpdir": "^1.0.0" + } + }, + "path-is-absolute": { + "version": "1.0.1", + "bundled": true, + "dev": true, + "optional": true + }, + "process-nextick-args": { + "version": "2.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "rc": { + "version": "1.2.8", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "deep-extend": "^0.6.0", + "ini": "~1.3.0", + "minimist": "^1.2.0", + "strip-json-comments": "~2.0.1" + }, + "dependencies": { + "minimist": { + "version": "1.2.0", + "bundled": true, + "dev": true, + "optional": true + } + } + }, + "readable-stream": { + "version": "2.3.6", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "rimraf": { + "version": "2.6.3", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "glob": "^7.1.3" + } + }, + "safe-buffer": { + "version": "5.1.2", + "bundled": true, + "dev": true + }, + "safer-buffer": { + "version": "2.1.2", + "bundled": true, + "dev": true, + "optional": true + }, + "sax": { + "version": "1.2.4", + "bundled": true, + "dev": true, + "optional": true + }, + "semver": { + "version": "5.7.0", + "bundled": true, + "dev": true, + "optional": true + }, + "set-blocking": { + "version": "2.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "signal-exit": { + "version": "3.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "string-width": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "requires": { + "code-point-at": "^1.0.0", + "is-fullwidth-code-point": "^1.0.0", + "strip-ansi": "^3.0.0" + } + }, + "string_decoder": { + "version": "1.1.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "safe-buffer": "~5.1.0" + } + }, + "strip-ansi": { + "version": "3.0.1", + "bundled": true, + "dev": true, + "requires": { + "ansi-regex": "^2.0.0" + } + }, + "strip-json-comments": { + "version": "2.0.1", + "bundled": true, + "dev": true, + "optional": true + }, + "tar": { + "version": "4.4.8", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "chownr": "^1.1.1", + "fs-minipass": "^1.2.5", + "minipass": "^2.3.4", + "minizlib": "^1.1.1", + "mkdirp": "^0.5.0", + "safe-buffer": "^5.1.2", + "yallist": "^3.0.2" + } + }, + "util-deprecate": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "wide-align": { + "version": "1.1.3", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "string-width": "^1.0.2 || 2" + } + }, + "wrappy": { + "version": "1.0.2", + "bundled": true, + "dev": true + }, + "yallist": { + "version": "3.0.3", + "bundled": true, + "dev": true + } + } + }, + "fstream": { + "version": "1.0.12", + "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.12.tgz", + "integrity": "sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.2", + "inherits": "~2.0.0", + "mkdirp": ">=0.5 0", + "rimraf": "2" + } + }, "function-bind": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", @@ -2335,6 +3456,53 @@ "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=", "dev": true }, + "gauge": { + "version": "2.7.4", + "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz", + "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=", + "dev": true, + "requires": { + "aproba": "^1.0.3", + "console-control-strings": "^1.0.0", + "has-unicode": "^2.0.0", + "object-assign": "^4.1.0", + "signal-exit": "^3.0.0", + "string-width": "^1.0.1", + "strip-ansi": "^3.0.1", + "wide-align": "^1.1.0" + }, + "dependencies": { + "is-fullwidth-code-point": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", + "dev": true, + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "string-width": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", + "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", + "dev": true, + "requires": { + "code-point-at": "^1.0.0", + "is-fullwidth-code-point": "^1.0.0", + "strip-ansi": "^3.0.0" + } + } + } + }, + "gaze": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.3.tgz", + "integrity": "sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==", + "dev": true, + "requires": { + "globule": "^1.0.0" + } + }, "generate-function": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/generate-function/-/generate-function-2.3.1.tgz", @@ -2353,12 +3521,33 @@ "is-property": "^1.0.0" } }, + "get-caller-file": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz", + "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==", + "dev": true + }, "get-stdin": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz", "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=", "dev": true }, + "get-stream": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz", + "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==", + "dev": true, + "requires": { + "pump": "^3.0.0" + } + }, + "get-value": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz", + "integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=", + "dev": true + }, "getobject": { "version": "0.1.0", "resolved": "https://registry.npmjs.org/getobject/-/getobject-0.1.0.tgz", @@ -2370,7 +3559,6 @@ "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz", "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=", "dev": true, - "optional": true, "requires": { "assert-plus": "^1.0.0" } @@ -2389,12 +3577,53 @@ "path-is-absolute": "^1.0.0" } }, + "glob-parent": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", + "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=", + "dev": true, + "requires": { + "is-glob": "^3.1.0", + "path-dirname": "^1.0.0" + }, + "dependencies": { + "is-glob": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", + "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", + "dev": true, + "requires": { + "is-extglob": "^2.1.0" + } + } + } + }, "globals": { "version": "9.18.0", "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz", "integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==", "dev": true }, + "globs": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/globs/-/globs-0.1.4.tgz", + "integrity": "sha512-D23dWbOq48vlOraoSigbcQV4tWrnhwk+E/Um2cMuDS3/5dwGmdFeA7L/vAvDhLFlQOTDqHcXh35m/71g2A2WzQ==", + "dev": true, + "requires": { + "glob": "^7.1.1" + } + }, + "globule": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.1.tgz", + "integrity": "sha512-g7QtgWF4uYSL5/dn71WxubOrS7JVGCnFPEnoeChJmBnyR9Mw8nGoEwOgJL/RC2Te0WhbsEUCejfH8SZNJ+adYQ==", + "dev": true, + "requires": { + "glob": "~7.1.1", + "lodash": "~4.17.10", + "minimatch": "~3.0.2" + } + }, "graceful-fs": { "version": "4.1.11", "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz", @@ -2515,29 +3744,6 @@ "jshint": "~2.9.4" } }, - "grunt-contrib-less": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/grunt-contrib-less/-/grunt-contrib-less-2.0.0.tgz", - "integrity": "sha512-nsaODoEMjVn61OuqPaFeFQpb4Qd/EbfxQDeYnh2oONXm8L5Gnuchtv59kl0V3hjiFdOkZlPILDc3ZrkoZI0PNw==", - "dev": true, - "requires": { - "async": "^2.0.0", - "chalk": "^1.0.0", - "less": "^3.0.4", - "lodash": "^4.17.10" - }, - "dependencies": { - "async": { - "version": "2.6.1", - "resolved": "https://registry.npmjs.org/async/-/async-2.6.1.tgz", - "integrity": "sha512-fNEiL2+AZt6AlAw/29Cr0UDe4sRAHCpEHh54WMz+Bb7QfNcFw4h3loofyJpLeQs4Yx7yuqu/2dLgM5hKOs6HlQ==", - "dev": true, - "requires": { - "lodash": "^4.17.10" - } - } - } - }, "grunt-eslint": { "version": "19.0.0", "resolved": "https://registry.npmjs.org/grunt-eslint/-/grunt-eslint-19.0.0.tgz", @@ -2897,19 +4103,23 @@ "strip-ansi": "^3.0.0" } }, + "grunt-sass": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/grunt-sass/-/grunt-sass-3.0.2.tgz", + "integrity": "sha512-Ogq4cWqBre71gZIkgxIxevgzZHSIIsrKu/5yvPDl4Mvib0A4TRTJEQUdpQ0YV1iai0DPjayz02vDJE6KUVHQ2w==", + "dev": true + }, "har-schema": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz", "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=", - "dev": true, - "optional": true + "dev": true }, "har-validator": { "version": "5.0.3", "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.0.3.tgz", "integrity": "sha1-ukAsJmGU8VlW7xXg/PJCmT9qff0=", "dev": true, - "optional": true, "requires": { "ajv": "^5.1.0", "har-schema": "^2.0.0" @@ -2920,7 +4130,6 @@ "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.5.2.tgz", "integrity": "sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=", "dev": true, - "optional": true, "requires": { "co": "^4.6.0", "fast-deep-equal": "^1.0.0", @@ -2954,6 +4163,44 @@ "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", "dev": true }, + "has-unicode": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", + "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=", + "dev": true + }, + "has-value": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz", + "integrity": "sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=", + "dev": true, + "requires": { + "get-value": "^2.0.6", + "has-values": "^1.0.0", + "isobject": "^3.0.0" + } + }, + "has-values": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz", + "integrity": "sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=", + "dev": true, + "requires": { + "is-number": "^3.0.0", + "kind-of": "^4.0.0" + }, + "dependencies": { + "kind-of": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz", + "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=", + "dev": true, + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, "home-or-tmp": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/home-or-tmp/-/home-or-tmp-2.0.0.tgz", @@ -3020,7 +4267,6 @@ "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz", "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=", "dev": true, - "optional": true, "requires": { "assert-plus": "^1.0.0", "jsprim": "^1.2.2", @@ -3042,13 +4288,6 @@ "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==", "dev": true }, - "image-size": { - "version": "0.5.5", - "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz", - "integrity": "sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=", - "dev": true, - "optional": true - }, "import-fresh": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.0.0.tgz", @@ -3195,24 +4434,116 @@ "loose-envify": "^1.0.0" } }, + "invert-kv": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz", + "integrity": "sha1-EEqOSqym09jNFXqO+L+rLXo//bY=", + "dev": true + }, + "is-accessor-descriptor": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", + "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", + "dev": true, + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "dev": true, + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, "is-arrayish": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=", "dev": true }, + "is-binary-path": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz", + "integrity": "sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=", + "dev": true, + "requires": { + "binary-extensions": "^1.0.0" + } + }, + "is-buffer": { + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz", + "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==", + "dev": true + }, "is-callable": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.1.3.tgz", "integrity": "sha1-hut1OSgF3cM69xySoO7fdO52BLI=", "dev": true }, + "is-data-descriptor": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", + "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", + "dev": true, + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "dev": true, + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, "is-date-object": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.1.tgz", "integrity": "sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY=", "dev": true }, + "is-descriptor": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", + "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", + "dev": true, + "requires": { + "is-accessor-descriptor": "^0.1.6", + "is-data-descriptor": "^0.1.4", + "kind-of": "^5.0.0" + }, + "dependencies": { + "kind-of": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", + "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", + "dev": true + } + } + }, + "is-extendable": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", + "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=", + "dev": true + }, + "is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=", + "dev": true + }, "is-finite": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz", @@ -3228,6 +4559,15 @@ "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=", "dev": true }, + "is-glob": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz", + "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==", + "dev": true, + "requires": { + "is-extglob": "^2.1.1" + } + }, "is-module": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz", @@ -3253,6 +4593,35 @@ "xtend": "^4.0.0" } }, + "is-number": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", + "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", + "dev": true, + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "dev": true, + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "is-plain-object": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", + "dev": true, + "requires": { + "isobject": "^3.0.1" + } + }, "is-promise": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.1.0.tgz", @@ -3280,6 +4649,12 @@ "integrity": "sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg==", "dev": true }, + "is-stream": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz", + "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=", + "dev": true + }, "is-symbol": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.1.tgz", @@ -3290,8 +4665,7 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz", "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=", - "dev": true, - "optional": true + "dev": true }, "is-utf8": { "version": "0.2.1", @@ -3299,6 +4673,12 @@ "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=", "dev": true }, + "is-windows": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", + "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==", + "dev": true + }, "isarray": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", @@ -3311,12 +4691,17 @@ "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=", "dev": true }, + "isobject": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", + "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=", + "dev": true + }, "isstream": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz", "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=", - "dev": true, - "optional": true + "dev": true }, "jit-grunt": { "version": "0.10.0", @@ -3324,6 +4709,12 @@ "integrity": "sha1-AIw6f+Hpa9DYTiYOofoXg0V/ecI=", "dev": true }, + "js-base64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.5.1.tgz", + "integrity": "sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw==", + "dev": true + }, "js-tokens": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz", @@ -3387,15 +4778,13 @@ "version": "0.2.3", "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz", "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=", - "dev": true, - "optional": true + "dev": true }, "json-schema-traverse": { "version": "0.3.1", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.3.1.tgz", "integrity": "sha1-NJptRMU6Ud6JtAgFxdXlm0F9M0A=", - "dev": true, - "optional": true + "dev": true }, "json-stable-stringify": { "version": "1.0.1", @@ -3416,8 +4805,7 @@ "version": "5.0.1", "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz", "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=", - "dev": true, - "optional": true + "dev": true }, "json5": { "version": "0.5.1", @@ -3425,6 +4813,15 @@ "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=", "dev": true }, + "jsonfile": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", + "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=", + "dev": true, + "requires": { + "graceful-fs": "^4.1.6" + } + }, "jsonify": { "version": "0.0.0", "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.0.tgz", @@ -3442,7 +4839,6 @@ "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz", "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=", "dev": true, - "optional": true, "requires": { "assert-plus": "1.0.0", "extsprintf": "1.3.0", @@ -3456,29 +4852,19 @@ "integrity": "sha1-OGchPo3Xm/Ho8jAMDPwe+xgsDfE=", "dev": true }, - "less": { - "version": "3.8.0", - "resolved": "https://registry.npmjs.org/less/-/less-3.8.0.tgz", - "integrity": "sha512-746DPDyL+Wsjo7h/Z3t+A3Mg/mpDTaxW4puZyLhCQJjWJJvHggN735orjuCLIYgo7jKqv1zWLiQrxkuUOg5oGA==", + "kind-of": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", + "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", + "dev": true + }, + "lcid": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz", + "integrity": "sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=", "dev": true, "requires": { - "errno": "^0.1.1", - "graceful-fs": "^4.1.2", - "image-size": "~0.5.0", - "mime": "^1.4.1", - "mkdirp": "^0.5.0", - "promise": "^7.1.1", - "request": "^2.83.0", - "source-map": "~0.6.0" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true, - "optional": true - } + "invert-kv": "^1.0.0" } }, "levn": { @@ -3556,12 +4942,36 @@ "strip-bom": "^2.0.0" } }, + "locate-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", + "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", + "dev": true, + "requires": { + "p-locate": "^3.0.0", + "path-exists": "^3.0.0" + }, + "dependencies": { + "path-exists": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", + "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=", + "dev": true + } + } + }, "lodash": { "version": "4.17.11", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", "dev": true }, + "lodash.debounce": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", + "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=", + "dev": true + }, "loose-envify": { "version": "1.3.1", "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.3.1.tgz", @@ -3581,12 +4991,65 @@ "signal-exit": "^3.0.0" } }, + "lru-cache": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz", + "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==", + "dev": true, + "requires": { + "pseudomap": "^1.0.2", + "yallist": "^2.1.2" + } + }, + "map-age-cleaner": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz", + "integrity": "sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==", + "dev": true, + "requires": { + "p-defer": "^1.0.0" + } + }, + "map-cache": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz", + "integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=", + "dev": true + }, "map-obj": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz", "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=", "dev": true }, + "map-visit": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz", + "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=", + "dev": true, + "requires": { + "object-visit": "^1.0.0" + } + }, + "mem": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/mem/-/mem-4.3.0.tgz", + "integrity": "sha512-qX2bG48pTqYRVmDB37rn/6PT7LcR8T7oAX3bf99u1Tt1nzxYfxkgqDwUwolPlXweM0XzBOBFzSx4kfp7KP1s/w==", + "dev": true, + "requires": { + "map-age-cleaner": "^0.1.1", + "mimic-fn": "^2.0.0", + "p-is-promise": "^2.0.0" + }, + "dependencies": { + "mimic-fn": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", + "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==", + "dev": true + } + } + }, "meow": { "version": "3.7.0", "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz", @@ -3605,12 +5068,26 @@ "trim-newlines": "^1.0.0" } }, - "mime": { - "version": "1.6.0", - "resolved": "https://npm.mobiscroll.com/mime/-/mime-1.6.0.tgz", - "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", + "micromatch": { + "version": "3.1.10", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", + "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", "dev": true, - "optional": true + "requires": { + "arr-diff": "^4.0.0", + "array-unique": "^0.3.2", + "braces": "^2.3.1", + "define-property": "^2.0.2", + "extend-shallow": "^3.0.2", + "extglob": "^2.0.4", + "fragment-cache": "^0.2.1", + "kind-of": "^6.0.2", + "nanomatch": "^1.2.9", + "object.pick": "^1.3.0", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.2" + } }, "mime-db": { "version": "1.35.0", @@ -3648,6 +5125,27 @@ "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", "dev": true }, + "mixin-deep": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.1.tgz", + "integrity": "sha512-8ZItLHeEgaqEvd5lYBXfm4EZSFCX29Jb9K+lAHhDKzReKBQKj3R+7NOF6tjqYi9t4oI8VUfaWITJQm86wnXGNQ==", + "dev": true, + "requires": { + "for-in": "^1.0.2", + "is-extendable": "^1.0.1" + }, + "dependencies": { + "is-extendable": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", + "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", + "dev": true, + "requires": { + "is-plain-object": "^2.0.4" + } + } + } + }, "mkdirp": { "version": "0.5.1", "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", @@ -3689,6 +5187,31 @@ "integrity": "sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=", "dev": true }, + "nan": { + "version": "2.14.0", + "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.0.tgz", + "integrity": "sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==", + "dev": true + }, + "nanomatch": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz", + "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==", + "dev": true, + "requires": { + "arr-diff": "^4.0.0", + "array-unique": "^0.3.2", + "define-property": "^2.0.2", + "extend-shallow": "^3.0.2", + "fragment-cache": "^0.2.1", + "is-windows": "^1.0.2", + "kind-of": "^6.0.2", + "object.pick": "^1.3.0", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.1" + } + }, "natural-compare": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz", @@ -3707,6 +5230,137 @@ "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==", "dev": true }, + "node-gyp": { + "version": "3.8.0", + "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.8.0.tgz", + "integrity": "sha512-3g8lYefrRRzvGeSowdJKAKyks8oUpLEd/DyPV4eMhVlhJ0aNaZqIrNUIPuEWWTAoPqyFkfGrM67MC69baqn6vA==", + "dev": true, + "requires": { + "fstream": "^1.0.0", + "glob": "^7.0.3", + "graceful-fs": "^4.1.2", + "mkdirp": "^0.5.0", + "nopt": "2 || 3", + "npmlog": "0 || 1 || 2 || 3 || 4", + "osenv": "0", + "request": "^2.87.0", + "rimraf": "2", + "semver": "~5.3.0", + "tar": "^2.0.0", + "which": "1" + }, + "dependencies": { + "semver": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz", + "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=", + "dev": true + } + } + }, + "node-sass": { + "version": "4.12.0", + "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.12.0.tgz", + "integrity": "sha512-A1Iv4oN+Iel6EPv77/HddXErL2a+gZ4uBeZUy+a8O35CFYTXhgA8MgLCWBtwpGZdCvTvQ9d+bQxX/QC36GDPpQ==", + "dev": true, + "requires": { + "async-foreach": "^0.1.3", + "chalk": "^1.1.1", + "cross-spawn": "^3.0.0", + "gaze": "^1.0.0", + "get-stdin": "^4.0.1", + "glob": "^7.0.3", + "in-publish": "^2.0.0", + "lodash": "^4.17.11", + "meow": "^3.7.0", + "mkdirp": "^0.5.1", + "nan": "^2.13.2", + "node-gyp": "^3.8.0", + "npmlog": "^4.0.0", + "request": "^2.88.0", + "sass-graph": "^2.2.4", + "stdout-stream": "^1.4.0", + "true-case-path": "^1.0.2" + }, + "dependencies": { + "aws4": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.8.0.tgz", + "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==", + "dev": true + }, + "cross-spawn": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz", + "integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=", + "dev": true, + "requires": { + "lru-cache": "^4.0.1", + "which": "^1.2.9" + } + }, + "har-validator": { + "version": "5.1.3", + "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.3.tgz", + "integrity": "sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==", + "dev": true, + "requires": { + "ajv": "^6.5.5", + "har-schema": "^2.0.0" + } + }, + "oauth-sign": { + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz", + "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==", + "dev": true + }, + "request": { + "version": "2.88.0", + "resolved": "https://registry.npmjs.org/request/-/request-2.88.0.tgz", + "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==", + "dev": true, + "requires": { + "aws-sign2": "~0.7.0", + "aws4": "^1.8.0", + "caseless": "~0.12.0", + "combined-stream": "~1.0.6", + "extend": "~3.0.2", + "forever-agent": "~0.6.1", + "form-data": "~2.3.2", + "har-validator": "~5.1.0", + "http-signature": "~1.2.0", + "is-typedarray": "~1.0.0", + "isstream": "~0.1.2", + "json-stringify-safe": "~5.0.1", + "mime-types": "~2.1.19", + "oauth-sign": "~0.9.0", + "performance-now": "^2.1.0", + "qs": "~6.5.2", + "safe-buffer": "^5.1.2", + "tough-cookie": "~2.4.3", + "tunnel-agent": "^0.6.0", + "uuid": "^3.3.2" + } + }, + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "tough-cookie": { + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz", + "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==", + "dev": true, + "requires": { + "psl": "^1.1.24", + "punycode": "^1.4.1" + } + } + } + }, "nopt": { "version": "3.0.6", "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz", @@ -3745,6 +5399,33 @@ } } }, + "normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true + }, + "npm-run-path": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz", + "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=", + "dev": true, + "requires": { + "path-key": "^2.0.0" + } + }, + "npmlog": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz", + "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==", + "dev": true, + "requires": { + "are-we-there-yet": "~1.1.2", + "console-control-strings": "~1.1.0", + "gauge": "~2.7.3", + "set-blocking": "~2.0.0" + } + }, "number-is-nan": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz", @@ -3755,8 +5436,7 @@ "version": "0.8.2", "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.8.2.tgz", "integrity": "sha1-Rqarfwrq2N6unsBWV4C31O/rnUM=", - "dev": true, - "optional": true + "dev": true }, "object-assign": { "version": "4.1.1", @@ -3764,12 +5444,52 @@ "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=", "dev": true }, + "object-copy": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz", + "integrity": "sha1-fn2Fi3gb18mRpBupde04EnVOmYw=", + "dev": true, + "requires": { + "copy-descriptor": "^0.1.0", + "define-property": "^0.2.5", + "kind-of": "^3.0.3" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "dev": true, + "requires": { + "is-descriptor": "^0.1.0" + } + }, + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "dev": true, + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, "object-keys": { "version": "1.0.11", "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.0.11.tgz", "integrity": "sha1-xUYBd4rVYPEULODgG8yotW0TQm0=", "dev": true }, + "object-visit": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz", + "integrity": "sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=", + "dev": true, + "requires": { + "isobject": "^3.0.0" + } + }, "object.assign": { "version": "4.0.4", "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.0.4.tgz", @@ -3781,6 +5501,15 @@ "object-keys": "^1.0.10" } }, + "object.pick": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz", + "integrity": "sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=", + "dev": true, + "requires": { + "isobject": "^3.0.1" + } + }, "once": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", @@ -3819,12 +5548,73 @@ "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=", "dev": true }, + "os-locale": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz", + "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=", + "dev": true, + "requires": { + "lcid": "^1.0.0" + } + }, "os-tmpdir": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=", "dev": true }, + "osenv": { + "version": "0.1.5", + "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz", + "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==", + "dev": true, + "requires": { + "os-homedir": "^1.0.0", + "os-tmpdir": "^1.0.0" + } + }, + "p-defer": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz", + "integrity": "sha1-n26xgvbJqozXQwBKfU+WsZaw+ww=", + "dev": true + }, + "p-finally": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz", + "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=", + "dev": true + }, + "p-is-promise": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-2.1.0.tgz", + "integrity": "sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg==", + "dev": true + }, + "p-limit": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.0.tgz", + "integrity": "sha512-pZbTJpoUsCzV48Mc9Nh51VbwO0X9cuPFE8gYwx9BTCt9SF8/b7Zljd2fVgOxhIF/HDTKgpVzs+GPhyKfjLLFRQ==", + "dev": true, + "requires": { + "p-try": "^2.0.0" + } + }, + "p-locate": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", + "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", + "dev": true, + "requires": { + "p-limit": "^2.0.0" + } + }, + "p-try": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", + "dev": true + }, "parent-module": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", @@ -3851,6 +5641,18 @@ "error-ex": "^1.2.0" } }, + "pascalcase": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz", + "integrity": "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=", + "dev": true + }, + "path-dirname": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz", + "integrity": "sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=", + "dev": true + }, "path-exists": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz", @@ -3899,8 +5701,7 @@ "version": "2.1.0", "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=", - "dev": true, - "optional": true + "dev": true }, "pify": { "version": "2.3.0", @@ -3944,12 +5745,24 @@ "find-up": "^1.0.0" } }, + "posix-character-classes": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz", + "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=", + "dev": true + }, "prelude-ls": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz", "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=", "dev": true }, + "pretty-bytes": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-4.0.2.tgz", + "integrity": "sha1-sr+C5zUNZcbDOqlaqlpPYyf2HNk=", + "dev": true + }, "private": { "version": "0.1.7", "resolved": "https://registry.npmjs.org/private/-/private-0.1.7.tgz", @@ -3968,36 +5781,39 @@ "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==", "dev": true }, - "promise": { - "version": "7.3.1", - "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz", - "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==", + "pseudomap": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz", + "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=", + "dev": true + }, + "psl": { + "version": "1.1.32", + "resolved": "https://registry.npmjs.org/psl/-/psl-1.1.32.tgz", + "integrity": "sha512-MHACAkHpihU/REGGPLj4sEfc/XKW2bheigvHO1dUqjaKigMp1C8+WLQYRGgeKFMsw5PMfegZcaN8IDXK/cD0+g==", + "dev": true + }, + "pump": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz", + "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", "dev": true, - "optional": true, "requires": { - "asap": "~2.0.3" + "end-of-stream": "^1.1.0", + "once": "^1.3.1" } }, - "prr": { - "version": "1.0.1", - "resolved": "https://npm.mobiscroll.com/prr/-/prr-1.0.1.tgz", - "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=", - "dev": true, - "optional": true - }, "punycode": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=", - "dev": true, - "optional": true + "dev": true }, "qs": { "version": "6.5.2", "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz", "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==", - "dev": true, - "optional": true + "dev": true }, "read-pkg": { "version": "1.1.0", @@ -4035,6 +5851,17 @@ "util-deprecate": "~1.0.1" } }, + "readdirp": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz", + "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.11", + "micromatch": "^3.1.10", + "readable-stream": "^2.0.2" + } + }, "readline2": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/readline2/-/readline2-1.0.1.tgz", @@ -4111,6 +5938,16 @@ "private": "^0.1.6" } }, + "regex-not": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz", + "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==", + "dev": true, + "requires": { + "extend-shallow": "^3.0.2", + "safe-regex": "^1.1.0" + } + }, "regexpp": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-2.0.1.tgz", @@ -4143,6 +5980,24 @@ "jsesc": "~0.5.0" } }, + "remove-trailing-separator": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz", + "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=", + "dev": true + }, + "repeat-element": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.3.tgz", + "integrity": "sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==", + "dev": true + }, + "repeat-string": { + "version": "1.6.1", + "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", + "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=", + "dev": true + }, "repeating": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz", @@ -4157,7 +6012,6 @@ "resolved": "https://registry.npmjs.org/request/-/request-2.87.0.tgz", "integrity": "sha512-fcogkm7Az5bsS6Sl0sibkbhcKsnyon/jV1kF3ajGmF0c8HrttdKTPRT9hieOaQHA5HEq6r8OyWOo/o781C1tNw==", "dev": true, - "optional": true, "requires": { "aws-sign2": "~0.7.0", "aws4": "^1.6.0", @@ -4181,6 +6035,18 @@ "uuid": "^3.1.0" } }, + "require-directory": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", + "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=", + "dev": true + }, + "require-main-filename": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz", + "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=", + "dev": true + }, "require-uncached": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/require-uncached/-/require-uncached-1.0.3.tgz", @@ -4250,6 +6116,12 @@ } } }, + "resolve-url": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", + "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=", + "dev": true + }, "restore-cursor": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz", @@ -4260,6 +6132,12 @@ "signal-exit": "^3.0.2" } }, + "ret": { + "version": "0.1.15", + "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz", + "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==", + "dev": true + }, "rimraf": { "version": "2.6.2", "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.2.tgz", @@ -4358,6 +6236,15 @@ "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==", "dev": true }, + "safe-regex": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", + "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=", + "dev": true, + "requires": { + "ret": "~0.1.10" + } + }, "safefs": { "version": "4.1.0", "resolved": "https://registry.npmjs.org/safefs/-/safefs-4.1.0.tgz", @@ -4374,12 +6261,255 @@ "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", "dev": true }, + "sass-graph": { + "version": "2.2.4", + "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.4.tgz", + "integrity": "sha1-E/vWPNHK8JCLn9k0dq1DpR0eC0k=", + "dev": true, + "requires": { + "glob": "^7.0.0", + "lodash": "^4.0.0", + "scss-tokenizer": "^0.2.3", + "yargs": "^7.0.0" + } + }, + "scss-bundle": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/scss-bundle/-/scss-bundle-2.5.1.tgz", + "integrity": "sha512-n5gUfBqbPDuP7LYxG7Oi51jeyErzqhLOtofQl9ctYi8DRwGYpnCJIOl+9L3/o5O5srfM80ADLF/wYg11NUnh3Q==", + "dev": true, + "requires": { + "@types/chokidar": "^1.7.5", + "@types/lodash.debounce": "^4.0.4", + "archy": "^1.0.0", + "chokidar": "^2.0.4", + "fs-extra": "^5.0.0", + "globs": "^0.1.3", + "lodash.debounce": "^4.0.8", + "node-sass": "^4.10.0", + "pretty-bytes": "^4.0.2", + "promise": "^8.0.1", + "yargs": "^13.1.0" + }, + "dependencies": { + "ansi-regex": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz", + "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==", + "dev": true + }, + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "requires": { + "color-convert": "^1.9.0" + } + }, + "camelcase": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", + "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", + "dev": true + }, + "cliui": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz", + "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==", + "dev": true, + "requires": { + "string-width": "^3.1.0", + "strip-ansi": "^5.2.0", + "wrap-ansi": "^5.1.0" + } + }, + "find-up": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", + "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", + "dev": true, + "requires": { + "locate-path": "^3.0.0" + } + }, + "get-caller-file": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", + "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", + "dev": true + }, + "invert-kv": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-2.0.0.tgz", + "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==", + "dev": true + }, + "lcid": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz", + "integrity": "sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==", + "dev": true, + "requires": { + "invert-kv": "^2.0.0" + } + }, + "os-locale": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.1.0.tgz", + "integrity": "sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==", + "dev": true, + "requires": { + "execa": "^1.0.0", + "lcid": "^2.0.0", + "mem": "^4.0.0" + } + }, + "promise": { + "version": "8.0.3", + "resolved": "https://registry.npmjs.org/promise/-/promise-8.0.3.tgz", + "integrity": "sha512-HeRDUL1RJiLhyA0/grn+PTShlBAcLuh/1BJGtrvjwbvRDCTLLMEz9rOGCV+R3vHY4MixIuoMEd9Yq/XvsTPcjw==", + "dev": true, + "requires": { + "asap": "~2.0.6" + } + }, + "require-main-filename": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz", + "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==", + "dev": true + }, + "string-width": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", + "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", + "dev": true, + "requires": { + "emoji-regex": "^7.0.1", + "is-fullwidth-code-point": "^2.0.0", + "strip-ansi": "^5.1.0" + } + }, + "strip-ansi": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", + "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", + "dev": true, + "requires": { + "ansi-regex": "^4.1.0" + } + }, + "which-module": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz", + "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=", + "dev": true + }, + "wrap-ansi": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz", + "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==", + "dev": true, + "requires": { + "ansi-styles": "^3.2.0", + "string-width": "^3.0.0", + "strip-ansi": "^5.0.0" + } + }, + "y18n": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz", + "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==", + "dev": true + }, + "yargs": { + "version": "13.2.4", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.2.4.tgz", + "integrity": "sha512-HG/DWAJa1PAnHT9JAhNa8AbAv3FPaiLzioSjCcmuXXhP8MlpHO5vwls4g4j6n30Z74GVQj8Xa62dWVx1QCGklg==", + "dev": true, + "requires": { + "cliui": "^5.0.0", + "find-up": "^3.0.0", + "get-caller-file": "^2.0.1", + "os-locale": "^3.1.0", + "require-directory": "^2.1.1", + "require-main-filename": "^2.0.0", + "set-blocking": "^2.0.0", + "string-width": "^3.0.0", + "which-module": "^2.0.0", + "y18n": "^4.0.0", + "yargs-parser": "^13.1.0" + } + }, + "yargs-parser": { + "version": "13.1.0", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.0.tgz", + "integrity": "sha512-Yq+32PrijHRri0vVKQEm+ys8mbqWjLiwQkMFNXEENutzLPP0bE4Lcd4iA3OQY5HF+GD3xXxf0MEHb8E4/SA3AA==", + "dev": true, + "requires": { + "camelcase": "^5.0.0", + "decamelize": "^1.2.0" + } + } + } + }, + "scss-tokenizer": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz", + "integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=", + "dev": true, + "requires": { + "js-base64": "^2.1.8", + "source-map": "^0.4.2" + }, + "dependencies": { + "source-map": { + "version": "0.4.4", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz", + "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=", + "dev": true, + "requires": { + "amdefine": ">=0.0.4" + } + } + } + }, "semver": { "version": "5.4.1", "resolved": "https://registry.npmjs.org/semver/-/semver-5.4.1.tgz", "integrity": "sha512-WfG/X9+oATh81XtllIo/I8gOiY9EXRdv1cQdyykeXK17YcUW3EXUAi2To4pcH6nZtJPr7ZOpM5OMyWJZm+8Rsg==", "dev": true }, + "set-blocking": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", + "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=", + "dev": true + }, + "set-value": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.0.tgz", + "integrity": "sha512-hw0yxk9GT/Hr5yJEYnHNKYXkIA8mVJgd9ditYZCe16ZczcaELYYcfvaXesNACk2O8O0nTiPQcQhGUQj8JLzeeg==", + "dev": true, + "requires": { + "extend-shallow": "^2.0.1", + "is-extendable": "^0.1.1", + "is-plain-object": "^2.0.3", + "split-string": "^3.0.1" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "dev": true, + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, "shebang-command": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz", @@ -4440,12 +6570,132 @@ } } }, + "snapdragon": { + "version": "0.8.2", + "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", + "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==", + "dev": true, + "requires": { + "base": "^0.11.1", + "debug": "^2.2.0", + "define-property": "^0.2.5", + "extend-shallow": "^2.0.1", + "map-cache": "^0.2.2", + "source-map": "^0.5.6", + "source-map-resolve": "^0.5.0", + "use": "^3.1.0" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "dev": true, + "requires": { + "is-descriptor": "^0.1.0" + } + }, + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "dev": true, + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "snapdragon-node": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz", + "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==", + "dev": true, + "requires": { + "define-property": "^1.0.0", + "isobject": "^3.0.0", + "snapdragon-util": "^3.0.1" + }, + "dependencies": { + "define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", + "dev": true, + "requires": { + "is-descriptor": "^1.0.0" + } + }, + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "dev": true, + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "dev": true, + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "dev": true, + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, + "snapdragon-util": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz", + "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==", + "dev": true, + "requires": { + "kind-of": "^3.2.0" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "dev": true, + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, "source-map": { "version": "0.5.7", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", "dev": true }, + "source-map-resolve": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.2.tgz", + "integrity": "sha512-MjqsvNwyz1s0k81Goz/9vRBe9SZdB09Bdw+/zYyO+3CuPk6fouTaxscHkgtE8jKvf01kVfl8riHzERQ/kefaSA==", + "dev": true, + "requires": { + "atob": "^2.1.1", + "decode-uri-component": "^0.2.0", + "resolve-url": "^0.2.1", + "source-map-url": "^0.4.0", + "urix": "^0.1.0" + } + }, "source-map-support": { "version": "0.4.18", "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.4.18.tgz", @@ -4455,6 +6705,12 @@ "source-map": "^0.5.6" } }, + "source-map-url": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.0.tgz", + "integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=", + "dev": true + }, "spdx-correct": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz", @@ -4487,6 +6743,15 @@ "integrity": "sha512-uBIcIl3Ih6Phe3XHK1NqboJLdGfwr1UN3k6wSD1dZpmPsIkb8AGNbZYJ1fOBk834+Gxy8rpfDxrS6XLEMZMY2g==", "dev": true }, + "split-string": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", + "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==", + "dev": true, + "requires": { + "extend-shallow": "^3.0.0" + } + }, "sprintf-js": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", @@ -4498,7 +6763,6 @@ "resolved": "https://npm.mobiscroll.com/sshpk/-/sshpk-1.14.2.tgz", "integrity": "sha1-xvxhZIo9nE52T9P8306hBeSSupg=", "dev": true, - "optional": true, "requires": { "asn1": "~0.2.3", "assert-plus": "^1.0.0", @@ -4511,6 +6775,36 @@ "tweetnacl": "~0.14.0" } }, + "static-extend": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz", + "integrity": "sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=", + "dev": true, + "requires": { + "define-property": "^0.2.5", + "object-copy": "^0.1.0" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "dev": true, + "requires": { + "is-descriptor": "^0.1.0" + } + } + } + }, + "stdout-stream": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.1.tgz", + "integrity": "sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==", + "dev": true, + "requires": { + "readable-stream": "^2.0.1" + } + }, "string-width": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", @@ -4565,6 +6859,12 @@ "is-utf8": "^0.2.0" } }, + "strip-eof": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz", + "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=", + "dev": true + }, "strip-indent": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz", @@ -4638,6 +6938,17 @@ } } }, + "tar": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.2.tgz", + "integrity": "sha512-FCEhQ/4rE1zYv9rYXJw/msRqsnmlje5jHP6huWeBZ704jUTy02c5AZyWujpMR1ax6mVw9NyJMfuK2CMDWVIfgA==", + "dev": true, + "requires": { + "block-stream": "*", + "fstream": "^1.0.12", + "inherits": "2" + } + }, "text-table": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz", @@ -4665,12 +6976,53 @@ "integrity": "sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=", "dev": true }, + "to-object-path": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz", + "integrity": "sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=", + "dev": true, + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "dev": true, + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "to-regex": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz", + "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==", + "dev": true, + "requires": { + "define-property": "^2.0.2", + "extend-shallow": "^3.0.2", + "regex-not": "^1.0.2", + "safe-regex": "^1.1.0" + } + }, + "to-regex-range": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", + "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=", + "dev": true, + "requires": { + "is-number": "^3.0.0", + "repeat-string": "^1.6.1" + } + }, "tough-cookie": { "version": "2.3.4", "resolved": "https://npm.mobiscroll.com/tough-cookie/-/tough-cookie-2.3.4.tgz", "integrity": "sha512-TZ6TTfI5NtZnuyy/Kecv+CnoROnyXn2DN97LontgQpCwsX2XyLYCC0ENhYkehSOwAp8rTQKc/NUIF7BkQ5rKLA==", "dev": true, - "optional": true, "requires": { "punycode": "^1.4.1" } @@ -4687,6 +7039,15 @@ "integrity": "sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=", "dev": true }, + "true-case-path": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.3.tgz", + "integrity": "sha512-m6s2OdQe5wgpFMC+pAJ+q9djG82O2jcHPOI6RNg1yy9rCYR+WD6Nbpl32fDpfC56nirdRy+opFa/Vk7HYhqaew==", + "dev": true, + "requires": { + "glob": "^7.1.2" + } + }, "tsickle": { "version": "0.21.6", "resolved": "https://registry.npmjs.org/tsickle/-/tsickle-0.21.6.tgz", @@ -4710,7 +7071,6 @@ "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz", "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=", "dev": true, - "optional": true, "requires": { "safe-buffer": "^5.0.1" } @@ -4765,9 +7125,9 @@ "dev": true }, "typescript": { - "version": "2.3.4", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-2.3.4.tgz", - "integrity": "sha1-PTgyGCgjHkNPKHUUlZw3qCtin0I=", + "version": "2.9.2", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-2.9.2.tgz", + "integrity": "sha512-Gr4p6nFNaoufRIY4NMdpQRNmgxVIGMs4Fcu/ujdYk3nAZqk7supzBE9idmvfZIlH/Cuj//dvi+019qEue9lV0w==", "dev": true }, "uglify-es": { @@ -4798,6 +7158,93 @@ "util-deprecate": "^1.0.2" } }, + "union-value": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.0.tgz", + "integrity": "sha1-XHHDTLW61dzr4+oM0IIHulqhrqQ=", + "dev": true, + "requires": { + "arr-union": "^3.1.0", + "get-value": "^2.0.6", + "is-extendable": "^0.1.1", + "set-value": "^0.4.3" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "dev": true, + "requires": { + "is-extendable": "^0.1.0" + } + }, + "set-value": { + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.4.3.tgz", + "integrity": "sha1-fbCPnT0i3H945Trzw79GZuzfzPE=", + "dev": true, + "requires": { + "extend-shallow": "^2.0.1", + "is-extendable": "^0.1.1", + "is-plain-object": "^2.0.1", + "to-object-path": "^0.3.0" + } + } + } + }, + "universalify": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", + "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==", + "dev": true + }, + "unset-value": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz", + "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=", + "dev": true, + "requires": { + "has-value": "^0.3.1", + "isobject": "^3.0.0" + }, + "dependencies": { + "has-value": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz", + "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=", + "dev": true, + "requires": { + "get-value": "^2.0.3", + "has-values": "^0.1.4", + "isobject": "^2.0.0" + }, + "dependencies": { + "isobject": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz", + "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=", + "dev": true, + "requires": { + "isarray": "1.0.0" + } + } + } + }, + "has-values": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz", + "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E=", + "dev": true + } + } + }, + "upath": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/upath/-/upath-1.1.2.tgz", + "integrity": "sha512-kXpym8nmDmlCBr7nKdIx8P2jNBa+pBpIUFRnKJ4dr8htyYGJFokkr2ZvERRtUN+9SY+JqXouNgUPtv6JQva/2Q==", + "dev": true + }, "uri-js": { "version": "4.2.2", "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz", @@ -4815,6 +7262,18 @@ } } }, + "urix": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz", + "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=", + "dev": true + }, + "use": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz", + "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==", + "dev": true + }, "user-home": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/user-home/-/user-home-2.0.0.tgz", @@ -4834,8 +7293,7 @@ "version": "3.3.2", "resolved": "https://npm.mobiscroll.com/uuid/-/uuid-3.3.2.tgz", "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==", - "dev": true, - "optional": true + "dev": true }, "validate-npm-package-license": { "version": "3.0.4", @@ -4852,7 +7310,6 @@ "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz", "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=", "dev": true, - "optional": true, "requires": { "assert-plus": "^1.0.0", "core-util-is": "1.0.2", @@ -4868,12 +7325,59 @@ "isexe": "^2.0.0" } }, + "which-module": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz", + "integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=", + "dev": true + }, + "wide-align": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz", + "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==", + "dev": true, + "requires": { + "string-width": "^1.0.2 || 2" + } + }, "wordwrap": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz", "integrity": "sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=", "dev": true }, + "wrap-ansi": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", + "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=", + "dev": true, + "requires": { + "string-width": "^1.0.1", + "strip-ansi": "^3.0.1" + }, + "dependencies": { + "is-fullwidth-code-point": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", + "dev": true, + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "string-width": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", + "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", + "dev": true, + "requires": { + "code-point-at": "^1.0.0", + "is-fullwidth-code-point": "^1.0.0", + "strip-ansi": "^3.0.0" + } + } + } + }, "wrappy": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", @@ -4895,6 +7399,76 @@ "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68=", "dev": true }, + "y18n": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz", + "integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE=", + "dev": true + }, + "yallist": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz", + "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=", + "dev": true + }, + "yargs": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.0.tgz", + "integrity": "sha1-a6MY6xaWFyf10oT46gA+jWFU0Mg=", + "dev": true, + "requires": { + "camelcase": "^3.0.0", + "cliui": "^3.2.0", + "decamelize": "^1.1.1", + "get-caller-file": "^1.0.1", + "os-locale": "^1.4.0", + "read-pkg-up": "^1.0.1", + "require-directory": "^2.1.1", + "require-main-filename": "^1.0.1", + "set-blocking": "^2.0.0", + "string-width": "^1.0.2", + "which-module": "^1.0.0", + "y18n": "^3.2.1", + "yargs-parser": "^5.0.0" + }, + "dependencies": { + "camelcase": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz", + "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=", + "dev": true + }, + "is-fullwidth-code-point": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", + "dev": true, + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "string-width": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", + "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", + "dev": true, + "requires": { + "code-point-at": "^1.0.0", + "is-fullwidth-code-point": "^1.0.0", + "strip-ansi": "^3.0.0" + } + }, + "yargs-parser": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.0.tgz", + "integrity": "sha1-J17PDX/+Bcd+ZOfIbkzZS/DhIoo=", + "dev": true, + "requires": { + "camelcase": "^3.0.0" + } + } + } + }, "yargs-parser": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-1.1.0.tgz", diff --git a/package.json b/package.json index 6891cfaa..653636c1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "mobiscroll", - "version": "4.6.3", + "version": "4.7.2", "description": "Cross platform UI controls for progressive web an hybrid apps", "homepage": "https://mobiscroll.com/", "license": "Apache-2.0", @@ -71,18 +71,19 @@ "grunt-contrib-clean": "^1.0.0", "grunt-contrib-copy": "^1.0.0", "grunt-contrib-jshint": "^1.1.0", - "grunt-contrib-less": "^2.0.0", "grunt-eslint": "^19.0.0", "grunt-rollup": "^2.0.1", "grunt-run": "^0.8.1", - "less": "^3.8.0", + "grunt-sass": "^3.0.2", "load-grunt-config": "^1.0.2", + "node-sass": "^4.12.0", "rollup-plugin-babel": "^2.7.1", "rollup-plugin-node-resolve": "^3.3.0", "rollup-plugin-uglify": "^3.0.0", "rxjs": "^5.5.11", + "scss-bundle": "^2.5.1", "tslib": "^1.9.3", - "typescript": "2.3.4", + "typescript": "2.9.2", "zone.js": "^0.8.26" } } diff --git a/packages/angular/package.json b/packages/angular/package.json index caf6be6b..9d55dc21 100644 --- a/packages/angular/package.json +++ b/packages/angular/package.json @@ -1,6 +1,6 @@ { "name": "@mobiscroll/angular-lite", - "version": "4.6.3", + "version": "4.7.2", "description": "Angular UI library for progressive web and hybrid apps", "homepage": "https://mobiscroll.com/", "license": "Apache-2.0", @@ -38,6 +38,7 @@ "dist/bundles/mobiscroll.angular.min.js", "dist/esm5/mobiscroll.angular.min.js", "dist/css/mobiscroll.css", + "dist/css/mobiscroll.scss", "dist/css/mobiscroll.min.css", "dist/css/icons_mobiscroll.ttf", "dist/css/icons_mobiscroll.woff", diff --git a/packages/angularjs/package.json b/packages/angularjs/package.json index 54e73e2f..e17c64a4 100644 --- a/packages/angularjs/package.json +++ b/packages/angularjs/package.json @@ -1,6 +1,6 @@ { "name": "@mobiscroll/angularjs-lite", - "version": "4.6.3", + "version": "4.7.2", "description": "AngularJS UI library for progressive web and hybrid apps", "homepage": "https://mobiscroll.com/", "license": "Apache-2.0", @@ -33,6 +33,7 @@ "dist/js/mobiscroll.angularjs.js", "dist/js/mobiscroll.angularjs.min.js", "dist/css/mobiscroll.css", + "dist/css/mobiscroll.scss", "dist/css/mobiscroll.min.css", "dist/css/icons_mobiscroll.ttf", "dist/css/icons_mobiscroll.woff" diff --git a/packages/javascript/package.json b/packages/javascript/package.json index 8f0adf2d..cbb07bca 100644 --- a/packages/javascript/package.json +++ b/packages/javascript/package.json @@ -1,6 +1,6 @@ { "name": "@mobiscroll/javascript-lite", - "version": "4.6.3", + "version": "4.7.2", "description": "Framework agnostic UI library for progressive web and hybrid apps", "homepage": "https://mobiscroll.com/", "license": "Apache-2.0", @@ -32,6 +32,7 @@ "dist/js/mobiscroll.javascript.js", "dist/js/mobiscroll.javascript.min.js", "dist/css/mobiscroll.css", + "dist/css/mobiscroll.scss", "dist/css/mobiscroll.min.css", "dist/css/icons_mobiscroll.ttf", "dist/css/icons_mobiscroll.woff", diff --git a/packages/jquery/package.json b/packages/jquery/package.json index 364bfc3e..522a5b52 100644 --- a/packages/jquery/package.json +++ b/packages/jquery/package.json @@ -1,6 +1,6 @@ { "name": "@mobiscroll/jquery-lite", - "version": "4.6.3", + "version": "4.7.2", "description": "jQuery and jQuery Mobile UI library for progressive web and hybrid apps", "homepage": "https://mobiscroll.com/", "license": "Apache-2.0", @@ -33,6 +33,7 @@ "dist/js/mobiscroll.jquery.js", "dist/js/mobiscroll.jquery.min.js", "dist/css/mobiscroll.css", + "dist/css/mobiscroll.scss", "dist/css/mobiscroll.min.css", "dist/css/icons_mobiscroll.ttf", "dist/css/icons_mobiscroll.woff", diff --git a/packages/react/package.json b/packages/react/package.json index ad7e8962..c2b213f4 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@mobiscroll/react-lite", - "version": "4.6.3", + "version": "4.7.2", "description": "React UI library for progressive web and hybrid apps", "homepage": "https://mobiscroll.com/", "license": "Apache-2.0", @@ -33,6 +33,7 @@ "dist/js/mobiscroll.react.js", "dist/js/mobiscroll.react.min.js", "dist/css/mobiscroll.css", + "dist/css/mobiscroll.scss", "dist/css/mobiscroll.min.css", "dist/css/icons_mobiscroll.ttf", "dist/css/icons_mobiscroll.woff", diff --git a/src/js/classes/input.d.ts b/src/js/classes/input.d.ts index 9530aca0..1b757b4b 100644 --- a/src/js/classes/input.d.ts +++ b/src/js/classes/input.d.ts @@ -3,4 +3,5 @@ import { MbscFormOptions } from './forms'; export class Input extends FormControl { constructor(element: any, settings: MbscFormOptions); + refresh(): void; } \ No newline at end of file diff --git a/src/js/classes/popup.js b/src/js/classes/popup.js index 086c7fa3..9ea875e0 100644 --- a/src/js/classes/popup.js +++ b/src/js/classes/popup.js @@ -85,6 +85,7 @@ Popup.prototype = { _hasTheme: true, _hasContent: true, _hasLang: true, + _responsive: true, _class: 'popup', _defaults: extend({}, Frame.prototype._defaults, { compClass: 'mbsc-wdg', diff --git a/src/js/classes/scrollview-base.angular.ts b/src/js/classes/scrollview-base.angular.ts index ac9c58ee..5c9b967b 100644 --- a/src/js/classes/scrollview-base.angular.ts +++ b/src/js/classes/scrollview-base.angular.ts @@ -110,51 +110,6 @@ export class MbscScrollViewBase extends MbscBase { @Output() onGestureEnd: EventEmitter<{ inst: any }> = new EventEmitter(); - inlineOptions(): MbscScrollViewOptions { - return extend(super.inlineOptions(), { - context: this.context, - itemWidth: this.itemWidth, - layout: this.layout, - mousewheel: this.mousewheel, - snap: this.snap, - threshold: this.threshold, - paging: this.paging - }); - } - - inlineEvents(): MbscScrollViewOptions { - return extend(super.inlineEvents(), { - onItemTap: (event: { target: HTMLElement, inst: any }, inst: any) => { - event.inst = inst; - this.onItemTap.emit(event); - }, - onMarkupReady: (event: { target: HTMLElement, inst: any }, inst: any) => { - event.inst = inst; - this.onMarkupReady.emit(event); - }, - onAnimationStart: (event: { inst: any }, inst: any) => { - event.inst = inst; - this.onAnimationStart.emit(event); - }, - onAnimationEnd: (event: { inst: any }, inst: any) => { - event.inst = inst; - this.onAnimationEnd.emit(event); - }, - onMove: (event: { inst: any }, inst: any) => { - event.inst = inst; - this.onMove.emit(event); - }, - onGestureStart: (event: { inst: any }, inst: any) => { - event.inst = inst; - this.onGestureStart.emit(event); - }, - onGestureEnd: (event: { inst: any }, inst: any) => { - event.inst = inst; - this.onGestureEnd.emit(event); - } - }); - } - constructor(initialElem: ElementRef, zone: NgZone, public notifyItemService: MbscNotifyItemService) { super(initialElem, zone); } diff --git a/src/js/classes/scrollview-base.js b/src/js/classes/scrollview-base.js index 4898e57a..066f4dd8 100644 --- a/src/js/classes/scrollview-base.js +++ b/src/js/classes/scrollview-base.js @@ -547,9 +547,9 @@ export const ScrollViewBase = function (el, settings, inherit) { that.refresh = function (noScroll) { var tempScroll; - contSize = s.contSize === undefined ? vertical ? $elm.height() : $elm.width() : s.contSize; - maxScroll = s.maxScroll === undefined ? 0 : s.maxScroll; - minScroll = Math.min(maxScroll, s.minScroll === undefined ? Math.min(0, vertical ? contSize - target.height() : contSize - target.width()) : s.minScroll); + contSize = (s.contSize === undefined ? vertical ? $elm.height() : $elm.width() : s.contSize) || 0; + maxScroll = (s.maxScroll === undefined ? 0 : s.maxScroll) || 0; + minScroll = (Math.min(maxScroll, s.minScroll === undefined ? Math.min(0, vertical ? contSize - target.height() : contSize - target.width()) : s.minScroll)) || 0; snapPoints = null; if (!vertical && s.rtl) { diff --git a/src/js/core/core.js b/src/js/core/core.js index 0390a5af..fa0daef4 100644 --- a/src/js/core/core.js +++ b/src/js/core/core.js @@ -1,5 +1,5 @@ /*! - * Mobiscroll v4.6.3 + * Mobiscroll v4.7.2 * http://mobiscroll.com * * Copyright 2010-2018, Acid Media @@ -76,7 +76,7 @@ extend(util, { ms = extend(mobiscroll, { $: $, - version: '4.6.3', + version: '4.7.2', autoTheme: 'mobiscroll', themes: { form: {}, @@ -147,7 +147,7 @@ const Base = function (el, settings) { } }; - that.init = function (newSettings) { + that.init = function (newSettings, newValue) { var key, value; @@ -228,7 +228,7 @@ const Base = function (el, settings) { // This is needed to adapt the value for the updated settings // E.g. min/max, date format, etc. if (newSettings && that.setVal) { - that.setVal(value, true); + that.setVal(newValue === undefined ? value : newValue, true); } trigger('onInit'); @@ -275,7 +275,7 @@ const Base = function (el, settings) { /** * Sets one ore more options. */ - that.option = function (opt, value) { + that.option = function (opt, value, newValue) { var obj = {}, // preserve settings that are possible to change runtime dynamic = ['data', 'invalid', 'valid', 'readonly']; @@ -294,7 +294,7 @@ const Base = function (el, settings) { settings[v] = s[v]; }); - that.init(obj); + that.init(obj, newValue); }; /** diff --git a/src/js/forms.angular.ts b/src/js/forms.angular.ts index e02dcb97..ce25bf01 100644 --- a/src/js/forms.angular.ts +++ b/src/js/forms.angular.ts @@ -60,7 +60,7 @@ export { MbscInput }; }) export class MbscForm extends MbscBase implements OnInit { private optionsObj: MbscFormOptions; - _instance: Form; + instance: Form; @Input('options') options: MbscFormOptions; @@ -84,23 +84,16 @@ export class MbscForm extends MbscBase implements OnInit { super(initialElem, zone); } - inlineOptions(): MbscFormOptions { - return extend(super.inlineOptions(), { - inputStyle: this.inputStyle, - labelStyle: this.labelStyle - }); - } - ngOnInit() { // make the options available for the children components // Note: inline evens should not be inherited - this.optionsObj = extend({}, this.options, this.inlineOptions()); + this.optionsObj = extend({}, this.options, this.inlineOptionsObj); this._formService.options = this.optionsObj; } initControl() { - let options = extend({}, this.inlineEvents(), this.options, this.inlineOptions()); - this._instance = new Form(this.rootElem.nativeElement, options); + let options = extend({}, this.options, this.inlineOptionsObj); + this.instance = new Form(this.rootElem.nativeElement, options); } } @@ -132,7 +125,7 @@ export class MbscForm extends MbscBase implements OnInit { providers: [MbscInputService] }) export class MbscTextarea extends MbscInputBase { - _instance: TextArea; + instance: TextArea; @Input() rows: number | string; @@ -143,8 +136,8 @@ export class MbscTextarea extends MbscInputBase { } initControl() { - let options = extend({}, this._inheritedOptions, this.inlineEvents(), this.options, this.inlineOptions()); - this._instance = new TextArea(this._initElem.nativeElement, options); + let options = extend({}, this._inheritedOptions, this.options, this.inlineOptionsObj); + this.instance = new TextArea(this._initElem.nativeElement, options); } } @@ -180,7 +173,7 @@ export class MbscTextarea extends MbscInputBase { providers: [MbscInputService] }) export class MbscDropdown extends MbscFormValueBase { - _instance: Select; + instance: Select; /** * Input for the label */ @@ -204,7 +197,7 @@ export class MbscDropdown extends MbscFormValueBase { set value(v: any) { this._value = v; setTimeout(() => { - this._instance._setText(); + this.instance._setText(); }); } @@ -226,12 +219,12 @@ export class MbscDropdown extends MbscFormValueBase { } initControl() { - let options = extend({}, this._inheritedOptions, this.inlineEvents(), this.options, this.inlineOptions()); - this._instance = new Select(this._initElem.nativeElement, options); + let options = extend({}, this._inheritedOptions, this.options, this.inlineOptionsObj); + this.instance = new Select(this._initElem.nativeElement, options); let that = this; setTimeout(function () { // setTimeout also needed because the inner value is not propagated to the underlying select yet // Needed when using reactive forms, because the writeValue is called before the instance is initialized - that._instance._setText(); + that.instance._setText(); }); } @@ -244,10 +237,10 @@ export class MbscDropdown extends MbscFormValueBase { */ writeValue(v: any): void { this._value = v; - if (this._instance) { + if (this.instance) { let that = this; setTimeout(function () { - that._instance._setText(); + that.instance._setText(); }); } } @@ -268,7 +261,7 @@ export class MbscDropdown extends MbscFormValueBase { changeDetection: ChangeDetectionStrategy.OnPush }) export class MbscButton extends MbscFormBase { - _instance: Button; + instance: Button; _flat: boolean = false; _block: boolean = false; _outline: boolean = false; @@ -330,8 +323,8 @@ export class MbscButton extends MbscFormBase { } initControl() { - let options = extend({}, this._inheritedOptions, this.inlineEvents(), this.options, this.inlineOptions()); - this._instance = new Button(this._initElem.nativeElement, options); + let options = extend({}, this._inheritedOptions, this.options, this.inlineOptionsObj); + this.instance = new Button(this._initElem.nativeElement, options); } } @@ -352,7 +345,7 @@ export class MbscButton extends MbscFormBase { changeDetection: ChangeDetectionStrategy.OnPush }) export class MbscCheckbox extends MbscFormValueBase { - _instance: CheckBox; + instance: CheckBox; /** * Input for the color preset */ @@ -373,8 +366,8 @@ export class MbscCheckbox extends MbscFormValueBase { } initControl() { - let options = extend({}, this._inheritedOptions, this.inlineEvents(), this.options, this.inlineOptions()); - this._instance = new CheckBox(this._initElem.nativeElement, options); + let options = extend({}, this._inheritedOptions, this.options, this.inlineOptionsObj); + this.instance = new CheckBox(this._initElem.nativeElement, options); } /** Overwritten to work with onPush change detection strategy @@ -407,7 +400,7 @@ export class MbscCheckbox extends MbscFormValueBase { }) export class MbscSwitch extends MbscControlBase implements OnInit { protected _inheritedOptions: any; - _instance: Switch; + instance: Switch; @Input('options') options: MbscFormOptions; @@ -454,9 +447,9 @@ export class MbscSwitch extends MbscControlBase implements OnInit { } setNewValue(v: boolean) { - if (this._instance) { - if (this._instance.getVal() !== v) { - this._instance.setVal(v, true, false); + if (this.instance) { + if (this.instance.getVal() !== v) { + this.instance.setVal(v, true, false); } } } @@ -467,11 +460,11 @@ export class MbscSwitch extends MbscControlBase implements OnInit { } initControl() { - let options = extend({}, this._inheritedOptions, this.inlineEvents(), this.options, this.inlineOptions()); - this._instance = new Switch(this._initElem.nativeElement, options); + let options = extend({}, this._inheritedOptions, this.options, this.inlineOptionsObj); + this.instance = new Switch(this._initElem.nativeElement, options); if (this.initialValue !== undefined) { - this._instance.setVal(this.initialValue, true, false); + this.instance.setVal(this.initialValue, true, false); } } } @@ -503,7 +496,7 @@ export class MbscSwitch extends MbscControlBase implements OnInit { }) export class MbscStepper extends MbscControlBase implements OnInit { protected _inheritedOptions: any; - _instance: Stepper; + instance: Stepper; _readonly: boolean; @Input() @@ -578,8 +571,8 @@ export class MbscStepper extends MbscControlBase implements OnInit { } setNewValue(v: number) { - if (this._instance && this._instance.getVal() !== v) { - this._instance.setVal(v, true, false); + if (this.instance && this.instance.getVal() !== v) { + this.instance.setVal(v, true, false); } } @@ -591,11 +584,11 @@ export class MbscStepper extends MbscControlBase implements OnInit { } initControl() { - let options = extend({}, this._inheritedOptions, this.inlineEvents(), this.options, this.inlineOptions()); - this._instance = new Stepper(this._initElem.nativeElement, options); + let options = extend({}, this._inheritedOptions, this.options, this.inlineOptionsObj); + this.instance = new Stepper(this._initElem.nativeElement, options); if (this.initialValue !== undefined) { - this._instance.setVal(this.initialValue, true, false); + this.instance.setVal(this.initialValue, true, false); } } @@ -624,7 +617,7 @@ export class MbscStepper extends MbscControlBase implements OnInit { }) export class MbscProgress extends MbscControlBase implements OnInit { protected _inheritedOptions: any; - _instance: Progress; + instance: Progress; @Input('options') options: MbscFormOptions; @@ -683,8 +676,8 @@ export class MbscProgress extends MbscControlBase implements OnInit { } setNewValue(v: number) { - if (this._instance && this._instance.getVal() !== v) { - this._instance.setVal(v, true, false); + if (this.instance && this.instance.getVal() !== v) { + this.instance.setVal(v, true, false); } } @@ -696,11 +689,11 @@ export class MbscProgress extends MbscControlBase implements OnInit { } initControl() { - let options = extend({}, this._inheritedOptions, this.inlineEvents(), this.options, this.inlineOptions()); - this._instance = new Progress(this._initElem.nativeElement, options); + let options = extend({}, this._inheritedOptions, this.options, this.inlineOptionsObj); + this.instance = new Progress(this._initElem.nativeElement, options); if (this.initialValue !== undefined) { - this._instance.setVal(this.initialValue, true, false); + this.instance.setVal(this.initialValue, true, false); } } } @@ -818,7 +811,7 @@ export class MbscRadioGroup extends MbscRadioGroupBase { ` }) export class MbscRadio extends MbscFormBase { - _instance: Radio; + instance: Radio; get checked(): boolean { return this.value == this.modelValue; @@ -852,8 +845,8 @@ export class MbscRadio extends MbscFormBase { } initControl() { - let options = extend({}, this._inheritedOptions, this.inlineEvents(), this.options, this.inlineOptions()); - this._instance = new Radio(this._initElem.nativeElement, options); + let options = extend({}, this._inheritedOptions, this.options, this.inlineOptionsObj); + this.instance = new Radio(this._initElem.nativeElement, options); } ngOnInit() { @@ -913,7 +906,7 @@ export class MbscSegmentedGroup extends MbscRadioGroupBase { ` }) export class MbscSegmented extends MbscFormBase { - _instance: SegmentedItem; + instance: SegmentedItem; get isChecked(): boolean { if (this.multiSelect) { @@ -977,8 +970,8 @@ export class MbscSegmented extends MbscFormBase { } initControl() { - let options = extend({}, this._inheritedOptions, this.inlineEvents(), this.options, this.inlineOptions()); - this._instance = new SegmentedItem(this._initElem.nativeElement, options); + let options = extend({}, this._inheritedOptions, this.options, this.inlineOptionsObj); + this.instance = new SegmentedItem(this._initElem.nativeElement, options); } ngOnInit() { @@ -1018,7 +1011,7 @@ export class MbscSegmented extends MbscFormBase { exportAs: 'mobiscroll' }) export class MbscSlider extends MbscControlBase { - _instance: Slider; + instance: Slider; _lastValue: any; _dummy: Array = undefined; @@ -1119,15 +1112,15 @@ export class MbscSlider extends MbscControlBase { * Reinitializes the slider control */ reInitialize() { - this._instance.destroy(); + this.instance.destroy(); this.setElement(); this.inputElements.forEach((input, index) => { if (index) { this.handleChange(input.nativeElement); } }); - let options = extend({}, this._inheritedOptions, this.inlineEvents(), this.options, this.inlineOptions()); - this._instance = new Slider(this.inputElements.first.nativeElement, options); + let options = extend({}, this._inheritedOptions, this.options, this.inlineOptionsObj); + this.instance = new Slider(this.inputElements.first.nativeElement, options); } /** @@ -1138,19 +1131,19 @@ export class MbscSlider extends MbscControlBase { */ setNewValue(v: any) { this._lastValue = v; - if (this._instance) { - let innerValue = this._instance.getVal(); + if (this.instance) { + let innerValue = this.instance.getVal(); // check if last value type differs from the current value if (this.isMulti && (!innerValue || (innerValue as Array).length != v.length)) { // reinitialize in the next cycle - new input elements should be generated by ngFor setTimeout(() => { this.reInitialize(); - this._instance.setVal(this._lastValue, true, false); + this.instance.setVal(this._lastValue, true, false); }); } else { let changed = (this.isMulti && !deepEqualsArray(innerValue as Array, v)) || (!this.isMulti && innerValue !== v); if (changed) { - this._instance.setVal(v, true, false); + this.instance.setVal(v, true, false); } } } @@ -1173,11 +1166,11 @@ export class MbscSlider extends MbscControlBase { } }); - let options = extend({}, this._inheritedOptions, this.inlineEvents(), this.options, this.inlineOptions()); - this._instance = new Slider(this.inputElements.first.nativeElement, options); + let options = extend({}, this._inheritedOptions, this.options, this.inlineOptionsObj); + this.instance = new Slider(this.inputElements.first.nativeElement, options); if (this.initialValue !== undefined && this.initialValue !== null) { - this._instance.setVal(this.initialValue, true, false); + this.instance.setVal(this.initialValue, true, false); } } } @@ -1205,7 +1198,7 @@ export class MbscSlider extends MbscControlBase { }) export class MbscRating extends MbscControlBase implements OnInit { _inheritedOptions: any; - _instance: Rating; + instance: Rating; @Input() options: MbscFormOptions; @@ -1282,9 +1275,9 @@ export class MbscRating extends MbscControlBase implements OnInit { } setNewValue(v: number) { - if (this._instance) { - if (this._instance.getVal() !== v) { - this._instance.setVal(v, true, false); + if (this.instance) { + if (this.instance.getVal() !== v) { + this.instance.setVal(v, true, false); } } } @@ -1295,11 +1288,11 @@ export class MbscRating extends MbscControlBase implements OnInit { } initControl() { - let options = extend({}, this._inheritedOptions, this.inlineEvents(), this.options, this.inlineOptions()); - this._instance = new Rating(this.element, options); + let options = extend({}, this._inheritedOptions, this.options, this.inlineOptionsObj); + this.instance = new Rating(this.element, options); if (this.initialValue !== undefined) { - this._instance.setVal(this.initialValue, true, false); + this.instance.setVal(this.initialValue, true, false); } } } @@ -1308,8 +1301,8 @@ export class MbscRating extends MbscControlBase implements OnInit { selector: 'mbsc-form-group', template: '', host: { - '[class.mbsc-form-group-inset]': 'inset !== undefined', - '[class.mbsc-form-group]': 'inset === undefined' + '[class.mbsc-form-group-inset]': 'emptyOrTrue(inset)', + '[class.mbsc-form-group]': '!emptyOrTrue(inset)' }, styles: [':host { display: block; }'] }) @@ -1320,11 +1313,11 @@ export class MbscFormGroup implements AfterViewInit { _open: boolean = false; @Input() set open(v: boolean) { - if (this._open != v && this._instance) { + if (this._open != v && this.instance) { if (v) { - this._instance.show(); + this.instance.show(); } else { - this._instance.hide(); + this.instance.hide(); } } this._open = v; @@ -1335,38 +1328,38 @@ export class MbscFormGroup implements AfterViewInit { inset: string; /** - * Reference to the initialized mobiscroll instance - * For internal use only + * Reference to the initialized collapsible instance */ - _instance: any = null; + instance: any = null; /** * Reference to the html element the mobiscroll is initialized on. */ element: any = null; - /** - * Public getter for the mobiscroll instance - */ - get instance(): any { - return this._instance; - } - constructor(public initialElem: ElementRef) { this.element = initialElem; } + /** + * Checks if the value passed is empty or the true string. Used for determining if certain attributes are used on components + * @param v The value + */ + emptyOrTrue(v: any): boolean { + return emptyOrTrue(v); + } + /* AfterViewInit Interface */ ngAfterViewInit() { if (this.collapsible !== null) { - this._instance = new CollapsibleBase(this.element.nativeElement, { isOpen: this._open !== false }); + this.instance = new CollapsibleBase(this.element.nativeElement, { isOpen: this._open !== false }); } } /* OnDestroy Interface */ ngOnDestroy() { - if (this._instance) { - this._instance.destroy(); + if (this.instance) { + this.instance.destroy(); } } } diff --git a/src/js/forms.react.jsx b/src/js/forms.react.jsx index 14f18aa2..d0ea13c2 100644 --- a/src/js/forms.react.jsx +++ b/src/js/forms.react.jsx @@ -24,6 +24,7 @@ import { SegmentedItem } from './classes/segmented'; import { CollapsibleBase } from './util/collapsible-base'; import './page.react'; +import { deepCompare } from './frameworks/react'; var reactNumber = PropTypes.number, reactString = PropTypes.string, @@ -146,7 +147,8 @@ class MbscLabel extends React.Component { } else { this.cssClassUpdate = null; } - return true; + const update = !deepCompare(this.props, nextProps); + return update; } @@ -605,10 +607,6 @@ class MbscFormBase extends MbscOptimized { // initialize the mobiscroll this.instance = new classes[this.mbscInit.component || 'Scroller'](this.inputNode, settings); - if (this.props.value !== undefined) { - this.instance.setVal(this.props.value, true); - } - // Add change event listener if handler is passed $(this.inputNode).on('change', this.props.onChange || (function () { })); @@ -634,6 +632,10 @@ class MbscFormBase extends MbscOptimized { if (this.cssClassUpdate) { updateCssClasses.call(this, this.cssClassUpdate.prev, this.cssClassUpdate.next); } + if (this.optimizeUpdate.updateOptions) { + const settings = this.getSettingsFromProps(this.props); + this.instance.option(settings); + } } inputMounted(input) { @@ -659,11 +661,12 @@ class MbscFormBase extends MbscOptimized { render() { /* eslint-disable no-unused-vars */ - // justification: variables 'value', 'onChange' and 'className' are declared due to object decomposition + // justification: variables 'value', 'checked', 'onChange' and 'className' are declared due to object decomposition var { className, children, value, + checked, onChange, name, color, @@ -674,10 +677,9 @@ class MbscFormBase extends MbscOptimized { /* eslint-enable no-unused-vars */ var type = this.inputType || 'text'; - return {children} - + ; } } @@ -690,6 +692,26 @@ class MbscSwitch extends MbscFormBase { }; this.inputType = 'checkbox'; } + + componentDidMount() { + super.componentDidMount(); + if (this.props.checked !== undefined) { + this.instance.setVal(this.props.checked, true, false); + } + } + + shouldComponentUpdate(nextProps) { + const otherChange = super.shouldComponentUpdate(nextProps); + const checkedChange = this.optimizeUpdate.updateChecked = !deepCompare(nextProps.checked, this.props.checked); + return otherChange || checkedChange; + } + + componentDidUpdate() { + super.componentDidUpdate(); + if (this.optimizeUpdate.updateChecked && !deepCompare(this.instance.getVal(), this.props.checked)) { + this.instance.setVal(this.props.checked); + } + } } MbscSwitch.propTypes = { @@ -706,6 +728,20 @@ class MbscStepper extends MbscFormBase { component: 'Stepper' }; } + + componentDidMount() { + super.componentDidMount(); + if (this.props.value !== undefined) { + this.instance.setVal(this.props.value, true, false); + } + } + + componentDidUpdate() { + super.componentDidUpdate(); + if (this.optimizeUpdate.updateValue && !deepCompare(this.props.value, this.instance.getVal())) { + this.instance.setVal(this.props.value); + } + } } MbscStepper.propTypes = { @@ -882,7 +918,7 @@ class MbscSlider extends MbscColored { } parentMounted(label) { - this.label = label; + this.label = ReactDOM.findDOMNode(label); } onValueChanged() { diff --git a/src/js/frameworks/angular.ts b/src/js/frameworks/angular.ts index 223a0623..e52f8185 100644 --- a/src/js/frameworks/angular.ts +++ b/src/js/frameworks/angular.ts @@ -121,31 +121,20 @@ class MbscBase implements AfterViewInit, OnDestroy { @Output() onDestroy: EventEmitter<{ inst: any }> = new EventEmitter(); - inlineOptions(): MbscCoreOptions { - return { - cssClass: this.cssClass, - theme: this.theme, - lang: this.lang, - rtl: this.rtl, - responsive: this.responsive, - zone: this.zone - } as any; - } + inlineOptionsObj: any = {}; + pendingValue: any = undefined; - inlineEvents(): MbscCoreOptions { - return { - onInit: (event: { inst: any }, inst: any) => { - event.inst = inst; - this.onInit.emit(event); - }, - onDestroy: (event: { inst: any }, inst: any) => { - event.inst = inst; - this.onDestroy.emit(event); + getInlineEvents() { + for (let prop in this) { + if ((this[prop] as any) instanceof (EventEmitter) && (!this.options || !((this.options as any)[prop]))) { + this.inlineOptionsObj[prop] = (event: any, inst: any) => { + event.inst = inst; + (this[prop] as any).emit(event); + }; } } } - /** * Used to add theme classes to the host on components - the mbsc-input components need to have a wrapper * with that css classes for the style to work @@ -159,28 +148,20 @@ class MbscBase implements AfterViewInit, OnDestroy { $(this.initialElem.nativeElement).removeClass(this.getThemeClasses()); } getThemeClasses() { - let s = this._instance.settings; + let s = this.instance.settings; return 'mbsc-control-ng mbsc-' + s.theme + (s.baseTheme ? ' mbsc-' + s.baseTheme : ''); } /** * Reference to the initialized mobiscroll instance - * For internal use only */ - _instance: any = null; + instance: any = null; /** * Reference to the html element the mobiscroll is initialized on. */ element: any = null; - /** - * Public getter for the mobiscroll instance - */ - get instance(): any { - return this._instance; - } - /** * Sets the element, the mobiscroll should be initialized on * The initialElement is set if an input is not found inside of it. @@ -194,7 +175,10 @@ class MbscBase implements AfterViewInit, OnDestroy { } } - constructor(public initialElem: ElementRef, protected zone: NgZone) { } + + constructor(public initialElem: ElementRef, protected zone: NgZone) { + this.inlineOptionsObj.zone = zone; + } /* AfterViewInit Interface */ @@ -208,13 +192,14 @@ class MbscBase implements AfterViewInit, OnDestroy { } startInit() { + this.getInlineEvents(); let ionInput = this.getIonInput(); if (ionInput && ionInput.getInputElement && this.element.nodeName !== 'INPUT') { ionInput.getInputElement().then((inp: any) => { this.setElement(); this.initControl(); }); - } else if (!this._instance) { + } else if (!this.instance) { this.initControl(); } } @@ -229,8 +214,8 @@ class MbscBase implements AfterViewInit, OnDestroy { /* OnDestroy Interface */ ngOnDestroy() { - if (this._instance) { - this._instance.destroy(); + if (this.instance) { + this.instance.destroy(); } } @@ -240,15 +225,15 @@ class MbscBase implements AfterViewInit, OnDestroy { if (newOptions.theme && this.themeClassesSet) { this.clearThemeClasses(); } - this._instance.option(newOptions); + this.instance.option(newOptions, undefined, this.pendingValue); if (newOptions.theme && this.themeClassesSet) { this.setThemeClasses(); } }); } else if (dataChanged) { (this as any).refreshData((this as any).data); - } else if (this._instance.redraw) { - this._instance.redraw(); + } else if (this.instance.redraw) { + this.instance.redraw(); } } @@ -262,8 +247,8 @@ class MbscBase implements AfterViewInit, OnDestroy { if (!changes[prop].firstChange && prop !== 'options' && prop !== 'value') { if ((this as any).cloneDictionary && (this as any).cloneDictionary[prop]) { (this as any).makeClone(prop, changes[prop].currentValue); - if (this._instance) { // do we need this check? - this._instance.settings[prop] = changes[prop].currentValue; + if (this.instance) { // do we need this check? + this.instance.settings[prop] = changes[prop].currentValue; } if (prop == 'invalid') { invalidChange = true; @@ -279,6 +264,10 @@ class MbscBase implements AfterViewInit, OnDestroy { } else if (!changes[prop].firstChange && prop !== 'value') { newOptions = extend(changes[prop].currentValue, newOptions); optionChange = true; + } else if (changes[prop].firstChange) { + if (prop !== 'options' && prop !== 'value') { + this.inlineOptionsObj[prop] = changes[prop].currentValue; + } } } if (cloneChange) { @@ -321,7 +310,7 @@ abstract class MbscValueBase extends MbscBase { * @param v The new value to set (it comes from the model) */ protected setNewValueProxy(v: any) { - if (!this._instance) { + if (!this.instance) { this.initialValue = v; } this.setNewValue(v); @@ -356,7 +345,7 @@ abstract class MbscCloneBase extends MbscValueBase implements DoCheck, OnInit { for (let key in this.cloneDictionary) { if ((this as any)[key] !== undefined && !deepEqualsArray((this as any)[key], this.cloneDictionary[key])) { this.makeClone(key, (this as any)[key]); - this._instance.settings[key] = (this as any)[key]; + this.instance.settings[key] = (this as any)[key]; changed = true; if (key == 'invalid') { invalid = true; @@ -366,7 +355,7 @@ abstract class MbscCloneBase extends MbscValueBase implements DoCheck, OnInit { } } } - if (changed && this._instance) { + if (changed && this.instance) { this.updateOptions(this.cloneDictionary, false, invalid, data); } } @@ -467,10 +456,10 @@ abstract class MbscControlBase extends MbscCloneBase implements ControlValueAcce let that = this; $(element || this.element).on('change', function () { that.zone.run(function () { - if (that.element.value !== that._instance._value && that.enableManualEdit) { - that._instance.setVal(that.element.value, true, true); + if (that.element.value !== that.instance._value && that.enableManualEdit) { + that.instance.setVal(that.element.value, true, true); } else { - let value = that._instance.getVal(); + let value = that.instance.getVal(); if (that.control) { if (!valueEquals(value, (that.control as any).model)) { that.onChange(value); @@ -563,7 +552,9 @@ abstract class MbscControlBase extends MbscCloneBase implements ControlValueAcce */ writeValue(v: any): void { if (this._needsTimeout) { + this.pendingValue = v; setTimeout(() => { + this.pendingValue = undefined; this.setNewValueProxy(v); }); } else { @@ -604,8 +595,6 @@ abstract class MbscFrameBase extends MbscControlBase implements OnInit { @Input() scrollLock: boolean; @Input() - showOverlay: boolean; - @Input() touchUi: boolean; // Events @@ -627,63 +616,6 @@ abstract class MbscFrameBase extends MbscControlBase implements OnInit { @Output() onShow: EventEmitter<{ target: HTMLElement, valueText: string, inst: any }> = new EventEmitter(); - inlineOptions(): MbscFrameOptions { - return extend(super.inlineOptions(), { - anchor: this.anchor, - animate: this.animate, - buttons: this.buttons, - closeOnOverlayTap: this.closeOnOverlayTap, - context: this.context, - disabled: this.disabled, - display: this.display, - focusOnClose: this.focusOnClose, - focusTrap: this.focusTrap, - headerText: this.headerText, - scrollLock: this.scrollLock, - showOnFocus: this.showOnFocus, - showOnTap: this.showOnTap, - showOverlay: this.showOverlay, - touchUi: this.touchUi - }); - } - - inlineEvents(): MbscFrameOptions { - return extend(super.inlineEvents(), { - onBeforeClose: (event: { valueText: string, button: string, inst: any }, inst: any) => { - event.inst = inst; - this.onBeforeClose.emit(event); - }, - onBeforeShow: (event: { inst: any }, inst: any) => { - event.inst = inst; - this.onBeforeShow.emit(event); - }, - onCancel: (event: { valuteText: string, inst: any }, inst: any) => { - event.inst = inst; - this.onCancel.emit(event); - }, - onClose: (event: { valueText: string, inst: any }, inst: any) => { - event.inst = inst; - this.onClose.emit(event); - }, - onFill: (event: { inst: any }, inst: any) => { - event.inst = inst; - this.onFill.emit(event); - }, - onMarkupReady: (event: { target: HTMLElement, inst: any }, inst: any) => { - event.inst = inst; - this.onMarkupReady.emit(event); - }, - onPosition: (event: { target: HTMLElement, windowWidth: number, windowHeight: number, inst: any }, inst: any) => { - event.inst = inst; - this.onPosition.emit(event); - }, - onShow: (event: { target: HTMLElement, valueText: string, inst: any }, inst: any) => { - event.inst = inst; - this.onShow.emit(event); - } - }); - } - get inline(): boolean { return (this.display || this.options.display) === 'inline'; } @@ -761,52 +693,6 @@ abstract class MbscScrollerBase extends MbscFrameBase { @Output() onClear: EventEmitter<{ inst: any }> = new EventEmitter(); - inlineOptions(): MbscScrollerOptions { - return extend(super.inlineOptions(), { - circular: this.circular, - height: this.height, - layout: this.layout, - maxWidth: this.maxWidth, - minWidth: this.minWidth, - multiline: this.multiline, - readOnly: this.readOnly, - rows: this.rows, - showLabel: this.showLabel, - showScrollArrows: this.showScrollArrows, - wheels: this.wheels, - width: this.width, - cancelText: this.cancelText, - clearText: this.clearText, - selectedText: this.selectedText, - setText: this.setText, - validate: this.validate, - formatValue: this.formatValue, - parseValue: this.parseValue - }); - } - - inlineEvents(): MbscScrollerOptions { - return extend(super.inlineEvents(), { - onChange: (event: { valueText?: string, inst: any }, inst: any) => { - event.inst = inst; - this.onWheelChange.emit(event); - }, - onSet: (event: { valueText?: string, inst: any }, inst: any) => { - event.inst = inst; - this.onSet.emit(event); - }, - onItemTap: (event: { inst: any }, inst: any) => { - event.inst = inst; - this.onItemTap.emit(event); - }, - onClear: (event: { inst: any }, inst: any) => { - event.inst = inst; - this.onClear.emit(event); - } - }) - } - - constructor(initialElement: ElementRef, zone: NgZone, control: NgControl, _inputService: MbscInputService, view: ViewContainerRef) { super(initialElement, zone, control, _inputService, view); } diff --git a/src/js/frameworks/react.d.ts b/src/js/frameworks/react.d.ts index 60db47c3..67829c95 100644 --- a/src/js/frameworks/react.d.ts +++ b/src/js/frameworks/react.d.ts @@ -178,7 +178,7 @@ interface PopupProps extends ClassNameProp { * --------------------- */ -export interface FormComponent extends MbscComponent> { } +export interface FormComponent extends MbscComponent> { } export interface LabelComponent extends MbscComponent { } export interface InputComponent extends MbscComponent { } export interface TextAreaComponent extends MbscComponent { } diff --git a/src/js/frameworks/react.jsx b/src/js/frameworks/react.jsx index 3f276147..6cc18ee8 100644 --- a/src/js/frameworks/react.jsx +++ b/src/js/frameworks/react.jsx @@ -205,7 +205,7 @@ export function deepCompare(a, b) { var leftChain = [], rightChain = []; - function compare2Objects(x, y) { + function compare2Objects(x, y, reactElement) { var p; // remember that NaN === NaN returns false @@ -265,7 +265,15 @@ export function deepCompare(a, b) { } } - for (p in x) { + const elementProps = { + '$$typeof': 1, + 'key': 1, + 'props': 1, + 'ref': 1, + 'type': 1 + }; + const props = reactElement ? elementProps : x; + for (p in props) { if (y.hasOwnProperty(p) !== x.hasOwnProperty(p)) { return false; } else if (typeof y[p] !== typeof x[p]) { @@ -275,11 +283,10 @@ export function deepCompare(a, b) { switch (typeof (x[p])) { case 'object': case 'function': - leftChain.push(x); rightChain.push(y); - if (!compare2Objects(x[p], y[p])) { + if (!compare2Objects(x[p], y[p], x[p] && x[p].$$typeof !== undefined)) { return false; } @@ -326,6 +333,7 @@ export class MbscInit extends React.Component { options, children, value, + checked, data, className, ...other diff --git a/src/js/input.angular.ts b/src/js/input.angular.ts index 83c56fd9..91b4107d 100644 --- a/src/js/input.angular.ts +++ b/src/js/input.angular.ts @@ -158,9 +158,9 @@ export class MbscFormValueBase extends MbscFormBase implements ControlValueAcces } refresh() { - if (this._instance && this._instance.refresh) { + if (this.instance && this.instance.refresh) { setTimeout(() => { - this._instance.refresh(); + this.instance.refresh(); }); } } @@ -259,7 +259,7 @@ export class MbscInputBase extends MbscFormValueBase { providers: [MbscInputService] }) export class MbscInput extends MbscInputBase { - _instance: FormInput; + instance: FormInput; @Input() controlNg: boolean = true; @@ -273,8 +273,11 @@ export class MbscInput extends MbscInputBase { } initControl() { - let options = extend({}, this._inheritedOptions, this.inlineEvents(), this.options, this.inlineOptions()); - this._instance = new FormInput(this._initElem.nativeElement, options); + let options = extend({}, this._inheritedOptions, this.options, this.inlineOptionsObj); + this.instance = new FormInput(this._initElem.nativeElement, options); + setTimeout(() => { + this.instance.refresh(); // needed to check for floating labels when using reactive forms + }); } } diff --git a/src/js/mobiscroll.commercial.js b/src/js/mobiscroll.commercial.js index f7d938b8..8cfbfb57 100644 --- a/src/js/mobiscroll.commercial.js +++ b/src/js/mobiscroll.commercial.js @@ -25,26 +25,26 @@ var MbscCommercialComponent = (function (_super) { mobiscroll.alerted = true; } }; + MbscCommercialComponent.decorators = [ + { type: Component, args: [{ + selector: "\n mbsc-calendar, [mbsc-calendar],\n mbsc-date, [mbsc-date],\n mbsc-time, [mbsc-time],\n mbsc-datetime, [mbsc-datetime],\n mbsc-eventcalendar, [mbsc-eventcalendar],\n mbsc-card, [mbsc-card], mbsc-card-header, mbsc-card-content, mbsc-card-footer, mbsc-card-title, mbsc-card-subtitle,\n mbsc-color, [mbsc-color],\n mbsc-image, [mbsc-image],\n mbsc-listview, mbsc-listview-item, mbsc-listview-header, mbsc-listview-sublist,\n mbsc-measurement, [mbsc-measurement], mbsc-temperature, [mbsc-temperature], mbsc-distance, [mbsc-distance], mbsc-speed, [mbsc-speed], mbsc-force, [mbsc-force], mbsc-mass, [mbsc-mass],\n mbsc-nav-item, mbsc-bottom-nav, mbsc-hamburger-nav, mbsc-tab-nav,\n mbsc-number, [mbsc-number],\n mbsc-numpad, [mbsc-numpad], mbsc-numpad-decimal, [mbsc-numpad-decimal], mbsc-numpad-date, [mbsc-numpad-date], mbsc-numpad-time, [mbsc-numpad-time], mbsc-numpad-timespan, [mbsc-numpad-timespan],\n mbsc-optionlist, mbsc-option-item,\n mbsc-range, [mbsc-range],\n mbsc-scroller, [mbsc-scroller],\n mbsc-scrollview, [mbsc-scrollview], mbsc-scrollview-item, [mbsc-scrollview-item],\n mbsc-select, [mbsc-select],\n mbsc-timer, [mbsc-timer],\n mbsc-timespan, [mbsc-timespan],\n mbsc-treelist, [mbsc-treelist],\n mbsc-widget\n ", + template: '', + exportAs: 'mobiscroll', + styles: [':host { display: block }'] + },] }, + ]; + MbscCommercialComponent.ctorParameters = function () { return [ + { type: ElementRef, }, + { type: MbscOptionsService, decorators: [{ type: Optional },] }, + { type: NgZone, }, + ]; }; + MbscCommercialComponent.propDecorators = { + 'mbscOptions': [{ type: Input, args: ['mbsc-options',] },], + 'options': [{ type: Input },], + 'data': [{ type: Input },], + 'mbscData': [{ type: Input, args: ['mbsc-data',] },], + 'initElem': [{ type: ViewChild, args: ['initElement',] },], + }; return MbscCommercialComponent; }(MbscBase)); export { MbscCommercialComponent }; -MbscCommercialComponent.decorators = [ - { type: Component, args: [{ - selector: "\n mbsc-calendar, [mbsc-calendar],\n mbsc-date, [mbsc-date],\n mbsc-time, [mbsc-time],\n mbsc-datetime, [mbsc-datetime],\n mbsc-eventcalendar, [mbsc-eventcalendar],\n mbsc-card, [mbsc-card], mbsc-card-header, mbsc-card-content, mbsc-card-footer, mbsc-card-title, mbsc-card-subtitle,\n mbsc-color, [mbsc-color],\n mbsc-image, [mbsc-image],\n mbsc-listview, mbsc-listview-item, mbsc-listview-header, mbsc-listview-sublist,\n mbsc-measurement, [mbsc-measurement], mbsc-temperature, [mbsc-temperature], mbsc-distance, [mbsc-distance], mbsc-speed, [mbsc-speed], mbsc-force, [mbsc-force], mbsc-mass, [mbsc-mass],\n mbsc-nav-item, mbsc-bottom-nav, mbsc-hamburger-nav, mbsc-tab-nav,\n mbsc-number, [mbsc-number],\n mbsc-numpad, [mbsc-numpad], mbsc-numpad-decimal, [mbsc-numpad-decimal], mbsc-numpad-date, [mbsc-numpad-date], mbsc-numpad-time, [mbsc-numpad-time], mbsc-numpad-timespan, [mbsc-numpad-timespan],\n mbsc-optionlist, mbsc-option-item,\n mbsc-range, [mbsc-range],\n mbsc-scroller, [mbsc-scroller],\n mbsc-scrollview, [mbsc-scrollview], mbsc-scrollview-item, [mbsc-scrollview-item],\n mbsc-select, [mbsc-select],\n mbsc-timer, [mbsc-timer],\n mbsc-timespan, [mbsc-timespan],\n mbsc-treelist, [mbsc-treelist],\n mbsc-widget\n ", - template: '', - exportAs: 'mobiscroll', - styles: [':host { display: block }'] - },] }, -]; -MbscCommercialComponent.ctorParameters = function () { return [ - { type: ElementRef, }, - { type: MbscOptionsService, decorators: [{ type: Optional },] }, - { type: NgZone, }, -]; }; -MbscCommercialComponent.propDecorators = { - 'mbscOptions': [{ type: Input, args: ['mbsc-options',] },], - 'options': [{ type: Input },], - 'data': [{ type: Input },], - 'mbscData': [{ type: Input, args: ['mbsc-data',] },], - 'initElem': [{ type: ViewChild, args: ['initElement',] },], -}; diff --git a/src/js/modules/mobiscroll.angular.free.ts b/src/js/modules/mobiscroll.angular.free.ts index f8dbd235..4968cc75 100644 --- a/src/js/modules/mobiscroll.angular.free.ts +++ b/src/js/modules/mobiscroll.angular.free.ts @@ -1,5 +1,6 @@ import { NgModule, FormsModule, CommonModule, mobiscroll } from '../frameworks/angular'; -import { MbscFormsModule, MbscForm, MbscRating, MbscInput, MbscDropdown, MbscTextarea, MbscButton, MbscCheckbox, MbscSwitch, MbscStepper, MbscProgress, MbscSlider, MbscRadio, MbscRadioGroup, MbscSegmentedGroup, MbscSegmented, MbscFormOptions, MbscFormGroup, MbscFormGroupTitle, MbscFormGroupContent } from '../forms.angular'; +import { MbscInput, MbscInputModule } from '../input.angular'; +import { MbscFormsModule, MbscForm, MbscRating, MbscDropdown, MbscTextarea, MbscButton, MbscCheckbox, MbscSwitch, MbscStepper, MbscProgress, MbscSlider, MbscRadio, MbscRadioGroup, MbscSegmentedGroup, MbscSegmented, MbscFormOptions, MbscFormGroup, MbscFormGroupTitle, MbscFormGroupContent } from '../forms.angular'; import { MbscPageModule, MbscPage, MbscPageOptions, MbscNote, MbscAvatar } from '../page.angular'; import { MbscCommercialComponent } from '../mobiscroll.commercial'; @@ -19,8 +20,10 @@ export { mobiscroll, MbscForm, MbscRating, MbscPage, MbscNote, MbscAvatar, MbscInput, MbscDropdown, MbscTextarea, MbscButton, MbscCheckbox, MbscSwitch, MbscStepper, MbscProgress, MbscSlider, MbscRadio, MbscRadioGroup, MbscSegmentedGroup, MbscSegmented, MbscCommercialComponent, + MbscFormOptions, MbscPageOptions, MbscModule, + MbscInputModule, MbscFormsModule, MbscPageModule } \ No newline at end of file diff --git a/src/js/page.angular.ts b/src/js/page.angular.ts index 87bdbdd9..e5b9c5a8 100644 --- a/src/js/page.angular.ts +++ b/src/js/page.angular.ts @@ -21,7 +21,7 @@ export { MbscPageOptions }; exportAs: 'mobiscroll' }) export class MbscPage extends MbscBase implements OnInit { - _instance: Page; + instance: Page; @Input() options: MbscPageOptions; @@ -34,13 +34,13 @@ export class MbscPage extends MbscBase implements OnInit { } ngOnInit() { - let optionsObj = extend({}, this.options, this.inlineOptions()); + let optionsObj = extend({}, this.options, this.inlineOptionsObj); this.optionsService.options = optionsObj; } initControl() { - let options = extend({}, this.inlineEvents(), this.options, this.inlineOptions()); - this._instance = new Page(this.initElem.nativeElement, options); + let options = extend({}, this.options, this.inlineOptionsObj); + this.instance = new Page(this.initElem.nativeElement, options); } } diff --git a/src/js/scroller.angular.ts b/src/js/scroller.angular.ts index 83d99fc3..d3949a00 100644 --- a/src/js/scroller.angular.ts +++ b/src/js/scroller.angular.ts @@ -27,7 +27,7 @@ export { MbscScrollerOptions }; exportAs: 'mobiscroll' }) export class MbscScroller extends MbscScrollerBase { - _instance: Scroller; + instance: Scroller; /** * The mobiscroll settings for the directive are passed through this input. @@ -61,25 +61,25 @@ export class MbscScroller extends MbscScrollerBase { * @param v The new value to be set */ setNewValue(v: string) { - if (this._instance) { - let innerValue: string = this._instance.getVal(); + if (this.instance) { + let innerValue: string = this.instance.getVal(); // set value to instance if differs from the model if (innerValue !== v) { - this._instance.setVal(v, true, false); + this.instance.setVal(v, true, false); if (this._inputService && this._inputService.input) { - this._inputService.input.innerValue = this._instance._value; + this._inputService.input.innerValue = this.instance._value; } } } } initControl() { - let options = extend({}, this.optionService ? this.optionService.options : {}, this.inlineEvents(), this.options, this.inlineOptions(), this.optionExtensions); - this._instance = new Scroller(this.element, options); + let options = extend({}, this.optionService ? this.optionService.options : {}, this.options, this.inlineOptionsObj, this.optionExtensions); + this.instance = new Scroller(this.element, options); // set the initial value - needed when there's no ngModel in use if (this.initialValue !== undefined) { - this._instance.setVal(this.initialValue, true, false); + this.instance.setVal(this.initialValue, true, false); } } } diff --git a/src/less/animation.less b/src/less/animation.less deleted file mode 100644 index 9ce03f5d..00000000 --- a/src/less/animation.less +++ /dev/null @@ -1,628 +0,0 @@ -/* Animations */ - -.mbsc-anim-trans .mbsc-fr-scroll { - overflow: hidden; -} - -.mbsc-anim-trans-flip .mbsc-fr-persp, -.mbsc-anim-trans-swing .mbsc-fr-persp { - -webkit-perspective: 1000px; - perspective: 1000px; -} - -.mbsc-anim-trans .mbsc-fr-popup, -.mbsc-anim-trans .mbsc-fr-overlay { - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; -} - -.mbsc-anim-in .mbsc-fr-popup, -.mbsc-anim-in .mbsc-fr-overlay { - -webkit-animation-timing-function: ease-out; - -webkit-animation-duration: 225ms; - animation-timing-function: ease-out; - animation-duration: 225ms; -} - -.mbsc-anim-out .mbsc-fr-popup, -.mbsc-anim-out .mbsc-fr-overlay { - -webkit-animation-timing-function: ease-in; - -webkit-animation-duration: 195ms; - animation-timing-function: ease-in; - animation-duration: 195ms; -} - -.mbsc-anim-in .mbsc-fr-overlay { - -webkit-animation-name: mbsc-anim-f-in; - animation-name: mbsc-anim-f-in; -} - -.mbsc-anim-out .mbsc-fr-overlay { - -webkit-animation-name: mbsc-anim-f-out; - animation-name: mbsc-anim-f-out; -} - -.mbsc-anim-flip, -.mbsc-anim-swing, -.mbsc-anim-slidehorizontal, -.mbsc-anim-slidevertical, -.mbsc-anim-slidedown, -.mbsc-anim-slideup, -.mbsc-anim-fade { - -webkit-backface-visibility: hidden; - -webkit-transform: translateX(0); - backface-visibility: hidden; - transform: translateX(0); -} - -.mbsc-anim-swing, -.mbsc-anim-slidehorizontal, -.mbsc-anim-slidevertical, -.mbsc-anim-slidedown, -.mbsc-anim-slideup, -.mbsc-anim-fade { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; -} - -.mbsc-anim-flip, -.mbsc-anim-pop { - -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; -} - -.mbsc-anim-in .mbsc-anim-pop { - opacity: 1; - -webkit-animation-name: mbsc-anim-p-in; - -webkit-animation-duration: 100ms; - -webkit-transform: scale(1); - animation-name: mbsc-anim-p-in; - animation-duration: 100ms; - transform: scale(1); -} - -.mbsc-anim-out .mbsc-anim-pop { - opacity: 0; - -webkit-animation-name: mbsc-anim-p-out; - -webkit-animation-duration: 150ms; - animation-name: mbsc-anim-p-out; - animation-duration: 150ms; -} - -.mbsc-anim-trans-pop .mbsc-fr-overlay { - -webkit-animation-duration: 150ms; - animation-duration: 150ms; -} - -.mbsc-anim-in .mbsc-anim-flip { - opacity: 1; - -webkit-animation-name: mbsc-anim-fl-in; - -webkit-transform: scale(1); - animation-name: mbsc-anim-fl-in; - transform: scale(1); -} - -.mbsc-anim-out .mbsc-anim-flip { - opacity: 0; - -webkit-animation-name: mbsc-anim-fl-out; - animation-name: mbsc-anim-fl-out; -} - -.mbsc-anim-in .mbsc-anim-swing { - opacity: 1; - -webkit-animation-name: mbsc-anim-sw-in; - -webkit-transform: scale(1); - transform: scale(1); - animation-name: mbsc-anim-sw-in; -} - -.mbsc-anim-out .mbsc-anim-swing { - opacity: 0; - -webkit-animation-name: mbsc-anim-sw-out; - animation-name: mbsc-anim-sw-out; -} - -.mbsc-anim-in .mbsc-anim-slidehorizontal { - opacity: 1; - -webkit-animation-name: mbsc-anim-sh-in; - -webkit-transform: scale(1); - transform: scale(1); - animation-name: mbsc-anim-sh-in; -} - -.mbsc-anim-out .mbsc-anim-slidehorizontal { - opacity: 0; - -webkit-animation-name: mbsc-anim-sh-out; - animation-name: mbsc-anim-sh-out; -} - -.mbsc-anim-in .mbsc-anim-slidevertical { - opacity: 1; - -webkit-animation-name: mbsc-anim-sv-in; - -webkit-transform: scale(1); - animation-name: mbsc-anim-sv-in; - transform: scale(1); -} - -.mbsc-anim-out .mbsc-anim-slidevertical { - opacity: 0; - -webkit-animation-name: mbsc-anim-sv-out; - animation-name: mbsc-anim-sv-out; -} - -.mbsc-anim-in .mbsc-anim-slidedown { - -webkit-animation-name: mbsc-anim-sd-in; - -webkit-transform: scale(1); - animation-name: mbsc-anim-sd-in; - transform: scale(1); -} - -.mbsc-anim-out .mbsc-anim-slidedown { - -webkit-animation-name: mbsc-anim-sd-out; - -webkit-transform: translateY(-100%); - animation-name: mbsc-anim-sd-out; -} - -.mbsc-anim-in .mbsc-anim-slideup { - -webkit-animation-name: mbsc-anim-su-in; - -webkit-transform: scale(1); - transform: scale(1); - animation-name: mbsc-anim-su-in; -} - -.mbsc-anim-out .mbsc-anim-slideup { - -webkit-animation-name: mbsc-anim-su-out; - -webkit-transform: translateY(100%); - animation-name: mbsc-anim-su-out; -} - -.mbsc-anim-in .mbsc-anim-fade { - opacity: 1; - -webkit-animation-name: mbsc-anim-f-in; - animation-name: mbsc-anim-f-in; -} - -.mbsc-anim-out .mbsc-anim-fade { - opacity: 0; - -webkit-animation-name: mbsc-anim-f-out; - animation-name: mbsc-anim-f-out; -} - -.mbsc-fr-pointer { - &.mbsc-anim-in .mbsc-anim-slidedown { - -webkit-animation-name: mbsc-anim-sd-in, mbsc-anim-f-in; - animation-name: mbsc-anim-sd-in, mbsc-anim-f-in; - } - - &.mbsc-anim-out .mbsc-anim-slidedown { - -webkit-animation-name: mbsc-anim-sd-out, mbsc-anim-f-out; - animation-name: mbsc-anim-sd-out, mbsc-anim-f-out; - } - - &.mbsc-anim-in .mbsc-anim-slideup { - -webkit-animation-name: mbsc-anim-su-in, mbsc-anim-f-in; - animation-name: mbsc-anim-su-in, mbsc-anim-f-in; - } - - &.mbsc-anim-out .mbsc-anim-slideup { - -webkit-animation-name: mbsc-anim-su-out, mbsc-anim-f-out; - animation-name: mbsc-anim-su-out, mbsc-anim-f-out; - } -} - -/* Fade in */ - -@keyframes mbsc-anim-f-in { - from { - opacity: 0; - } - - to { - opacity: 1; - } -} - -@-webkit-keyframes mbsc-anim-f-in { - from { - opacity: 0; - } - - to { - opacity: 1; - } -} - - -/* Fade out */ - -@keyframes mbsc-anim-f-out { - from { - visibility: visible; - opacity: 1; - } - - to { - opacity: 0; - } -} - -@-webkit-keyframes mbsc-anim-f-out { - from { - visibility: visible; - opacity: 1; - } - - to { - opacity: 0; - } -} - - -/* Pop in */ - -@keyframes mbsc-anim-p-in { - from { - opacity: 0; - transform: scale(0.8); - } - - to { - opacity: 1; - transform: scale(1); - } -} - -@-webkit-keyframes mbsc-anim-p-in { - from { - opacity: 0; - -webkit-transform: scale(0.8); - } - - to { - opacity: 1; - -webkit-transform: scale(1); - } -} - - -/* Pop out */ - -@keyframes mbsc-anim-p-out { - from { - opacity: 1; - transform: scale(1); - } - - to { - opacity: 0; - transform: scale(0.8); - } -} - -@-webkit-keyframes mbsc-anim-p-out { - from { - opacity: 1; - -webkit-transform: scale(1); - } - - to { - opacity: 0; - -webkit-transform: scale(0.8); - } -} - - -/* Flip in */ - -@keyframes mbsc-anim-fl-in { - from { - opacity: 0; - transform: rotateY(90deg); - } - - to { - opacity: 1; - transform: rotateY(0); - } -} - -@-webkit-keyframes mbsc-anim-fl-in { - from { - opacity: 0; - -webkit-transform: rotateY(90deg); - } - - to { - opacity: 1; - -webkit-transform: rotateY(0); - } -} - - -/* Flip out */ - -@keyframes mbsc-anim-fl-out { - from { - opacity: 1; - transform: rotateY(0deg); - } - - to { - opacity: 0; - transform: rotateY(-90deg); - } -} - -@-webkit-keyframes mbsc-anim-fl-out { - from { - opacity: 1; - -webkit-transform: rotateY(0deg); - } - - to { - opacity: 0; - -webkit-transform: rotateY(-90deg); - } -} - - -/* Swing in */ - -@keyframes mbsc-anim-sw-in { - from { - opacity: 0; - transform: rotateY(-90deg); - } - - to { - opacity: 1; - transform: rotateY(0deg); - } -} - -@-webkit-keyframes mbsc-anim-sw-in { - from { - opacity: 0; - -webkit-transform: rotateY(-90deg); - } - - to { - opacity: 1; - -webkit-transform: rotateY(0deg); - } -} - - -/* Swing out */ - -@keyframes mbsc-anim-sw-out { - from { - opacity: 1; - transform: rotateY(0deg); - } - - to { - opacity: 0; - transform: rotateY(-90deg); - } -} - -@-webkit-keyframes mbsc-anim-sw-out { - from { - opacity: 1; - -webkit-transform: rotateY(0deg); - } - - to { - opacity: 0; - -webkit-transform: rotateY(-90deg); - } -} - - -/* Slide horizontal in */ - -@keyframes mbsc-anim-sh-in { - from { - opacity: 0; - transform: translateX(-100%); - } - - to { - opacity: 1; - transform: translateX(0); - } -} - -@-webkit-keyframes mbsc-anim-sh-in { - from { - opacity: 0; - -webkit-transform: translateX(-100%); - } - - to { - opacity: 1; - -webkit-transform: translateX(0); - } -} - - -/* Slide horizontal out */ - -@keyframes mbsc-anim-sh-out { - from { - opacity: 1; - transform: translateX(0); - } - - to { - opacity: 0; - transform: translateX(100%); - } -} - -@-webkit-keyframes mbsc-anim-sh-out { - from { - opacity: 1; - -webkit-transform: translateX(0); - } - - to { - opacity: 0; - -webkit-transform: translateX(100%); - } -} - - -/* Slide vertical in */ - -@keyframes mbsc-anim-sv-in { - from { - opacity: 0; - transform: translateY(-100%); - } - - to { - opacity: 1; - transform: translateY(0); - } -} - -@-webkit-keyframes mbsc-anim-sv-in { - from { - opacity: 0; - -webkit-transform: translateY(-100%); - } - - to { - opacity: 1; - -webkit-transform: translateY(0); - } -} - - -/* Slide vertical out */ - -@keyframes mbsc-anim-sv-out { - from { - opacity: 1; - transform: translateY(0); - } - - to { - opacity: 0; - transform: translateY(100%); - } -} - -@-webkit-keyframes mbsc-anim-sv-out { - from { - opacity: 1; - -webkit-transform: translateY(0); - } - - to { - opacity: 0; - -webkit-transform: translateY(100%); - } -} - - -/* Slide Down In */ - -@keyframes mbsc-anim-sd-in { - from { - transform: translateY(-100%); - } - - to { - transform: translateY(0); - } -} - -@-webkit-keyframes mbsc-anim-sd-in { - from { - opacity: 1; - -webkit-transform: translateY(-100%); - } - - to { - opacity: 1; - -webkit-transform: translateY(0); - } -} - - -/* Slide down out */ - -@keyframes mbsc-anim-sd-out { - from { - transform: translateY(0); - } - - to { - transform: translateY(-100%); - } -} - -@-webkit-keyframes mbsc-anim-sd-out { - from { - opacity: 1; - -webkit-transform: translateY(0); - } - - to { - opacity: 1; - -webkit-transform: translateY(-100%); - } -} - - -/* Slide Up In */ - -@keyframes mbsc-anim-su-in { - from { - transform: translateY(100%); - } - - to { - transform: translateY(0); - } -} - -@-webkit-keyframes mbsc-anim-su-in { - from { - opacity: 1; - -webkit-transform: translateY(100%); - } - - to { - opacity: 1; - -webkit-transform: translateY(0); - } -} - - -/* Slide up out */ - -@keyframes mbsc-anim-su-out { - from { - transform: translateY(0); - } - - to { - transform: translateY(100%); - } -} - -@-webkit-keyframes mbsc-anim-su-out { - from { - opacity: 1; - -webkit-transform: translateY(0); - } - - to { - opacity: 1; - -webkit-transform: translateY(100%); - } -} diff --git a/src/less/collapsible.less b/src/less/collapsible.less deleted file mode 100644 index d73d6e61..00000000 --- a/src/less/collapsible.less +++ /dev/null @@ -1,70 +0,0 @@ -/* Collapsable group */ - -.mbsc-collapsible.mbsc-form-group { - margin: 0; -} - -.mbsc-collapsible-header { - position: relative; - padding-right: 3em; -} - -.mbsc-collapsible .mbsc-collapsible-icon { - position: absolute; - width: 1em; - height: 1em; - top: 50%; - right: 1em; - margin-top: -.5em; - line-height: 1em; - font-size: 1em; - transition: transform .125s ease-out; -} - -.mbsc-collapsible .mbsc-collapsible-content { - overflow: hidden; - transition: height .125s ease; - box-sizing: content-box; -} - -.mbsc-collapsible:not(.mbsc-collapsible-open) .mbsc-collapsible-content { - height: 0; - padding-bottom: 0; -} - -.mbsc-collapsible-open > .mbsc-collapsible-header .mbsc-collapsible-icon { - -webkit-transform: rotateX(180deg); - transform: rotateX(180deg); -} - -/* Collapsible rtl */ - -.mbsc-rtl { - - .mbsc-collapsible.mbsc-form-group, - .mbsc-collapsible.mbsc-card { - - .mbsc-collapsible-header, - .mbsc-collapsible-header.mbsc-form-group-title { - padding-right: 1em; - padding-left: 3em; - - .mbsc-collapsible-icon { - right: auto; - left: 1em; - } - } - } -} - -/* Mobiscroll theme */ - -.mbsc-mobiscroll .mbsc-collapsible { - .mbsc-form-group-title { - padding: 1em; - } - - .mbsc-collapsible-header { - padding-right: 3em; - } -} diff --git a/src/less/forms.less b/src/less/forms.less deleted file mode 100644 index 87653f61..00000000 --- a/src/less/forms.less +++ /dev/null @@ -1,1445 +0,0 @@ -@import "collapsible"; -@import "common"; -@import "page"; -@import "icons"; -@import "input"; -@import "slider"; -@import "rating"; -@import "notifications"; -@import "themes/mobiscroll"; - -/* Forms */ - -[mbsc-form]:not(.mbsc-form) { - // Prevent FOUC - visibility: hidden; -} - -.mbsc-form { - font-size: 16px; - font-family: arial, verdana, sans-serif; - -webkit-font-smoothing: antialiased; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; - -webkit-touch-callout: none; - -webkit-text-size-adjust: 100%; - -ms-touch-action: manipulation; - touch-action: manipulation; -} - -.mbsc-form:before, -.mbsc-form:after { - content: ''; - display: table; -} - -.mbsc-form-group { - margin: 1.5em 0; -} - -.mbsc-form-group-inset { - margin: 2em 1.5em; -} - -.mbsc-form-group, -.mbsc-form-group-inset { - padding-top: 0 !important; - padding-bottom: 0 !important; -} - -/* No background inside widget */ - -.mbsc-wdg .mbsc-w-p .mbsc-form { - background: none; -} - -/* Other mobiscroll components inline */ - -.mbsc-input .mbsc-fr-inline .mbsc-fr-popup { - display: block; -} - -.mbsc-err-msg { - display: block; - font-size: .75em; -} - -.mbsc-checkbox, -.mbsc-switch, -.mbsc-radio, -.mbsc-stepper-cont { - line-height: 1.25em; -} - -.mbsc-checkbox, -.mbsc-switch, -.mbsc-btn, -.mbsc-radio, -.mbsc-segmented, -.mbsc-stepper-cont { - position: relative; - display: block; - margin: 0; - z-index: 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.mbsc-checkbox input, -.mbsc-switch input, -.mbsc-radio input, -.mbsc-segmented input, -.mbsc-btn { - margin: 0; - padding: 0; - border: 0; - border-radius: 0; - outline: 0; - font-family: inherit; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -.mbsc-checkbox input, -.mbsc-switch input, -.mbsc-radio input, -.mbsc-select select, -.mbsc-segmented input { - position: absolute; - z-index: 3; - top: 0; - left: 0; - width: 100%; - height: 100%; - border: 0; - opacity: 0; - margin: 0; -} - -.mbsc-btn, -.mbsc-checkbox-box, -.mbsc-checkbox-box:after, -.mbsc-radio-box, -.mbsc-radio-box:after, -.mbsc-switch-track, -.mbsc-segmented, -.mbsc-progress progress, -.mbsc-stepper-cont { - box-sizing: border-box; -} - -.mbsc-segmented .mbsc-segmented-content, -.mbsc-btn-flat .mbsc-btn-ic { - box-sizing: content-box; -} - -.mbsc-desc { - display: block; - font-size: .75em; - opacity: .6; -} - -label.mbsc-input, -.mbsc-label { - margin: 0; - display: block; - font-weight: normal; -} - -.mbsc-control-w { - // Override bootstrap defaults - max-width: none; - margin: 0; - font-size: 1em; - font-weight: normal; -} - -/* Textarea */ - -.mbsc-input textarea { - resize: none; - overflow: hidden; - line-height: 1.5em; -} - -.mbsc-input .mbsc-textarea-scroll { - overflow: auto; -} - -/* Select */ - -.mbsc-select select, -.mbsc-select input { - cursor: pointer; -} - -.mbsc-select select option { - color: initial; -} - -.mbsc-select-ic { - display: none; -} - -/* Checkbox */ - -.mbsc-checkbox { - padding: .5em; -} - -.mbsc-checkbox-box { - position: absolute; - top: 50%; - display: block; - width: 1.375em; - height: 1.375em; -} - -.mbsc-checkbox-box:after { - content: ''; - position: absolute; - display: block; - opacity: 0; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); -} - -.mbsc-checkbox input:checked + .mbsc-checkbox-box:after { - opacity: 1; -} - -/* Radio */ - -.mbsc-radio { - padding: .5em; -} - -.mbsc-radio-box { - position: absolute; - top: 50%; - display: block; - width: 1.25em; - height: 1.25em; - border-radius: 1.25em; -} - -.mbsc-radio-box:after { - content: ''; - position: absolute; - top: 50%; - left: 50%; - width: .625em; - height: .625em; - margin-top: -.3125em; - margin-left: -.3125em; - border-radius: .625em; - opacity: 0; -} - -.mbsc-radio input:checked + .mbsc-radio-box:after { - opacity: 1; -} - -/* Switch */ - -.mbsc-switch { - padding: .5em; -} - -.mbsc-switch-track { - position: absolute; - top: 50%; - display: block; - width: 3.375em; - height: 1.625em; - transition: background-color .2s ease-in-out, border .2s ease-in-out; - z-index: 4; -} - -.mbsc-switch .mbsc-switch-track .mbsc-progress-track { - height: 100%; - background: none; -} - -.mbsc-switch .mbsc-switch-track .mbsc-slider-handle-cont { - top: 50%; -} - -.mbsc-switch-handle { - position: absolute; - display: block; -} - -.mbsc-switch-txt-off, -.mbsc-switch-txt-on { - position: absolute; - top: 0; - left: 0; - display: none; - width: 100%; - height: 100%; - font-size: .625em; - text-align: center; - line-height: 2em; -} - -/* Segmented control & Stepper */ - -.mbsc-segmented { - display: table; - table-layout: fixed; - width: 100%; -} - -.mbsc-segmented .mbsc-segmented-item { - margin: 0; - display: table-cell; - position: relative; - vertical-align: top; - text-align: center; - font-size: 1em; -} - -.mbsc-segmented-content { - position: relative; - display: block; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - font-size: .875em; - font-weight: normal; - z-index: 2; -} - -.mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, -.mbsc-disabled .mbsc-segmented-content, -.mbsc-segmented input:disabled + .mbsc-segmented-content { - z-index: 0; -} - -.mbsc-stepper { - position: absolute; - display: block; - width: auto; - right: 1em; - top: 50%; -} - -.mbsc-rtl .mbsc-stepper { - right: auto; - left: 1em; -} - -.mbsc-stepper-cont .mbsc-label { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; -} - -.mbsc-segmented-item:focus { - outline: 0; -} - -.mbsc-stepper input { - position: absolute; - left: 4.142857em; - width: 4.142857em; - height: 100%; - padding: 0; - margin: 0; - border: 0; - outline: 0; - box-shadow: none; - font-size: .875em; - text-align: center; - opacity: 1; - z-index: 4; - background: transparent; - -webkit-appearance: none; - -moz-appearance: textfield; - appearance: none; -} - -.mbsc-stepper input::-webkit-outer-spin-button, -.mbsc-stepper input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; -} - -.mbsc-form .mbsc-stepper-val-right .mbsc-stepper input { - left: auto; - right: 0; -} - -.mbsc-form.mbsc-rtl .mbsc-stepper-val-right .mbsc-stepper input { - right: auto; - left: 0; -} - -.mbsc-form .mbsc-stepper-val-left .mbsc-stepper input { - left: 0; -} - -.mbsc-form.mbsc-rtl .mbsc-stepper-val-left .mbsc-stepper input { - right: 0; -} - -.mbsc-stepper .mbsc-segmented-item { - width: 3.625em; -} - -.mbsc-stepper-cont.mbsc-stepper-val-left .mbsc-stepper .mbsc-segmented-item:nth-child(2) .mbsc-segmented-content, -.mbsc-stepper-cont.mbsc-stepper-val-right .mbsc-stepper .mbsc-segmented-item:last-child .mbsc-segmented-content { - /* Strong rule is needed to override disabled styling */ - border: 0; - background: transparent; -} - -.mbsc-form .mbsc-stepper-cont .mbsc-stepper { - padding: 0; -} - -.mbsc-segmented-item .mbsc-control, -.mbsc-stepper .mbsc-segmented-content { - cursor: pointer; -} - -.mbsc-disabled .mbsc-segmented-content, -.mbsc-segmented input:disabled, -.mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content { - cursor: not-allowed; -} - -/* Buttons */ - -.mbsc-btn { - position: relative; - display: inline-block; - overflow: hidden; - vertical-align: middle; - text-align: center; - text-overflow: ellipsis; - font-size: 1em; - cursor: pointer; -} - -.mbsc-btn:disabled { - cursor: not-allowed; -} - -.mbsc-btn:focus { - outline: 0; -} - -.mbsc-btn-ic { - line-height: 1; -} - -.mbsc-btn-group, -.mbsc-btn-group-block, -.mbsc-btn-group-justified { - // Prevent margin collision - border: 1px solid transparent; -} - -.mbsc-btn-group-block .mbsc-btn, -.mbsc-btn-block { - display: block; - width: 100%; - margin-left: 0 !important; - margin-right: 0 !important; -} - -.mbsc-btn-group-justified, -.mbsc-btn-group-justified mbsc-button { - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.mbsc-btn-group-justified .mbsc-btn, -.mbsc-btn-group-justified mbsc-button { - -webkit-box-flex: 1; - -webkit-flex: 1 auto; - -ms-flex: 1 auto; - flex: 1 auto; -} - -input:disabled + span .mbsc-slider-handle-cont { - cursor: not-allowed; -} - -/* Form in grid */ - -.mbsc-form .mbsc-form-grid .mbsc-form-group-title { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; -} - -/* Mobiscroll theme */ - -.mbsc-mobiscroll { - &.mbsc-form { - background: #f7f7f7; - color: #454545; - } - - &.mbsc-form *::-moz-selection { - color: #fff; - background: #4eccc4; - } - - &.mbsc-form *::selection { - color: #fff; - background: #4eccc4; - } - - .mbsc-divider, - .mbsc-form-group-title { - padding: .5em 1em; - color: #4eccc4; - } - - .mbsc-err-msg { - position: absolute; - padding-top: .333334em; - font-size: .75em; - color: #de3226; - } - - .mbsc-err .mbsc-label { - color: #de3226; - } - - /* Form grid */ - - .mbsc-form-grid { - margin-top: .75em; - margin-bottom: .75em; - } - - .mbsc-form-grid .mbsc-input-box, - .mbsc-form-grid .mbsc-input-outline { - margin: .75em 1em; - } - - /* Checkbox */ - .mbsc-checkbox { - padding: 1em 3.125em 1em 1em; - } - - &.mbsc-rtl .mbsc-checkbox { - padding: 1em 1em 1em 3.125em; - } - - .mbsc-checkbox-box { - background: #4eccc4; - margin-top: -.5625em; - width: 1.125em; - height: 1.125em; - right: 1em; - } - - &.mbsc-rtl .mbsc-checkbox-box { - right: auto; - left: 1em; - } - - .mbsc-checkbox-box:after { - top: 0.25em; - left: .185em; - width: .8125em; - height: .4375em; - border: .125em solid #fff; - border-top: 0; - border-right: 0; - } - - .mbsc-checkbox input:disabled + .mbsc-checkbox-box { - background: #d6d6d6; - } - - /* Checkbox color presets */ - .mbsc-checkbox-primary .mbsc-checkbox-box { - background: @mobiscroll-primary; - } - - .mbsc-checkbox-secondary .mbsc-checkbox-box { - background: @mobiscroll-secondary; - } - - .mbsc-checkbox-success .mbsc-checkbox-box { - background: @mobiscroll-success; - } - - .mbsc-checkbox-danger .mbsc-checkbox-box { - background: @mobiscroll-danger; - } - - .mbsc-checkbox-warning .mbsc-checkbox-box { - background: @mobiscroll-warning; - } - - .mbsc-checkbox-info .mbsc-checkbox-box { - background: @mobiscroll-info; - } - - /* Radio */ - .mbsc-radio { - padding: 1em 3.125em 1em 1em; - } - - &.mbsc-rtl .mbsc-radio { - padding: 1em 1em 1em 3.125em; - } - - .mbsc-radio-box { - right: 1em; - width: 1.125em; - height: 1.125em; - margin-top: -.5625em; - background: transparent; - border: .125em solid #4eccc4; - } - - &.mbsc-rtl .mbsc-radio-box { - right: auto; - left: 1em; - } - - .mbsc-radio-box:after { - width: .5em; - height: .5em; - margin-top: -.25em; - margin-left: -.25em; - background: #4eccc4; - border-radius: .625em; - } - - .mbsc-radio input:checked + .mbsc-radio-box { - background: transparent; - } - - .mbsc-radio input:disabled + .mbsc-radio-box { - border-color: #d6d6d6; - } - - .mbsc-radio input:disabled + .mbsc-radio-box:after { - background: #d6d6d6; - } - - /* Radio color presets */ - .mbsc-radio-primary { - .mbsc-radio-box { - border-color: @mobiscroll-primary; - } - - .mbsc-radio-box:after { - background: @mobiscroll-primary; - } - } - - .mbsc-radio-secondary { - .mbsc-radio-box { - border-color: @mobiscroll-secondary; - } - - .mbsc-radio-box:after { - background: @mobiscroll-secondary; - } - } - - .mbsc-radio-success { - .mbsc-radio-box { - border-color: @mobiscroll-success; - } - - .mbsc-radio-box:after { - background: @mobiscroll-success; - } - } - - .mbsc-radio-danger { - .mbsc-radio-box { - border-color: @mobiscroll-danger; - } - - .mbsc-radio-box:after { - background: @mobiscroll-danger; - } - } - - .mbsc-radio-warning { - .mbsc-radio-box { - border-color: @mobiscroll-warning; - } - - .mbsc-radio-box:after { - background: @mobiscroll-warning; - } - } - - .mbsc-radio-info { - .mbsc-radio-box { - border-color: @mobiscroll-info; - } - - .mbsc-radio-box:after { - background: @mobiscroll-info; - } - } - - /* Checkbox, Switch, Radio */ - .mbsc-checkbox input:disabled ~ .mbsc-label, - .mbsc-checkbox input:disabled ~ .mbsc-desc, - .mbsc-radio input:disabled ~ .mbsc-label, - .mbsc-radio input:disabled ~ .mbsc-desc, - .mbsc-switch input:disabled ~ .mbsc-label, - .mbsc-switch input:disabled ~ .mbsc-desc { - opacity: .4; - } - - .mbsc-checkbox-box:after, - .mbsc-radio-box:after { - opacity: 1; - -webkit-transform: scale(0) rotate(-45deg); - transform: scale(0) rotate(-45deg); - transition: transform .1s ease-out; - } - - .mbsc-checkbox input:checked + .mbsc-checkbox-box:after, - .mbsc-radio input:checked + .mbsc-radio-box:after { - opacity: 1; - -webkit-transform: scale(1) rotate(-45deg); - transform: scale(1) rotate(-45deg); - } - - /* Buttons */ - .mbsc-btn { - margin: .5em; - padding: .6875em; - background: #4ECCC4; - color: #f0f0f0; - font-size: 1em; - text-transform: uppercase; - } - - .mbsc-btn-ic { - padding-right: .6875em; - } - - .mbsc-btn-icon-only .mbsc-btn-ic { - padding: 0 .5em; - } - - .mbsc-btn:disabled { - background: #dedede; - } - - .mbsc-btn.mbsc-btn-outline:disabled { - color: #dedede; - border-color: #dedede; - } - - &.mbsc-no-touch .mbsc-btn:not(:disabled):not(.mbsc-active):hover { - opacity: .8; - } - - .mbsc-btn.mbsc-active { - opacity: .6; - } - - &.mbsc-no-touch .mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover { - opacity: 1; - background: rgba(78, 204, 196, .1) - } - - .mbsc-btn-flat { - background: transparent; - color: #4ECCC4; - border-color: transparent; - } - - .mbsc-btn-flat.mbsc-btn.mbsc-active { - opacity: 1; - background: rgba(78, 204, 196, .3) - } - - .mbsc-btn-flat:disabled { - background: transparent; - color: #c9c9c9; - } - - .mbsc-btn-group, - .mbsc-btn-group-justified { - margin: .5em; - } - - .mbsc-btn-group-block { - margin: .5em 1em; - } - - /* Button color presets */ - .mbsc-btn-primary.mbsc-btn { - background: @mobiscroll-primary; - - &.mbsc-btn-flat { - color: @mobiscroll-primary; - - &:not(:disabled):not(.mbsc-active):hover { - background: fade(@mobiscroll-primary, 20%); - } - - &.mbsc-active { - background: fade(@mobiscroll-primary, 30%); - } - } - } - - .mbsc-btn-secondary.mbsc-btn { - background: @mobiscroll-secondary; - - &.mbsc-btn-flat { - color: @mobiscroll-secondary; - - &:not(:disabled):not(.mbsc-active):hover { - background: fade(@mobiscroll-secondary, 20%); - } - - &.mbsc-active { - background: fade(@mobiscroll-secondary, 30%); - } - } - } - - .mbsc-btn-success.mbsc-btn { - background: @mobiscroll-success; - - &.mbsc-btn-flat { - color: @mobiscroll-success; - - &:not(:disabled):not(.mbsc-active):hover { - background: fade(@mobiscroll-success, 20%); - } - - &.mbsc-active { - background: fade(@mobiscroll-success, 30%); - } - } - } - - .mbsc-btn-danger.mbsc-btn { - background: @mobiscroll-danger; - - &.mbsc-btn-flat { - color: @mobiscroll-danger; - - &:not(:disabled):not(.mbsc-active):hover { - background: fade(@mobiscroll-danger, 20%); - } - - &.mbsc-active { - background: fade(@mobiscroll-danger, 30%); - } - } - } - - .mbsc-btn-warning.mbsc-btn { - background: @mobiscroll-warning; - - &.mbsc-btn-flat { - color: @mobiscroll-warning; - - &:not(:disabled):not(.mbsc-active):hover { - background: fade(@mobiscroll-warning, 20%); - } - - &.mbsc-active { - background: fade(@mobiscroll-warning, 30%); - } - } - } - - .mbsc-btn-info.mbsc-btn { - background: @mobiscroll-info; - - &.mbsc-btn-flat { - color: @mobiscroll-info; - - &:not(:disabled):not(.mbsc-active):hover { - background: fade(@mobiscroll-info, 20%); - } - - &.mbsc-active { - background: fade(@mobiscroll-info, 30%); - } - } - } - - .mbsc-btn-light.mbsc-btn { - background: @mobiscroll-light; - color: @mobiscroll-dark-text; - - &.mbsc-btn-flat { - color: darken(@mobiscroll-light, 25%); - - &:not(:disabled):not(.mbsc-active):hover { - color: darken(@mobiscroll-light, 25%); - ; - background: fade(darken(@mobiscroll-light, 25%), 20%); - } - - &.mbsc-active { - background: fade(darken(@mobiscroll-light, 25%), 30%); - } - } - } - - .mbsc-btn-dark.mbsc-btn { - background: @mobiscroll-dark; - - &.mbsc-btn-flat { - color: @mobiscroll-dark; - - &:not(:disabled):not(.mbsc-active):hover { - background: fade(@mobiscroll-dark, 20%); - } - - &.mbsc-active { - background: fade(@mobiscroll-dark, 30%); - } - } - } - - /* Flat buttons */ - .mbsc-btn-flat.mbsc-btn { - background: transparent; - } - - /* Outline buttons */ - .mbsc-btn-outline.mbsc-btn { - background: transparent; - border: 1px solid #4eccc4; - color: #4eccc4; - - &.mbsc-active { - background: #4eccc4; - color: #f7f7f7; - opacity: 1; - } - - &.mbsc-btn-primary { - border-color: @mobiscroll-primary; - color: @mobiscroll-primary; - - &.mbsc-active { - background: @mobiscroll-primary; - color: @mobiscroll-light-text; - } - } - - &.mbsc-btn-secondary { - border-color: @mobiscroll-secondary; - color: @mobiscroll-secondary; - - &.mbsc-active { - background: @mobiscroll-secondary; - color: @mobiscroll-light-text; - } - } - - &.mbsc-btn-success { - border-color: @mobiscroll-success; - color: @mobiscroll-success; - - &.mbsc-active { - background: @mobiscroll-success; - color: @mobiscroll-light-text; - } - } - - &.mbsc-btn-danger { - border-color: @mobiscroll-danger; - color: @mobiscroll-danger; - - &.mbsc-active { - background: @mobiscroll-danger; - color: @mobiscroll-light-text; - } - } - - &.mbsc-btn-warning { - border-color: @mobiscroll-warning; - color: @mobiscroll-warning; - - &.mbsc-active { - background: @mobiscroll-warning; - color: @mobiscroll-light-text; - } - } - - &.mbsc-btn-info { - border-color: @mobiscroll-info; - color: @mobiscroll-info; - - &.mbsc-active { - background: @mobiscroll-info; - color: @mobiscroll-light-text; - } - } - - &.mbsc-btn-light { - border-color: darken(@mobiscroll-light, 25%); - color: darken(@mobiscroll-light, 25%); - - &.mbsc-active { - background: darken(@mobiscroll-light, 25%); - color: @mobiscroll-light; - } - } - - &.mbsc-btn-dark { - border-color: @mobiscroll-dark; - color: @mobiscroll-dark; - - &.mbsc-active { - background: @mobiscroll-dark; - color: @mobiscroll-light-text; - } - } - } - - /* Switch */ - .mbsc-switch { - padding: 1em 4.375em 1em 1em; - } - - &.mbsc-rtl .mbsc-switch { - padding: 1em 1em 1em 4.375em; - } - - .mbsc-switch-track { - right: 1em; - width: 2.375em; - height: .875em; - padding: 0 .75em; - margin-top: -.4375em; - background: #dedede; - border-radius: 1.25em; - } - - &.mbsc-rtl .mbsc-switch-track { - right: auto; - left: 1em; - } - - .mbsc-switch-handle { - top: .25em; - left: .25em; - margin: 0; - width: 1.5em; - height: 1.5em; - background: #c9c9c9; - border-radius: 1.25em; - } - - &.mbsc-rtl .mbsc-switch-handle { - right: .25em; - } - - .mbsc-active .mbsc-switch-handle { - -webkit-transform: scale(1); - transform: scale(1); - } - - .mbsc-switch input:checked + .mbsc-switch-track { - background: #b4e5e2; - } - - .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle { - background: #4eccc4; - } - - .mbsc-switch input:disabled + .mbsc-switch-track { - background: #d6d6d6; - opacity: .7; - } - - .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle { - background: #e2e2e2; - } - - /* Switch color presets */ - .mbsc-switch.mbsc-switch-primary input:checked { - + .mbsc-switch-track { - background: lighten(@mobiscroll-primary, 20%); - } - - + .mbsc-switch-track .mbsc-switch-handle { - background: @mobiscroll-primary; - } - } - - .mbsc-switch.mbsc-switch-secondary input:checked { - + .mbsc-switch-track { - background: lighten(@mobiscroll-secondary, 20%); - } - - + .mbsc-switch-track .mbsc-switch-handle { - background: @mobiscroll-secondary; - } - } - - .mbsc-switch.mbsc-switch-success input:checked { - + .mbsc-switch-track { - background: lighten(@mobiscroll-success, 20%); - } - - + .mbsc-switch-track .mbsc-switch-handle { - background: @mobiscroll-success; - } - } - - .mbsc-switch.mbsc-switch-danger input:checked { - + .mbsc-switch-track { - background: lighten(@mobiscroll-danger, 20%); - } - - + .mbsc-switch-track .mbsc-switch-handle { - background: @mobiscroll-danger; - } - } - - .mbsc-switch.mbsc-switch-warning input:checked { - + .mbsc-switch-track { - background: lighten(@mobiscroll-warning, 20%); - } - - + .mbsc-switch-track .mbsc-switch-handle { - background: @mobiscroll-warning; - } - } - - .mbsc-switch.mbsc-switch-info input:checked { - + .mbsc-switch-track { - background: lighten(@mobiscroll-info, 20%); - } - - + .mbsc-switch-track .mbsc-switch-handle { - background: @mobiscroll-info; - } - } - - /* Stepper and Segmented */ - .mbsc-segmented { - padding: .5em 1em; - } - - .mbsc-segmented-content { - height: 2.28571428em; - margin: 0 -.071428em; - line-height: 2.28575em; - padding: 0 .285714em; - border: .142857em solid #4ECCC4; - text-transform: uppercase; - color: #4ECCC4; - } - - .mbsc-stepper input { - color: #454545; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: #4ECCC4; - color: #f7f7f7; - } - - .mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - background: rgba(78, 204, 196, .3); - } - - .mbsc-stepper-cont { - padding: 1.75em 12.875em 1.75em 1em; - } - - &.mbsc-rtl .mbsc-stepper-cont { - padding: 1.75em 1em 1.75em 12.875em; - } - - .mbsc-stepper { - margin-top: -1.125em; - } - - .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { - color: #d6d6d6; - border-color: #d6d6d6; - background: transparent; - } - - .mbsc-stepper input:disabled { - color: #d6d6d6; - -webkit-text-fill-color: #d6d6d6; - } - - .mbsc-segmented input:disabled:checked + .mbsc-segmented-content { - background: #d6d6d6; - color: #f0f0f0; - } - - .mbsc-stepper .mbsc-active.mbsc-disabled .mbsc-segmented-content { - background: transparent; - color: #d6d6d6; - } - - &.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content { - background: rgba(78, 204, 196, .1) - } - - /* Segmented color presets */ - .mbsc-segmented-primary { - .mbsc-segmented-content { - border-color: @mobiscroll-primary; - color: @mobiscroll-primary; - } - - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @mobiscroll-primary; - } - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - background: fade(@mobiscroll-primary, 35%) - } - } - - .mbsc-segmented-secondary { - .mbsc-segmented-content { - border-color: @mobiscroll-secondary; - color: @mobiscroll-secondary; - } - - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @mobiscroll-secondary; - } - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - background: fade(@mobiscroll-secondary, 35%) - } - } - - .mbsc-segmented-success { - .mbsc-segmented-content { - border-color: @mobiscroll-success; - color: @mobiscroll-success; - } - - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @mobiscroll-success; - } - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - background: fade(@mobiscroll-success, 35%) - } - } - - .mbsc-segmented-danger { - .mbsc-segmented-content { - border-color: @mobiscroll-danger; - color: @mobiscroll-danger; - } - - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @mobiscroll-danger; - } - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - background: fade(@mobiscroll-danger, 35%) - } - } - - .mbsc-segmented-warning { - .mbsc-segmented-content { - border-color: @mobiscroll-warning; - color: @mobiscroll-warning; - } - - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @mobiscroll-warning; - } - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - background: fade(@mobiscroll-warning, 35%) - } - } - - .mbsc-segmented-info { - .mbsc-segmented-content { - border-color: @mobiscroll-info; - color: @mobiscroll-info; - } - - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @mobiscroll-info; - } - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - background: fade(@mobiscroll-info, 35%) - } - } - - /* Stepper color presets */ - .mbsc-stepper-primary { - .mbsc-segmented-content { - border-color: @mobiscroll-primary; - color: @mobiscroll-primary; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { - background: @mobiscroll-primary; - } - } - - .mbsc-stepper-secondary { - .mbsc-segmented-content { - border-color: @mobiscroll-secondary; - color: @mobiscroll-secondary; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { - background: @mobiscroll-secondary; - } - } - - .mbsc-stepper-success { - .mbsc-segmented-content { - border-color: @mobiscroll-success; - color: @mobiscroll-success; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { - background: @mobiscroll-success; - } - } - - .mbsc-stepper-danger { - .mbsc-segmented-content { - border-color: @mobiscroll-danger; - color: @mobiscroll-danger; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { - background: @mobiscroll-danger; - } - } - - .mbsc-stepper-warning { - .mbsc-segmented-content { - border-color: @mobiscroll-warning; - color: @mobiscroll-warning; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { - background: @mobiscroll-warning; - } - } - - .mbsc-stepper-info { - .mbsc-segmented-content { - border-color: @mobiscroll-info; - color: @mobiscroll-info; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { - background: @mobiscroll-info; - } - } - - &.mbsc-no-touch { - - /* Segmented hover color styles */ - .mbsc-segmented-primary { - &.mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@mobiscroll-primary, 35%) - } - } - - .mbsc-segmented-secondary { - &.mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@mobiscroll-secondary, 35%) - } - } - - .mbsc-segmented-success { - &.mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@mobiscroll-success, 35%) - } - } - - .mbsc-segmented-danger { - &.mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@mobiscroll-danger, 35%) - } - } - - .mbsc-segmented-warning { - &.mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@mobiscroll-warning, 35%) - } - } - - .mbsc-segmented-info { - &.mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@mobiscroll-info, 35%) - } - } - - /* Stepper hover color styles */ - .mbsc-stepper-primary { - .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@mobiscroll-primary, 35%) - } - } - - .mbsc-stepper-secondary { - .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@mobiscroll-secondary, 35%) - } - } - - .mbsc-stepper-success { - .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@mobiscroll-success, 35%) - } - } - - .mbsc-stepper-danger { - .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@mobiscroll-danger, 35%) - } - } - - .mbsc-stepper-warning { - .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@mobiscroll-warning, 35%) - } - } - - .mbsc-stepper-info { - .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@mobiscroll-info, 35%) - } - } - } -} diff --git a/src/less/frame.less b/src/less/frame.less deleted file mode 100644 index aa83b5cc..00000000 --- a/src/less/frame.less +++ /dev/null @@ -1,413 +0,0 @@ -@import "common"; -@import "animation"; -@import "icons"; -@import "themes/mobiscroll"; - -/* Frame */ - -.mbsc-fr-w, -.mbsc-fr-overlay { - -webkit-transform: translateZ(0); -} - -.mbsc-fr { - pointer-events: none; - z-index: 99998; - font-weight: normal; - -webkit-font-smoothing: antialiased; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-text-size-adjust: 100%; -} - -.mbsc-fr-lock-ctx { - position: relative; -} - -.mbsc-fr-lock.mbsc-fr-lock-ios { - overflow: hidden; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - height: auto; -} - -.mbsc-fr-pos { - visibility: hidden; -} - -.mbsc-fr-scroll { - position: relative; - z-index: 2; - width: 100%; - height: 100%; - -ms-touch-action: pan-y; - touch-action: pan-y; - overflow-y: auto; - overflow-x: hidden; - -webkit-overflow-scrolling: touch; -} - -.mbsc-fr-popup { - max-width: 98%; - position: absolute; - z-index: 2; - top: 0; - left: 0; - font-size: 12px; - text-shadow: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -ms-touch-action: pan-y; - touch-action: pan-y; -} - -.mbsc-rtl { - direction: rtl; -} - - -/* Box sizing */ - -.mbsc-fr-popup, -.mbsc-fr-btn-cont, -.mbsc-fr-arr { - box-sizing: border-box; -} - -.mbsc-fr .mbsc-fr-w { - box-sizing: content-box; -} - -.mbsc-fr-w { - min-width: 200px; - max-width: 100%; - overflow: hidden; - text-align: center; - font-family: arial, verdana, sans-serif; -} - - -/* Modal overlay */ - -.mbsc-fr, -.mbsc-fr-persp, -.mbsc-fr-overlay { - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; -} - -.mbsc-fr-lock .mbsc-fr-persp { - -ms-touch-action: none; - touch-action: none; -} - -.mbsc-fr-lock-ctx > .mbsc-fr, -.mbsc-fr-lock-ctx .mbsc-fr-persp, -.mbsc-fr-lock-ctx .mbsc-fr-overlay { - position: absolute; -} - -.mbsc-fr-persp { - pointer-events: auto; - overflow: hidden; -} - -.mbsc-fr-overlay { - z-index: 1; - background: rgba(0, 0, 0, .7); -} - - -/* Liquid mode */ - -.mbsc-fr-liq .mbsc-fr-popup { - max-width: 100%; -} - - -/* Top/Bottom mode */ - -.mbsc-fr-top .mbsc-fr-popup, -.mbsc-fr-bottom .mbsc-fr-popup { - width: 100%; - max-width: 100%; -} - -.mbsc-fr-top .mbsc-fr-w, -.mbsc-fr-bottom .mbsc-fr-w { - padding-left: constant(safe-area-inset-left); - padding-left: env(safe-area-inset-left); - padding-right: constant(safe-area-inset-right); - padding-right: env(safe-area-inset-right); -} - -.mbsc-fr-bottom .mbsc-fr-w { - padding-bottom: constant(safe-area-inset-bottom); - padding-bottom: env(safe-area-inset-bottom); -} - -.mbsc-fr-top .mbsc-fr-popup { - padding-top: constant(safe-area-inset-top); - padding-top: env(safe-area-inset-top); -} - - -/* Inline mode */ - -.mbsc-fr-inline { - position: relative; - pointer-events: auto; - z-index: 0; -} - -.mbsc-fr-inline .mbsc-fr-popup { - position: static; - max-width: 100%; -} - - -/* Bubble mode */ - -.mbsc-fr-bubble, -.mbsc-fr-bubble .mbsc-fr-persp { - position: absolute; -} - -.mbsc-fr-bubble .mbsc-fr-arr-w { - position: absolute; - z-index: 1; - left: 0; - width: 100%; - overflow: hidden; -} - -.mbsc-fr-bubble-top .mbsc-fr-arr-w { - top: 100%; -} - -.mbsc-fr-bubble-bottom .mbsc-fr-arr-w { - bottom: 100%; -} - -.mbsc-fr-bubble .mbsc-fr-arr-i { - margin: 0 1.75em; - position: relative; - direction: ltr; -} - -.mbsc-fr-bubble .mbsc-fr-arr { - display: block; -} - -.mbsc-fr-arr { - display: none; - position: relative; - left: 0; - width: 2em; - height: 2em; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - margin-left: -1em; -} - -.mbsc-fr-bubble-bottom .mbsc-fr-arr { - top: 1.333334em; -} - -.mbsc-fr-bubble-top .mbsc-fr-arr { - top: -1.333334em; -} - -.mbsc-fr-hdn { - width: 0; - height: 0; - margin: 0; - padding: 0; - border: 0; - overflow: hidden; -} - - -/* Header */ - -.mbsc-fr-hdr { - overflow: hidden; - text-overflow: ellipsis; - text-align: center; -} - - -/* Buttons */ - -.mbsc-fr-btn { - overflow: hidden; - display: block; - text-decoration: none; - white-space: nowrap; - text-overflow: ellipsis; - vertical-align: top; -} - -.mbsc-fr-btn-e { - cursor: pointer; -} - -.mbsc-fr-btn.mbsc-disabled { - cursor: not-allowed; -} - - -/* Button container */ - -.mbsc-fr-btn-cont { - display: table; - width: 100%; - text-align: center; - white-space: normal; -} - -.mbsc-fr-btn-cont .mbsc-disabled { - opacity: .3; -} - - -/* Button wrapper */ - -.mbsc-fr-btn-w { - vertical-align: top; - display: table-cell; - position: relative; - z-index: 5; -} - -.mbsc-fr-btn-w .mbsc-fr-btn:before { - padding: .375em; -} - -/* Desktop view */ - -.mbsc-fr-pointer { - - /* Embedded components */ - &.mbsc-fr .mbsc-fr-w .mbsc-fr-inline .mbsc-fr-w { - box-shadow: none; - border-radius: 0; - } - - .mbsc-ltr .mbsc-fr-w, - .mbsc-ltr .mbsc-sc-whl .mbsc-sel-gr { - text-align: left; - } - - .mbsc-rtl .mbsc-fr-w, - .mbsc-rtl .mbsc-sc-whl .mbsc-sel-gr { - text-align: right; - } - - &.mbsc-fr-top .mbsc-fr-w, - &.mbsc-fr-bottom .mbsc-fr-w { - pointer-events: auto; - display: inline-block; - margin-top: 3em; - margin-bottom: 3em; - max-width: 98%; - } - - &.mbsc-fr-top .mbsc-fr-popup, - &.mbsc-fr-bottom .mbsc-fr-popup { - text-align: center; - pointer-events: none; - } - - &.mbsc-fr-bubble .mbsc-fr-arr-w { - display: none; - } - - .mbsc-sel-empty { - text-align: center; - } -} - -/* Mobiscroll theme */ - -.mbsc-mobiscroll { - .mbsc-fr-w { - min-width: 16em; - background: @mobiscroll-background; - color: @mobiscroll-text; - font-size: 16px; - } - - .mbsc-fr-hdr { - padding: 0 .6666em; - padding-top: .6666em; - color: @mobiscroll-accent; - font-size: .75em; - text-transform: uppercase; - min-height: 2em; - line-height: 2em; - } - - .mbsc-fr-btn-cont { - display: block; - overflow: hidden; - text-align: right; - padding: 0 .5em .5em .5em; - } - - .mbsc-ltr .mbsc-fr-btn-cont { - text-align: right; - } - - .mbsc-rtl .mbsc-fr-btn-cont { - text-align: left; - } - - .mbsc-fr-btn-w { - display: inline-block; - } - - .mbsc-fr-btn { - height: 2.5em; - line-height: 2.5em; - padding: 0 1em; - color: @mobiscroll-accent; - text-transform: uppercase; - } - - .mbsc-fr-btn.mbsc-active, - &.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover { - background: fade(@mobiscroll-accent, 30%); - } - - /* Display modes */ - &.mbsc-fr-center .mbsc-fr-w, - &.mbsc-fr-bubble .mbsc-fr-w { - border-radius: .25em; - } - - .mbsc-fr-arr { - background: @mobiscroll-background; - } - - &.mbsc-fr-no-overlay { - .mbsc-fr-arr { - box-shadow: 0 0 1em rgba(0, 0, 0, .2); - } - - .mbsc-fr-w { - box-shadow: 0 .125em 1em rgba(0, 0, 0, .3); - } - - &.mbsc-fr-bubble .mbsc-fr-w { - border-radius: .25em; - } - } -} diff --git a/src/less/grid-layout.less b/src/less/grid-layout.less deleted file mode 100644 index 66917e6a..00000000 --- a/src/less/grid-layout.less +++ /dev/null @@ -1,1285 +0,0 @@ -/* Grid system */ - -.mbsc-grid, -.mbsc-grid-unresp, -.mbsc-grid-fixed { - width: 100%; - padding-right: 1em; - padding-left: 1em; - margin-right: auto; - margin-left: auto; - box-sizing: border-box; - - * { - box-sizing: border-box; - } -} - -.mbsc-no-padding .mbsc-col, -.mbsc-no-padding [class*="mbsc-col-"], -.mbsc-form-grid .mbsc-col, -.mbsc-form-grid [class*="mbsc-col-"] { - padding-right: 0; - padding-left: 0; -} - -.mbsc-row { - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -1em; - margin-left: -1em; -} - -.mbsc-col { - -ms-flex-preferred-size: 0; - flex-basis: 0; - -ms-flex-positive: 1; - flex-grow: 1; - max-width: 100%; -} - -.mbsc-col-1, -.mbsc-col-2, -.mbsc-col-3, -.mbsc-col-4, -.mbsc-col-5, -.mbsc-col-6, -.mbsc-col-7, -.mbsc-col-8, -.mbsc-col-9, -.mbsc-col-10, -.mbsc-col-11, -.mbsc-col-12, -.mbsc-col, -.mbsc-col-auto, -.mbsc-col-sm-1, -.mbsc-col-sm-2, -.mbsc-col-sm-3, -.mbsc-col-sm-4, -.mbsc-col-sm-5, -.mbsc-col-sm-6, -.mbsc-col-sm-7, -.mbsc-col-sm-8, -.mbsc-col-sm-9, -.mbsc-col-sm-10, -.mbsc-col-sm-11, -.mbsc-col-sm-12, -.mbsc-col-sm, -.mbsc-col-sm-auto, -.mbsc-col-md-1, -.mbsc-col-md-2, -.mbsc-col-md-3, -.mbsc-col-md-4, -.mbsc-col-md-5, -.mbsc-col-md-6, -.mbsc-col-md-7, -.mbsc-col-md-8, -.mbsc-col-md-9, -.mbsc-col-md-10, -.mbsc-col-md-11, -.mbsc-col-md-12, -.mbsc-col-md, -.mbsc-col-md-auto, -.mbsc-col-lg-1, -.mbsc-col-lg-2, -.mbsc-col-lg-3, -.mbsc-col-lg-4, -.mbsc-col-lg-5, -.mbsc-col-lg-6, -.mbsc-col-lg-7, -.mbsc-col-lg-8, -.mbsc-col-lg-9, -.mbsc-col-lg-10, -.mbsc-col-lg-11, -.mbsc-col-lg-12, -.mbsc-col-lg, -.mbsc-col-lg-auto, -.mbsc-col-xl-1, -.mbsc-col-xl-2, -.mbsc-col-xl-3, -.mbsc-col-xl-4, -.mbsc-col-xl-5, -.mbsc-col-xl-6, -.mbsc-col-xl-7, -.mbsc-col-xl-8, -.mbsc-col-xl-9, -.mbsc-col-xl-10, -.mbsc-col-xl-11, -.mbsc-col-xl-12, -.mbsc-col-xl, -.mbsc-col-xl-auto { - position: relative; - width: 100%; - min-height: 1px; - padding-right: 1em; - padding-left: 1em; -} - -.mbsc-col-1 { - -ms-flex: 0 0 8.333333%; - flex: 0 0 8.333333%; - max-width: 8.333333%; -} - -.mbsc-col-2 { - -ms-flex: 0 0 16.666667%; - flex: 0 0 16.666667%; - max-width: 16.666667%; -} - -.mbsc-col-3 { - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; -} - -.mbsc-col-4 { - -ms-flex: 0 0 33.333333%; - flex: 0 0 33.333333%; - max-width: 33.333333%; -} - -.mbsc-col-5 { - -ms-flex: 0 0 41.666667%; - flex: 0 0 41.666667%; - max-width: 41.666667%; -} - -.mbsc-col-6 { - -ms-flex: 0 0 50%; - flex: 0 0 50%; - max-width: 50%; -} - -.mbsc-col-7 { - -ms-flex: 0 0 58.333333%; - flex: 0 0 58.333333%; - max-width: 58.333333%; -} - -.mbsc-col-8 { - -ms-flex: 0 0 66.666667%; - flex: 0 0 66.666667%; - max-width: 66.666667%; -} - -.mbsc-col-9 { - -ms-flex: 0 0 75%; - flex: 0 0 75%; - max-width: 75%; -} - -.mbsc-col-10 { - -ms-flex: 0 0 83.333333%; - flex: 0 0 83.333333%; - max-width: 83.333333%; -} - -.mbsc-col-11 { - -ms-flex: 0 0 91.666667%; - flex: 0 0 91.666667%; - max-width: 91.666667%; -} - -.mbsc-col-12 { - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; -} - -.mbsc-col-auto { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - max-width: none; -} - -.mbsc-offset-1 { - margin-left: 8.333333%; -} - -.mbsc-offset-2 { - margin-left: 16.666667%; -} - -.mbsc-offset-3 { - margin-left: 25%; -} - -.mbsc-offset-4 { - margin-left: 33.333333%; -} - -.mbsc-offset-5 { - margin-left: 41.666667%; -} - -.mbsc-offset-6 { - margin-left: 50%; -} - -.mbsc-offset-7 { - margin-left: 58.333333%; -} - -.mbsc-offset-8 { - margin-left: 66.666667%; -} - -.mbsc-offset-9 { - margin-left: 75%; -} - -.mbsc-offset-10 { - margin-left: 83.333333%; -} - -.mbsc-offset-11 { - margin-left: 91.666667%; -} - -.mbsc-grid-sm { - &.mbsc-grid-fixed { - max-width: 540px; - } - - .mbsc-col-sm { - -ms-flex-preferred-size: 0; - flex-basis: 0; - -ms-flex-positive: 1; - flex-grow: 1; - max-width: 100%; - } - - .mbsc-col-sm-auto { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - max-width: none; - } - - .mbsc-col-sm-1 { - -ms-flex: 0 0 8.333333%; - flex: 0 0 8.333333%; - max-width: 8.333333%; - } - - .mbsc-col-sm-2 { - -ms-flex: 0 0 16.666667%; - flex: 0 0 16.666667%; - max-width: 16.666667%; - } - - .mbsc-col-sm-3 { - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } - - .mbsc-col-sm-4 { - -ms-flex: 0 0 33.333333%; - flex: 0 0 33.333333%; - max-width: 33.333333%; - } - - .mbsc-col-sm-5 { - -ms-flex: 0 0 41.666667%; - flex: 0 0 41.666667%; - max-width: 41.666667%; - } - - .mbsc-col-sm-6 { - -ms-flex: 0 0 50%; - flex: 0 0 50%; - max-width: 50%; - } - - .mbsc-col-sm-7 { - -ms-flex: 0 0 58.333333%; - flex: 0 0 58.333333%; - max-width: 58.333333%; - } - - .mbsc-col-sm-8 { - -ms-flex: 0 0 66.666667%; - flex: 0 0 66.666667%; - max-width: 66.666667%; - } - - .mbsc-col-sm-9 { - -ms-flex: 0 0 75%; - flex: 0 0 75%; - max-width: 75%; - } - - .mbsc-col-sm-10 { - -ms-flex: 0 0 83.333333%; - flex: 0 0 83.333333%; - max-width: 83.333333%; - } - - .mbsc-col-sm-11 { - -ms-flex: 0 0 91.666667%; - flex: 0 0 91.666667%; - max-width: 91.666667%; - } - - .mbsc-col-sm-12 { - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; - } - - .mbsc-offset-sm-0 { - margin-left: 0; - } - - .mbsc-offset-sm-1 { - margin-left: 8.333333%; - } - - .mbsc-offset-sm-2 { - margin-left: 16.666667%; - } - - .mbsc-offset-sm-3 { - margin-left: 25%; - } - - .mbsc-offset-sm-4 { - margin-left: 33.333333%; - } - - .mbsc-offset-sm-5 { - margin-left: 41.666667%; - } - - .mbsc-offset-sm-6 { - margin-left: 50%; - } - - .mbsc-offset-sm-7 { - margin-left: 58.333333%; - } - - .mbsc-offset-sm-8 { - margin-left: 66.666667%; - } - - .mbsc-offset-sm-9 { - margin-left: 75%; - } - - .mbsc-offset-sm-10 { - margin-left: 83.333333%; - } - - .mbsc-offset-sm-11 { - margin-left: 91.666667%; - } - - .mbsc-push-sm-0 { - left: auto; - } - - .mbsc-push-sm-1 { - left: 8.33333333%; - } - - .mbsc-push-sm-2 { - left: 16.66666667%; - } - - .mbsc-push-sm-3 { - left: 25%; - } - - .mbsc-push-sm-4 { - left: 33.33333333%; - } - - .mbsc-push-sm-5 { - left: 41.66666667%; - } - - .mbsc-push-sm-6 { - left: 50%; - } - - .mbsc-push-sm-7 { - left: 58.33333333%; - } - - .mbsc-push-sm-8 { - left: 66.66666667%; - } - - .mbsc-push-sm-9 { - left: 75%; - } - - .mbsc-push-sm-10 { - left: 83.33333333%; - } - - .mbsc-push-sm-11 { - left: 91.66666667%; - } - - .mbsc-push-sm-12 { - left: 100%; - } - - .mbsc-pull-sm-0 { - right: auto; - } - - .mbsc-pull-sm-1 { - right: 8.33333333%; - } - - .mbsc-pull-sm-2 { - right: 16.66666667%; - } - - .mbsc-pull-sm-3 { - right: 25%; - } - - .mbsc-pull-sm-4 { - right: 33.33333333%; - } - - .mbsc-pull-sm-5 { - right: 41.66666667%; - } - - .mbsc-pull-sm-6 { - right: 50%; - } - - .mbsc-pull-sm-7 { - right: 58.33333333%; - } - - .mbsc-pull-sm-8 { - right: 66.66666667%; - } - - .mbsc-pull-sm-9 { - right: 75%; - } - - .mbsc-pull-sm-10 { - right: 83.33333333%; - } - - .mbsc-pull-sm-11 { - right: 91.66666667%; - } - - .mbsc-pull-sm-12 { - right: 100%; - } -} - -@media (min-width: 576px) { - .mbsc-grid { - .mbsc-grid-sm(); - } -} - -.mbsc-grid-md { - &.mbsc-grid-fixed { - max-width: 720px; - } - - .mbsc-col-md { - -ms-flex-preferred-size: 0; - flex-basis: 0; - -ms-flex-positive: 1; - flex-grow: 1; - max-width: 100%; - } - - .mbsc-col-md-auto { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - max-width: none; - } - - .mbsc-col-md-1 { - -ms-flex: 0 0 8.333333%; - flex: 0 0 8.333333%; - max-width: 8.333333%; - } - - .mbsc-col-md-2 { - -ms-flex: 0 0 16.666667%; - flex: 0 0 16.666667%; - max-width: 16.666667%; - } - - .mbsc-col-md-3 { - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } - - .mbsc-col-md-4 { - -ms-flex: 0 0 33.333333%; - flex: 0 0 33.333333%; - max-width: 33.333333%; - } - - .mbsc-col-md-5 { - -ms-flex: 0 0 41.666667%; - flex: 0 0 41.666667%; - max-width: 41.666667%; - } - - .mbsc-col-md-6 { - -ms-flex: 0 0 50%; - flex: 0 0 50%; - max-width: 50%; - } - - .mbsc-col-md-7 { - -ms-flex: 0 0 58.333333%; - flex: 0 0 58.333333%; - max-width: 58.333333%; - } - - .mbsc-col-md-8 { - -ms-flex: 0 0 66.666667%; - flex: 0 0 66.666667%; - max-width: 66.666667%; - } - - .mbsc-col-md-9 { - -ms-flex: 0 0 75%; - flex: 0 0 75%; - max-width: 75%; - } - - .mbsc-col-md-10 { - -ms-flex: 0 0 83.333333%; - flex: 0 0 83.333333%; - max-width: 83.333333%; - } - - .mbsc-col-md-11 { - -ms-flex: 0 0 91.666667%; - flex: 0 0 91.666667%; - max-width: 91.666667%; - } - - .mbsc-col-md-12 { - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; - } - - .mbsc-offset-md-0 { - margin-left: 0; - } - - .mbsc-offset-md-1 { - margin-left: 8.333333%; - } - - .mbsc-offset-md-2 { - margin-left: 16.666667%; - } - - .mbsc-offset-md-3 { - margin-left: 25%; - } - - .mbsc-offset-md-4 { - margin-left: 33.333333%; - } - - .mbsc-offset-md-5 { - margin-left: 41.666667%; - } - - .mbsc-offset-md-6 { - margin-left: 50%; - } - - .mbsc-offset-md-7 { - margin-left: 58.333333%; - } - - .mbsc-offset-md-8 { - margin-left: 66.666667%; - } - - .mbsc-offset-md-9 { - margin-left: 75%; - } - - .mbsc-offset-md-10 { - margin-left: 83.333333%; - } - - .mbsc-offset-md-11 { - margin-left: 91.666667%; - } - - .mbsc-push-md-0 { - left: auto; - } - - .mbsc-push-md-1 { - left: 8.33333333%; - } - - .mbsc-push-md-2 { - left: 16.66666667%; - } - - .mbsc-push-md-3 { - left: 25%; - } - - .mbsc-push-md-4 { - left: 33.33333333%; - } - - .mbsc-push-md-5 { - left: 41.66666667%; - } - - .mbsc-push-md-6 { - left: 50%; - } - - .mbsc-push-md-7 { - left: 58.33333333%; - } - - .mbsc-push-md-8 { - left: 66.66666667%; - } - - .mbsc-push-md-9 { - left: 75%; - } - - .mbsc-push-md-10 { - left: 83.33333333%; - } - - .mbsc-push-md-11 { - left: 91.66666667%; - } - - .mbsc-push-md-12 { - left: 100%; - } - - .mbsc-pull-md-0 { - right: auto; - } - - .mbsc-pull-md-1 { - right: 8.33333333%; - } - - .mbsc-pull-md-2 { - right: 16.66666667%; - } - - .mbsc-pull-md-3 { - right: 25%; - } - - .mbsc-pull-md-4 { - right: 33.33333333%; - } - - .mbsc-pull-md-5 { - right: 41.66666667%; - } - - .mbsc-pull-md-6 { - right: 50%; - } - - .mbsc-pull-md-7 { - right: 58.33333333%; - } - - .mbsc-pull-md-8 { - right: 66.66666667%; - } - - .mbsc-pull-md-9 { - right: 75%; - } - - .mbsc-pull-md-10 { - right: 83.33333333%; - } - - .mbsc-pull-md-11 { - right: 91.66666667%; - } - - .mbsc-pull-md-12 { - right: 100%; - } -} - -@media (min-width: 768px) { - .mbsc-grid { - .mbsc-grid-md(); - } -} - -.mbsc-grid-lg { - &.mbsc-grid-fixed { - max-width: 960px; - } - - .mbsc-col-lg { - -ms-flex-preferred-size: 0; - flex-basis: 0; - -ms-flex-positive: 1; - flex-grow: 1; - max-width: 100%; - } - - .mbsc-col-lg-auto { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - max-width: none; - } - - .mbsc-col-lg-1 { - -ms-flex: 0 0 8.333333%; - flex: 0 0 8.333333%; - max-width: 8.333333%; - } - - .mbsc-col-lg-2 { - -ms-flex: 0 0 16.666667%; - flex: 0 0 16.666667%; - max-width: 16.666667%; - } - - .mbsc-col-lg-3 { - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } - - .mbsc-col-lg-4 { - -ms-flex: 0 0 33.333333%; - flex: 0 0 33.333333%; - max-width: 33.333333%; - } - - .mbsc-col-lg-5 { - -ms-flex: 0 0 41.666667%; - flex: 0 0 41.666667%; - max-width: 41.666667%; - } - - .mbsc-col-lg-6 { - -ms-flex: 0 0 50%; - flex: 0 0 50%; - max-width: 50%; - } - - .mbsc-col-lg-7 { - -ms-flex: 0 0 58.333333%; - flex: 0 0 58.333333%; - max-width: 58.333333%; - } - - .mbsc-col-lg-8 { - -ms-flex: 0 0 66.666667%; - flex: 0 0 66.666667%; - max-width: 66.666667%; - } - - .mbsc-col-lg-9 { - -ms-flex: 0 0 75%; - flex: 0 0 75%; - max-width: 75%; - } - - .mbsc-col-lg-10 { - -ms-flex: 0 0 83.333333%; - flex: 0 0 83.333333%; - max-width: 83.333333%; - } - - .mbsc-col-lg-11 { - -ms-flex: 0 0 91.666667%; - flex: 0 0 91.666667%; - max-width: 91.666667%; - } - - .mbsc-col-lg-12 { - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; - } - - .mbsc-offset-lg-0 { - margin-left: 0; - } - - .mbsc-offset-lg-1 { - margin-left: 8.333333%; - } - - .mbsc-offset-lg-2 { - margin-left: 16.666667%; - } - - .mbsc-offset-lg-3 { - margin-left: 25%; - } - - .mbsc-offset-lg-4 { - margin-left: 33.333333%; - } - - .mbsc-offset-lg-5 { - margin-left: 41.666667%; - } - - .mbsc-offset-lg-6 { - margin-left: 50%; - } - - .mbsc-offset-lg-7 { - margin-left: 58.333333%; - } - - .mbsc-offset-lg-8 { - margin-left: 66.666667%; - } - - .mbsc-offset-lg-9 { - margin-left: 75%; - } - - .mbsc-offset-lg-10 { - margin-left: 83.333333%; - } - - .mbsc-offset-lg-11 { - margin-left: 91.666667%; - } - - .mbsc-push-lg-0 { - left: auto; - } - - .mbsc-push-lg-1 { - left: 8.33333333%; - } - - .mbsc-push-lg-2 { - left: 16.66666667%; - } - - .mbsc-push-lg-3 { - left: 25%; - } - - .mbsc-push-lg-4 { - left: 33.33333333%; - } - - .mbsc-push-lg-5 { - left: 41.66666667%; - } - - .mbsc-push-lg-6 { - left: 50%; - } - - .mbsc-push-lg-7 { - left: 58.33333333%; - } - - .mbsc-push-lg-8 { - left: 66.66666667%; - } - - .mbsc-push-lg-9 { - left: 75%; - } - - .mbsc-push-lg-10 { - left: 83.33333333%; - } - - .mbsc-push-lg-11 { - left: 91.66666667%; - } - - .mbsc-push-lg-12 { - left: 100%; - } - - .mbsc-pull-lg-0 { - right: auto; - } - - .mbsc-pull-lg-1 { - right: 8.33333333%; - } - - .mbsc-pull-lg-2 { - right: 16.66666667%; - } - - .mbsc-pull-lg-3 { - right: 25%; - } - - .mbsc-pull-lg-4 { - right: 33.33333333%; - } - - .mbsc-pull-lg-5 { - right: 41.66666667%; - } - - .mbsc-pull-lg-6 { - right: 50%; - } - - .mbsc-pull-lg-7 { - right: 58.33333333%; - } - - .mbsc-pull-lg-8 { - right: 66.66666667%; - } - - .mbsc-pull-lg-9 { - right: 75%; - } - - .mbsc-pull-lg-10 { - right: 83.33333333%; - } - - .mbsc-pull-lg-11 { - right: 91.66666667%; - } - - .mbsc-pull-lg-12 { - right: 100%; - } -} - -@media (min-width: 992px) { - .mbsc-grid { - .mbsc-grid-lg(); - } -} - -.mbsc-grid-xl { - &.mbsc-grid-fixed { - max-width: 1140px; - } - - .mbsc-col-xl { - -ms-flex-preferred-size: 0; - flex-basis: 0; - -ms-flex-positive: 1; - flex-grow: 1; - max-width: 100%; - } - - .mbsc-col-xl-auto { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - max-width: none; - } - - .mbsc-col-xl-1 { - -ms-flex: 0 0 8.333333%; - flex: 0 0 8.333333%; - max-width: 8.333333%; - } - - .mbsc-col-xl-2 { - -ms-flex: 0 0 16.666667%; - flex: 0 0 16.666667%; - max-width: 16.666667%; - } - - .mbsc-col-xl-3 { - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } - - .mbsc-col-xl-4 { - -ms-flex: 0 0 33.333333%; - flex: 0 0 33.333333%; - max-width: 33.333333%; - } - - .mbsc-col-xl-5 { - -ms-flex: 0 0 41.666667%; - flex: 0 0 41.666667%; - max-width: 41.666667%; - } - - .mbsc-col-xl-6 { - -ms-flex: 0 0 50%; - flex: 0 0 50%; - max-width: 50%; - } - - .mbsc-col-xl-7 { - -ms-flex: 0 0 58.333333%; - flex: 0 0 58.333333%; - max-width: 58.333333%; - } - - .mbsc-col-xl-8 { - -ms-flex: 0 0 66.666667%; - flex: 0 0 66.666667%; - max-width: 66.666667%; - } - - .mbsc-col-xl-9 { - -ms-flex: 0 0 75%; - flex: 0 0 75%; - max-width: 75%; - } - - .mbsc-col-xl-10 { - -ms-flex: 0 0 83.333333%; - flex: 0 0 83.333333%; - max-width: 83.333333%; - } - - .mbsc-col-xl-11 { - -ms-flex: 0 0 91.666667%; - flex: 0 0 91.666667%; - max-width: 91.666667%; - } - - .mbsc-col-xl-12 { - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; - } - - .mbsc-offset-xl-0 { - margin-left: 0; - } - - .mbsc-offset-xl-1 { - margin-left: 8.333333%; - } - - .mbsc-offset-xl-2 { - margin-left: 16.666667%; - } - - .mbsc-offset-xl-3 { - margin-left: 25%; - } - - .mbsc-offset-xl-4 { - margin-left: 33.333333%; - } - - .mbsc-offset-xl-5 { - margin-left: 41.666667%; - } - - .mbsc-offset-xl-6 { - margin-left: 50%; - } - - .mbsc-offset-xl-7 { - margin-left: 58.333333%; - } - - .mbsc-offset-xl-8 { - margin-left: 66.666667%; - } - - .mbsc-offset-xl-9 { - margin-left: 75%; - } - - .mbsc-offset-xl-10 { - margin-left: 83.333333%; - } - - .mbsc-offset-xl-11 { - margin-left: 91.666667%; - } - - .mbsc-push-xl-0 { - left: auto; - } - - .mbsc-push-xl-1 { - left: 8.33333333%; - } - - .mbsc-push-xl-2 { - left: 16.66666667%; - } - - .mbsc-push-xl-3 { - left: 25%; - } - - .mbsc-push-xl-4 { - left: 33.33333333%; - } - - .mbsc-push-xl-5 { - left: 41.66666667%; - } - - .mbsc-push-xl-6 { - left: 50%; - } - - .mbsc-push-xl-7 { - left: 58.33333333%; - } - - .mbsc-push-xl-8 { - left: 66.66666667%; - } - - .mbsc-push-xl-9 { - left: 75%; - } - - .mbsc-push-xl-10 { - left: 83.33333333%; - } - - .mbsc-push-xl-11 { - left: 91.66666667%; - } - - .mbsc-push-xl-12 { - left: 100%; - } - - .mbsc-pull-xl-0 { - right: auto; - } - - .mbsc-pull-xl-1 { - right: 8.33333333%; - } - - .mbsc-pull-xl-2 { - right: 16.66666667%; - } - - .mbsc-pull-xl-3 { - right: 25%; - } - - .mbsc-pull-xl-4 { - right: 33.33333333%; - } - - .mbsc-pull-xl-5 { - right: 41.66666667%; - } - - .mbsc-pull-xl-6 { - right: 50%; - } - - .mbsc-pull-xl-7 { - right: 58.33333333%; - } - - .mbsc-pull-xl-8 { - right: 66.66666667%; - } - - .mbsc-pull-xl-9 { - right: 75%; - } - - .mbsc-pull-xl-10 { - right: 83.33333333%; - } - - .mbsc-pull-xl-11 { - right: 91.66666667%; - } - - .mbsc-pull-xl-12 { - right: 100%; - } -} - -@media (min-width: 1200px) { - .mbsc-grid { - .mbsc-grid-xl(); - } -} - -.mbsc-align-items-start { - -ms-flex-align: start !important; - align-items: flex-start !important; -} - -.mbsc-align-items-center { - -ms-flex-align: center !important; - align-items: center !important; -} - -.mbsc-align-items-end { - -ms-flex-align: end !important; - align-items: flex-end !important; -} - -.mbsc-justify-content-start { - -ms-flex-pack: start !important; - justify-content: flex-start !important; -} - -.mbsc-justify-content-center { - -ms-flex-pack: center !important; - justify-content: center !important; -} - -.mbsc-justify-content-end { - -ms-flex-pack: end !important; - justify-content: flex-end !important; -} - -.mbsc-justify-content-around { - -ms-flex-pack: distribute !important; - justify-content: space-around !important; -} - -.mbsc-justify-content-between { - -ms-flex-pack: justify !important; - justify-content: space-between !important; -} diff --git a/src/less/icons.less b/src/less/icons.less deleted file mode 100644 index 9a132626..00000000 --- a/src/less/icons.less +++ /dev/null @@ -1,791 +0,0 @@ -@font-face { - font-family: 'icons_mobiscroll'; - src: - url('icons_mobiscroll.woff?vtxdtu') format('woff'), - url('icons_mobiscroll.woff') format('woff'), - url('icons_mobiscroll.ttf?vtxdtu') format('truetype'); - font-weight: normal; - font-style: normal; -} - -.mbsc-ic:before { - font-family: 'icons_mobiscroll'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -/* Icons */ - -.mbsc-ic-aid::before { - content: "\ea01"; -} -.mbsc-ic-airplane::before { - content: "\ea02"; -} -.mbsc-ic-alarm2::before { - content: "\ea03"; -} -.mbsc-ic-arrow-down2::before { - content: "\ea04"; -} -.mbsc-ic-arrow-down5::before { - content: "\ea05"; -} -.mbsc-ic-arrow-left2::before { - content: "\ea06"; -} -.mbsc-ic-arrow-left4::before { - content: "\ea07"; -} -.mbsc-ic-arrow-left5::before { - content: "\ea08"; -} -.mbsc-ic-arrow-left6::before { - content: "\ea09"; -} -.mbsc-ic-arrow-right2::before { - content: "\ea0a"; -} -.mbsc-ic-arrow-right4::before { - content: "\ea0b"; -} -.mbsc-ic-arrow-right5::before { - content: "\ea0c"; -} -.mbsc-ic-arrow-right6::before { - content: "\ea0d"; -} -.mbsc-ic-arrow-up2::before { - content: "\ea0e"; -} -.mbsc-ic-arrow-up5::before { - content: "\ea0f"; -} -.mbsc-ic-attachment::before { - content: "\ea10"; -} -.mbsc-ic-backspace::before { - content: "\ea11"; -} -.mbsc-ic-backspace3::before { - content: "\ea12"; -} -.mbsc-ic-backspace4::before { - content: "\ea13"; -} -.mbsc-ic-bars::before { - content: "\ea14"; -} -.mbsc-ic-book::before { - content: "\ea15"; -} -.mbsc-ic-brightness-contrast::before { - content: "\ea16"; -} -.mbsc-ic-bubble::before { - content: "\ea17"; -} -.mbsc-ic-bubbles::before { - content: "\ea18"; -} -.mbsc-ic-bullhorn::before { - content: "\ea19"; -} -.mbsc-ic-calendar::before { - content: "\ea1a"; -} -.mbsc-ic-camera::before { - content: "\ea1b"; -} -.mbsc-ic-cart::before { - content: "\ea1c"; -} -.mbsc-ic-checkmark::before { - content: "\ea1d"; -} -.mbsc-ic-clock::before { - content: "\ea1e"; -} -.mbsc-ic-close::before { - content: "\ea1f"; -} -.mbsc-ic-cloud-download::before { - content: "\ea20"; -} -.mbsc-ic-cloud-upload::before { - content: "\ea21"; -} -.mbsc-ic-cloud::before { - content: "\ea22"; -} -.mbsc-ic-cogs::before { - content: "\ea23"; -} -.mbsc-ic-compass::before { - content: "\ea24"; -} -.mbsc-ic-connection::before { - content: "\ea25"; -} -.mbsc-ic-copy2::before { - content: "\ea26"; -} -.mbsc-ic-copy3::before { - content: "\ea27"; -} -.mbsc-ic-credit::before { - content: "\ea28"; -} -.mbsc-ic-disk::before { - content: "\ea29"; -} -.mbsc-ic-download::before { - content: "\ea2a"; -} -.mbsc-ic-drawer::before { - content: "\ea2b"; -} -.mbsc-ic-droplet::before { - content: "\ea2c"; -} -.mbsc-ic-earth::before { - content: "\ea2d"; -} -.mbsc-ic-eye-blocked::before { - content: "\ea2e"; -} -.mbsc-ic-eye::before { - content: "\ea2f"; -} -.mbsc-ic-fa-dollar::before { - content: "\ea30"; -} -.mbsc-ic-fa-ellipsis-h::before { - content: "\ea31"; -} -.mbsc-ic-fa-facebook::before { - content: "\ea32"; -} -.mbsc-ic-fa-globe::before { - content: "\ea33"; -} -.mbsc-ic-fa-google-plus::before { - content: "\ea34"; -} -.mbsc-ic-fa-google::before { - content: "\ea35"; -} -.mbsc-ic-fa-leaf::before { - content: "\ea36"; -} -.mbsc-ic-fa-mail-reply::before { - content: "\ea37"; -} -.mbsc-ic-fa-retweet::before { - content: "\ea38"; -} -.mbsc-ic-fa-rotate-left::before { - content: "\ea39"; -} -.mbsc-ic-fa-twitter::before { - content: "\ea3a"; -} -.mbsc-ic-feed2::before { - content: "\ea3b"; -} -.mbsc-ic-file4::before { - content: "\ea3c"; -} -.mbsc-ic-film::before { - content: "\ea3d"; -} -.mbsc-ic-flag::before { - content: "\ea3e"; -} -.mbsc-ic-folder::before { - content: "\ea3f"; -} -.mbsc-ic-forward::before { - content: "\ea40"; -} -.mbsc-ic-foundation-mail::before { - content: "\ea41"; -} -.mbsc-ic-foundation-minus-circle::before { - content: "\ea42"; -} -.mbsc-ic-gift::before { - content: "\ea43"; -} -.mbsc-ic-globe::before { - content: "\ea44"; -} -.mbsc-ic-heart::before { - content: "\ea45"; -} -.mbsc-ic-heart2::before { - content: "\ea46"; -} -.mbsc-ic-history::before { - content: "\ea47"; -} -.mbsc-ic-home::before { - content: "\ea48"; -} -.mbsc-ic-image2::before { - content: "\ea49"; -} -.mbsc-ic-ion-android-social-user::before { - content: "\ea4a"; -} -.mbsc-ic-ion-android-system-windows::before { - content: "\ea4b"; -} -.mbsc-ic-ion-bluetooth::before { - content: "\ea4c"; -} -.mbsc-ic-ion-close-circled::before { - content: "\ea4d"; -} -.mbsc-ic-ion-email::before { - content: "\ea4e"; -} -.mbsc-ic-ion-ios7-arrow-back::before { - content: "\ea4f"; -} -.mbsc-ic-ion-ios7-arrow-forward::before { - content: "\ea50"; -} -.mbsc-ic-ion-ios7-checkmark-empty::before { - content: "\ea51"; -} -.mbsc-ic-ion-ios7-close-empty::before { - content: "\ea52"; -} -.mbsc-ic-ion-ios7-close-outline::before { - content: "\ea53"; -} -.mbsc-ic-ion-ios7-email::before { - content: "\ea54"; -} -.mbsc-ic-ion-ios7-information-outline::before { - content: "\ea55"; -} -.mbsc-ic-ion-ios7-plus-empty::before { - content: "\ea56"; -} -.mbsc-ic-ion-iphone::before { - content: "\ea57"; -} -.mbsc-ic-ion-navigate::before { - content: "\ea58"; -} -.mbsc-ic-ion-social-facebook::before { - content: "\ea59"; -} -.mbsc-ic-ion-usb::before { - content: "\ea5a"; -} -.mbsc-ic-ios-backspace::before { - content: "\ea5b"; -} -.mbsc-ic-key2::before { - content: "\ea5c"; -} -.mbsc-ic-library::before { - content: "\ea5d"; -} -.mbsc-ic-line-bubble::before { - content: "\ea5f"; -} -.mbsc-ic-line-calendar::before { - content: "\ea5e"; -} -.mbsc-ic-line-food::before { - content: "\ea60"; -} -.mbsc-ic-line-heart::before { - content: "\ea61"; -} -.mbsc-ic-line-key::before { - content: "\ea63"; -} -.mbsc-ic-line-mail::before { - content: "\ea62"; -} -.mbsc-ic-line-megaphone::before { - content: "\ea64"; -} -.mbsc-ic-line-music::before { - content: "\ea65"; -} -.mbsc-ic-line-note::before { - content: "\ea66"; -} -.mbsc-ic-line-paperplane::before { - content: "\ea67"; -} -.mbsc-ic-line-params::before { - content: "\ea68"; -} -.mbsc-ic-line-phone::before { - content: "\ea69"; -} -.mbsc-ic-line-settings::before { - content: "\ea6c"; -} -.mbsc-ic-line-star::before { - content: "\ea6a"; -} -.mbsc-ic-line-t-shirt::before { - content: "\ea6b"; -} -.mbsc-ic-line-tag::before { - content: "\ea6d"; -} -.mbsc-ic-line-user::before { - content: "\ea6e"; -} -.mbsc-ic-line-world::before { - content: "\ea6f"; -} -.mbsc-ic-link::before { - content: "\ea71"; -} -.mbsc-ic-location::before { - content: "\ea73"; -} -.mbsc-ic-lock::before { - content: "\ea70"; -} -.mbsc-ic-lock2::before { - content: "\ea72"; -} -.mbsc-ic-loop2::before { - content: "\ea74"; -} -.mbsc-ic-map::before { - content: "\ea75"; -} -.mbsc-ic-material-arrow-back::before { - content: "\ea76"; -} -.mbsc-ic-material-arrow-forward::before { - content: "\ea77"; -} -.mbsc-ic-material-backspace::before { - content: "\ea79"; -} -.mbsc-ic-material-brightness-medium::before { - content: "\ea7a"; -} -.mbsc-ic-material-check-box-outline-blank::before { - content: "\ea78"; -} -.mbsc-ic-material-check::before { - content: "\ea7b"; -} -.mbsc-ic-material-close::before { - content: "\ea7c"; -} -.mbsc-ic-material-crop::before { - content: "\ea7e"; -} -.mbsc-ic-material-email::before { - content: "\ea7d"; -} -.mbsc-ic-material-equalizer::before { - content: "\ea7f"; -} -.mbsc-ic-material-explore::before { - content: "\ea80"; -} -.mbsc-ic-material-filter::before { - content: "\ea81"; -} -.mbsc-ic-material-format-bold::before { - content: "\ea82"; -} -.mbsc-ic-material-format-ital::before { - content: "\ea83"; -} -.mbsc-ic-material-format-list-numbered::before { - content: "\ea84"; -} -.mbsc-ic-material-format-paint::before { - content: "\ea85"; -} -.mbsc-ic-material-format-underline::before { - content: "\ea86"; -} -.mbsc-ic-material-inbox::before { - content: "\ea87"; -} -.mbsc-ic-material-iso::before { - content: "\ea88"; -} -.mbsc-ic-material-keyboard-arrow-down::before { - content: "\ea89"; -} -.mbsc-ic-material-keyboard-arrow-left::before { - content: "\ea8a"; -} -.mbsc-ic-material-keyboard-arrow-right::before { - content: "\ea8b"; -} -.mbsc-ic-material-keyboard-arrow-up::before { - content: "\ea8c"; -} -.mbsc-ic-material-label::before { - content: "\ea8d"; -} -.mbsc-ic-material-language::before { - content: "\ea8e"; -} -.mbsc-ic-material-list::before { - content: "\ea8f"; -} -.mbsc-ic-material-menu::before { - content: "\ea90"; -} -.mbsc-ic-material-message::before { - content: "\ea91"; -} -.mbsc-ic-material-more-horiz::before { - content: "\ea92"; -} -.mbsc-ic-material-music-note::before { - content: "\ea93"; -} -.mbsc-ic-material-notifications::before { - content: "\ea94"; -} -.mbsc-ic-material-palette::before { - content: "\ea95"; -} -.mbsc-ic-material-pause::before { - content: "\ea96"; -} -.mbsc-ic-material-people::before { - content: "\ea97"; -} -.mbsc-ic-material-phone-iphone::before { - content: "\ea98"; -} -.mbsc-ic-material-photo-size-select-large::before { - content: "\ea99"; -} -.mbsc-ic-material-play-arrow::before { - content: "\ea9a"; -} -.mbsc-ic-material-repeat::before { - content: "\ea9b"; -} -.mbsc-ic-material-rotate-right::before { - content: "\ea9c"; -} -.mbsc-ic-material-search::before { - content: "\ea9d"; -} -.mbsc-ic-material-share::before { - content: "\ea9e"; -} -.mbsc-ic-material-shuffle::before { - content: "\ea9f"; -} -.mbsc-ic-material-skip-next::before { - content: "\eaa0"; -} -.mbsc-ic-material-skip-previous::before { - content: "\eaa1"; -} -.mbsc-ic-material-star-outline::before { - content: "\eaa2"; -} -.mbsc-ic-material-star::before { - content: "\eaa3"; -} -.mbsc-ic-material-stop::before { - content: "\eaa4"; -} -.mbsc-ic-material-system-update::before { - content: "\eaa5"; -} -.mbsc-ic-material-texture::before { - content: "\eaa9"; -} -.mbsc-ic-material-tune::before { - content: "\eaa8"; -} -.mbsc-ic-material-tv::before { - content: "\eaa6"; -} -.mbsc-ic-material-vertical-align-bottom::before { - content: "\eaa7"; -} -.mbsc-ic-material-wb-auto::before { - content: "\eaaa"; -} -.mbsc-ic-meteo-Celsius::before { - content: "\eaab"; -} -.mbsc-ic-meteo-Fahrenheit::before { - content: "\eaad"; -} -.mbsc-ic-meteo-cloud::before { - content: "\eaac"; -} -.mbsc-ic-meteo-cloud2::before { - content: "\eaae"; -} -.mbsc-ic-meteo-cloud3::before { - content: "\eab0"; -} -.mbsc-ic-meteo-cloud4::before { - content: "\eaaf"; -} -.mbsc-ic-meteo-cloud5::before { - content: "\eab1"; -} -.mbsc-ic-meteo-cloudy::before { - content: "\eab2"; -} -.mbsc-ic-meteo-cloudy2::before { - content: "\eab3"; -} -.mbsc-ic-meteo-cloudy3::before { - content: "\eab4"; -} -.mbsc-ic-meteo-cloudy4::before { - content: "\eab6"; -} -.mbsc-ic-meteo-compass::before { - content: "\eab5"; -} -.mbsc-ic-meteo-lightning::before { - content: "\eab7"; -} -.mbsc-ic-meteo-lightning2::before { - content: "\eab8"; -} -.mbsc-ic-meteo-lightning3::before { - content: "\eab9"; -} -.mbsc-ic-meteo-lightning4::before { - content: "\eabb"; -} -.mbsc-ic-meteo-lightning5::before { - content: "\eaba"; -} -.mbsc-ic-meteo-lines::before { - content: "\eabd"; -} -.mbsc-ic-meteo-moon::before { - content: "\eabc"; -} -.mbsc-ic-meteo-moon2::before { - content: "\eabf"; -} -.mbsc-ic-meteo-none::before { - content: "\eabe"; -} -.mbsc-ic-meteo-rainy::before { - content: "\eac0"; -} -.mbsc-ic-meteo-rainy2::before { - content: "\eac1"; -} -.mbsc-ic-meteo-rainy3::before { - content: "\eac2"; -} -.mbsc-ic-meteo-rainy4::before { - content: "\eac3"; -} -.mbsc-ic-meteo-snowflake::before { - content: "\eac4"; -} -.mbsc-ic-meteo-snowy::before { - content: "\eac5"; -} -.mbsc-ic-meteo-snowy2::before { - content: "\eac6"; -} -.mbsc-ic-meteo-snowy3::before { - content: "\eac7"; -} -.mbsc-ic-meteo-snowy4::before { - content: "\eac8"; -} -.mbsc-ic-meteo-snowy5::before { - content: "\eac9"; -} -.mbsc-ic-meteo-sun::before { - content: "\eaca"; -} -.mbsc-ic-meteo-sun2::before { - content: "\eacb"; -} -.mbsc-ic-meteo-sun3::before { - content: "\eacc"; -} -.mbsc-ic-meteo-sunrise::before { - content: "\eacd"; -} -.mbsc-ic-meteo-thermometer::before { - content: "\eace"; -} -.mbsc-ic-meteo-weather::before { - content: "\eacf"; -} -.mbsc-ic-meteo-weather2::before { - content: "\ead0"; -} -.mbsc-ic-meteo-weather3::before { - content: "\ead1"; -} -.mbsc-ic-meteo-weather4::before { - content: "\ead2"; -} -.mbsc-ic-meteo-weather5::before { - content: "\ead4"; -} -.mbsc-ic-meteo-wind::before { - content: "\ead3"; -} -.mbsc-ic-meteo-windy::before { - content: "\ead5"; -} -.mbsc-ic-meteo-windy2::before { - content: "\ead7"; -} -.mbsc-ic-meteo-windy3::before { - content: "\ead6"; -} -.mbsc-ic-meteo-windy4::before { - content: "\ead8"; -} -.mbsc-ic-meteo-windy5::before { - content: "\ead9"; -} -.mbsc-ic-minus::before { - content: "\eada"; -} -.mbsc-ic-mobile::before { - content: "\eadb"; -} -.mbsc-ic-music::before { - content: "\eadc"; -} -.mbsc-ic-neutral::before { - content: "\eadd"; -} -.mbsc-ic-newspaper::before { - content: "\eade"; -} -.mbsc-ic-office::before { - content: "\eadf"; -} -.mbsc-ic-pause2::before { - content: "\eae0"; -} -.mbsc-ic-pencil::before { - content: "\eae2"; -} -.mbsc-ic-phone::before { - content: "\eae1"; -} -.mbsc-ic-play::before { - content: "\eae3"; -} -.mbsc-ic-play3::before { - content: "\eae4"; -} -.mbsc-ic-plus::before { - content: "\eae5"; -} -.mbsc-ic-print::before { - content: "\eae6"; -} -.mbsc-ic-redo2::before { - content: "\eae7"; -} -.mbsc-ic-remove::before { - content: "\eae8"; -} -.mbsc-ic-reply::before { - content: "\eae9"; -} -.mbsc-ic-sad::before { - content: "\eaea"; -} -.mbsc-ic-sad2::before { - content: "\eaeb"; -} -.mbsc-ic-share::before { - content: "\eaec"; -} -.mbsc-ic-smiley::before { - content: "\eaed"; -} -.mbsc-ic-smiley2::before { - content: "\eaee"; -} -.mbsc-ic-stack::before { - content: "\eaef"; -} -.mbsc-ic-star::before { - content: "\eaf0"; -} -.mbsc-ic-star2::before { - content: "\eaf1"; -} -.mbsc-ic-star3::before { - content: "\eaf3"; -} -.mbsc-ic-stop2::before { - content: "\eaf2"; -} -.mbsc-ic-stopwatch::before { - content: "\eaf4"; -} -.mbsc-ic-stream-sync::before { - content: "\eaf5"; -} -.mbsc-ic-support::before { - content: "\eaf6"; -} -.mbsc-ic-tag::before { - content: "\eaf7"; -} -.mbsc-ic-thumbs-up::before { - content: "\eaf8"; -} -.mbsc-ic-thumbs-up2::before { - content: "\eaf9"; -} -.mbsc-ic-undo2::before { - content: "\eafa"; -} -.mbsc-ic-unlocked::before { - content: "\eafb"; -} -.mbsc-ic-upload::before { - content: "\eafc"; -} -.mbsc-ic-user4::before { - content: "\eafd"; -} -.mbsc-ic-volume-high::before { - content: "\eafe"; -} -.mbsc-ic-volume-medium::before { - content: "\eaff"; -} -.mbsc-ic-volume-mute2::before { - content: "\eb00"; -} diff --git a/src/less/input.less b/src/less/input.less deleted file mode 100644 index 778c883e..00000000 --- a/src/less/input.less +++ /dev/null @@ -1,958 +0,0 @@ -@keyframes autofill { - from { - opacity: 1; - } - - to { - opacity: 1; - } -} - -.mbsc-input { - position: relative; - display: block; - margin: 0; - z-index: 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.mbsc-input .mbsc-control:-webkit-autofill { - animation-name: autofill; -} - -.mbsc-input input, -.mbsc-input select, -.mbsc-input textarea { - margin: 0; - padding: 0; - border: 0; - border-radius: 0; - outline: 0; - font-family: inherit; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -.mbsc-input-wrap, -.mbsc-input input, -.mbsc-input textarea { - box-sizing: border-box; -} - -.mbsc-input input, -.mbsc-input select, -.mbsc-input textarea { - display: block; - width: 100%; - font-size: 1em; -} - -.mbsc-input input:focus, -.mbsc-input select:focus, -.mbsc-input textarea:focus { - outline: 0; -} - -.mbsc-input-wrap { - position: relative; - display: block; -} - -/* Textbox, textarea, select */ - -.mbsc-input .mbsc-label { - font-size: .875em; - white-space: nowrap; -} - -.mbsc-input-ic { - position: absolute; - height: 2em; - width: 2em; - line-height: 2em; - text-align: center; -} - -.mbsc-input-toggle { - cursor: pointer; -} - -.mbsc-ic-right .mbsc-input-ic { - right: .5em; -} - -.mbsc-ic-left .mbsc-input-ic { - left: .5em; -} - -.mbsc-ic-right input { - padding-right: 2.4em; -} - -.mbsc-ic-left input { - padding-left: 2.4em; -} - -/* Inline labels */ - -.mbsc-label-inline.mbsc-input.mbsc-control-w { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - - .mbsc-input-wrap { - -webkit-box-flex: 1; - -webkit-flex: 1 auto; - -moz-box-flex: 1; - -moz-flex: 1 auto; - -ms-flex: 1 auto; - flex: 1 auto; - } - - .mbsc-label { - position: static; - -webkit-box-flex: 0; - -webkit-flex: 0 auto; - -moz-box-flex: 0; - -moz-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: 1em; - width: 30%; - max-width: 12.5em; - overflow: hidden; - text-overflow: ellipsis; - box-sizing: content-box; - } -} - -/* Floating labels */ - -.mbsc-label-floating.mbsc-input { - .mbsc-label { - pointer-events: none; - transition: transform .2s; - } - - .mbsc-label ~ .mbsc-input-wrap { - - /* WebKit browsers */ - .mbsc-control::-webkit-input-placeholder { - opacity: 0; - } - - /* Mozilla Firefox 4 to 18 */ - .mbsc-control:-moz-placeholder { - opacity: 0; - } - - /* Mozilla Firefox 19+ */ - .mbsc-control::-moz-placeholder { - opacity: 0; - } - - /* Internet Explorer 10+ */ - .mbsc-control:-ms-input-placeholder { - opacity: 0; - } - } - - &.mbsc-label-floating-active .mbsc-label ~ .mbsc-input-wrap { - - /* WebKit browsers */ - .mbsc-control::-webkit-input-placeholder { - opacity: 1; - transition: opacity .2s; - } - - /* Mozilla Firefox 4 to 18 */ - .mbsc-control:-moz-placeholder { - opacity: 1; - transition: opacity .2s; - } - - /* Mozilla Firefox 19+ */ - .mbsc-control::-moz-placeholder { - opacity: 1; - transition: opacity .2s; - } - - /* Internet Explorer 10+ */ - .mbsc-control:-ms-input-placeholder { - opacity: 1; - transition: opacity .2s; - } - } -} - -.mbsc-ltr .mbsc-label-floating.mbsc-input .mbsc-label { - -webkit-transform-origin: top left; - transform-origin: top left; -} - -.mbsc-rtl .mbsc-label-floating.mbsc-input .mbsc-label { - -webkit-transform-origin: top right; - transform-origin: top right; -} - -/* Mobiscroll theme */ - -.mbsc-mobiscroll { - - /* Textbox */ - .mbsc-input input, - .mbsc-input textarea { - height: 2.125em; - padding: 0 0 1px 0; - background: transparent; - border-bottom: 1px solid #787878; - font-size: 1em; - color: #1f1f1f; - } - - .mbsc-input input:focus, - .mbsc-input select:focus ~ input .mbsc-input textarea:focus, - .mbsc-input textarea:focus { - border-color: #4eccc4; - } - - .mbsc-input input:disabled, - .mbsc-input textarea:disabled, - .mbsc-input .mbsc-control:disabled ~ input, - .mbsc-input .mbsc-control:disabled ~ .mbsc-select-ic { - opacity: .4; - } - - /* Input */ - .mbsc-input { - margin: 1.5em 1em; - - .mbsc-label ~ .mbsc-input-wrap { - padding-top: .875em; - - .mbsc-input-ic { - top: .9375em; - } - } - } - - .mbsc-input.mbsc-err input, - .mbsc-input.mbsc-err textarea { - border-color: #ec2a32; - } - - .mbsc-input-ic { - top: .0625em; - margin: -2px 0 0 0; - color: #787878; - } - - /* Textarea */ - .mbsc-input textarea { - padding-top: .25em; - } - - /* Select */ - .mbsc-select-ic { - position: absolute; - display: block; - height: 1.25em; - width: 1.25em; - top: .5625em; - text-align: center; - } - - &.mbsc-ltr .mbsc-select-ic { - left: auto; - right: .6875em; - } - - &.mbsc-rtl .mbsc-select-ic { - right: auto; - left: .6875em; - } - - .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { - top: 1.4375em; - } - - &.mbsc-ltr .mbsc-select { - input { - padding-right: 1.25em; - } - - &.mbsc-ic-right input { - padding-right: 3em; - } - - .mbsc-input-wrap .mbsc-select-ic { - left: auto; - right: 0; - } - - &.mbsc-ic-right .mbsc-input-wrap .mbsc-select-ic { - right: 1.75em; - } - } - - &.mbsc-rtl .mbsc-select { - input { - padding-left: 1.25em; - } - - &.mbsc-ic-right input { - padding-left: 3em; - } - - .mbsc-input-wrap .mbsc-select-ic { - right: auto; - left: 0; - } - - &.mbsc-ic-right .mbsc-input-wrap .mbsc-select-ic { - left: 1.75em; - } - } - - /* Select inline */ - .mbsc-select-inline .mbsc-select-ic { - display: none; - } - - /* LTR left icon */ - &.mbsc-ltr .mbsc-input.mbsc-ic-left { - - input, - textarea { - padding-left: 1.625em; - } - - .mbsc-left-ic { - right: auto; - left: -.375em - } - - .mbsc-label, - .mbsc-err-msg { - left: 2.166667em; - } - } - - /* LTR right icon */ - &.mbsc-ltr .mbsc-input.mbsc-ic-right { - - input, - textarea { - padding-right: 1.625em; - } - - .mbsc-right-ic { - left: auto; - right: -.375em - } - } - - /* RTL left icon */ - &.mbsc-rtl .mbsc-input.mbsc-ic-left { - - input, - textarea { - padding-right: 1.625em; - } - - .mbsc-left-ic { - left: auto; - right: -.375em - } - - .mbsc-label, - .mbsc-err-msg { - right: 2.166667em; - } - } - - /* RTL right icon */ - &.mbsc-rtl .mbsc-input.mbsc-ic-right { - - input, - textarea { - padding-left: 1.625em; - } - - .mbsc-right-ic { - right: auto; - left: -.375em - } - } - - .mbsc-input .mbsc-label { - position: absolute; - top: 0; - font-size: .75em; - } - - /* Inline labels */ - .mbsc-label-inline.mbsc-input { - .mbsc-label { - line-height: 2em; - } - - .mbsc-label + .mbsc-input-wrap { - padding-top: 0; - - .mbsc-input-ic { - top: .0625em; - } - } - - &.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { - top: .5625em; - } - } - - /* Floating labels */ - .mbsc-label-floating.mbsc-input { - .mbsc-label { - font-size: 1em; - line-height: 2em; - top: .875em; - } - - &.mbsc-label-floating-active .mbsc-label { - -webkit-transform: translateY(-1.125em) scale(.75); - transform: translateY(-1.125em) scale(.75); - } - } - - &.mbsc-ltr .mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { - left: 1.625em; - } - - &.mbsc-rtl .mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { - right: 1.625em; - } - - /* Box Input */ - .mbsc-input-box { - &.mbsc-input .mbsc-input-wrap { - background: #ddd; - border-radius: 4px 4px 0 0; - } - - &.mbsc-input input { - height: 2.25em; - padding: .0625em 1em; - border-radius: 4px 4px 0 0; - } - - &.mbsc-input textarea { - padding: .375em 1em .0625em 1em; - height: 2.25em; - } - - &.mbsc-input .mbsc-label ~ .mbsc-input-wrap { - padding-top: 0; - - input { - padding-top: 1.25em; - height: 3.5em; - } - - textarea:focus { - padding-bottom: 0; - } - - .mbsc-input-ic { - top: .875em; - } - } - - .mbsc-input-ic { - top: .25em; - } - - &.mbsc-input .mbsc-label { - padding: .666667em 0; - z-index: 1; - line-height: normal; - } - - &.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap { - padding-top: 1.625em; - - textarea { - height: 1.866667em; - padding-top: 0; - } - } - - &.mbsc-select { - .mbsc-input-wrap .mbsc-select-ic { - top: .625em; - } - - .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { - top: 1.375em; - } - } - - /* Inline labels */ - &.mbsc-label-inline { - .mbsc-label { - padding-top: .125em; - padding-bottom: .125em; - line-height: 2em; - } - - .mbsc-label ~ .mbsc-input-wrap { - padding-top: 0; - - input { - height: 2.25em; - padding-top: .0625em; - } - } - - .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic { - top: .1875em; - } - - &.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap { - padding-top: .375em; - } - - &.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { - top: .625em; - } - } - - /* Floating labels */ - &.mbsc-label-floating { - .mbsc-label { - top: .125em; - line-height: 2em; - } - - &.mbsc-label-floating-active .mbsc-label { - line-height: normal; - -webkit-transform: translateY(-.125em) scale(.75); - transform: translateY(-.125em) scale(.75); - } - } - } - - &.mbsc-ltr .mbsc-input-box { - .mbsc-err-msg { - left: 1.333334em; - } - - .mbsc-label { - left: 1.333334em; - right: auto; - } - - &.mbsc-ic-left { - .mbsc-err-msg { - left: 4em; - } - - .mbsc-label { - left: 4em; - } - - .mbsc-left-ic { - left: .5em; - } - - input, - textarea { - padding-left: 3em; - } - } - - &.mbsc-ic-right { - - input, - textarea { - padding-right: 3em; - } - - .mbsc-right-ic { - right: .5em; - } - - .mbsc-input-wrap .mbsc-select-ic { - right: 2em; - } - } - - &.mbsc-select { - input { - padding-right: 2em; - } - - .mbsc-input-wrap .mbsc-select-ic { - right: .6875em; - } - - &.mbsc-ic-right { - input { - padding-right: 4em; - } - - .mbsc-input-wrap .mbsc-select-ic { - right: 2.75em; - } - } - } - - /* Floating labels */ - &.mbsc-label-floating.mbsc-input .mbsc-label { - left: 1em; - } - - &.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { - left: 3em; - } - } - - &.mbsc-rtl .mbsc-input-box { - .mbsc-err-msg { - right: 1.333334em; - } - - .mbsc-label { - right: 1.333334em; - left: auto; - } - - &.mbsc-ic-left { - .mbsc-err-msg { - right: 4em; - } - - .mbsc-label { - right: 4em; - } - - .mbsc-left-ic { - right: .5em; - } - - input, - textarea { - padding-right: 3em; - } - } - - &.mbsc-ic-right { - - input, - textarea { - padding-left: 3em; - } - - .mbsc-right-ic { - left: .5em; - } - - .mbsc-input-wrap .mbsc-select-ic { - left: 2em; - } - } - - &.mbsc-select { - input { - padding-left: 2em; - } - - .mbsc-input-wrap .mbsc-select-ic { - left: .6875em; - } - - &.mbsc-ic-right { - input { - padding-left: 4em; - } - - .mbsc-input-wrap .mbsc-select-ic { - left: 2.75em; - } - } - } - - /* Floating labels */ - &.mbsc-label-floating.mbsc-input .mbsc-label { - right: 1em; - } - - &.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { - right: 3em; - } - } - - /* Outline Input */ - .mbsc-input-outline { - - &.mbsc-input input, - &.mbsc-input textarea { - border: 1px solid #787878; - border-radius: 4px; - } - - &.mbsc-input input { - height: 3.375em; - padding: .0625em 1em; - } - - &.mbsc-input textarea { - height: 3.375em; - padding: .875em 1em .4375em 1em; - } - - &.mbsc-input .mbsc-label { - top: .166667em; - z-index: 1; - background: #f7f7f7; - padding: 0 .333334em; - } - - .mbsc-input-ic { - top: .8125em; - } - - &.mbsc-input .mbsc-label ~ .mbsc-input-wrap { - padding-top: .25em; - - .mbsc-input-ic { - top: 1.0625em; - } - } - - &.mbsc-input input:focus, - &.mbsc-input select:focus ~ input, - &.mbsc-err input { - border-color: #4eccc4; - padding-top: 0; - padding-bottom: 0; - } - - &.mbsc-err input { - border-color: #de3226; - } - - &.mbsc-input textarea:focus { - border-color: #4eccc4; - } - - &.mbsc-err textarea { - border-color: #de3226; - } - - &.mbsc-select { - .mbsc-input-wrap .mbsc-select-ic { - top: 1.3125em; - } - - .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { - top: 1.5625em; - } - } - - /* Inline labels */ - &.mbsc-label-inline { - .mbsc-label { - line-height: 3.375em; - } - - .mbsc-label ~ .mbsc-input-wrap { - padding-top: 0; - } - - .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic { - top: .8125em; - } - - &.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { - top: 1.3125em; - } - } - - /* Floating labels */ - &.mbsc-label-floating.mbsc-input { - .mbsc-label { - top: .9375em; - padding: 0; - } - - &.mbsc-label-floating-active .mbsc-label { - -webkit-transform: translateY(-1.375em) scale(.75); - transform: translateY(-1.375em) scale(.75); - padding: 0 .25em; - } - } - } - - &.mbsc-ltr .mbsc-input-outline { - .mbsc-err-msg { - left: 1.416667em; - } - - .mbsc-label { - left: 1.083334em; - right: auto; - } - - &.mbsc-ic-left { - .mbsc-err-msg { - left: 4.083334em; - } - - .mbsc-label { - left: 3.75em; - } - - .mbsc-left-ic { - left: .5em; - } - - input, - textarea { - padding-left: 3em; - } - } - - &.mbsc-ic-right { - - input, - textarea { - padding-right: 3em; - } - - .mbsc-right-ic { - right: .5em; - } - } - - &.mbsc-select { - input { - padding-right: 2em; - } - - .mbsc-input-wrap .mbsc-select-ic { - right: .6875em; - } - - &.mbsc-ic-right { - input { - padding-right: 4em; - } - - .mbsc-input-wrap .mbsc-select-ic { - right: 3em; - } - } - } - - /* Floating labels */ - &.mbsc-label-floating.mbsc-input .mbsc-label { - left: 1em; - } - - &.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label { - left: .875em; - } - - &.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { - left: 3em; - } - - &.mbsc-label-floating.mbsc-input.mbsc-ic-left.mbsc-label-floating-active .mbsc-label { - left: 2.875em; - } - } - - &.mbsc-rtl .mbsc-input-outline { - .mbsc-err-msg { - right: 1.416667em; - } - - .mbsc-label { - right: 1.083334em; - left: auto; - } - - &.mbsc-ic-left { - .mbsc-err-msg { - right: 4.083334em; - } - - .mbsc-label { - right: 3.75em; - } - - .mbsc-left-ic { - right: .5em; - } - - input, - textarea { - padding-right: 3em; - } - } - - &.mbsc-ic-right { - - input, - textarea { - padding-left: 3em; - } - - .mbsc-right-ic { - left: .5em; - } - } - - &.mbsc-select { - input { - padding-left: 2em; - } - - .mbsc-input-wrap .mbsc-select-ic { - left: .6875em; - } - - &.mbsc-ic-right { - input { - padding-left: 4em; - } - - .mbsc-input-wrap .mbsc-select-ic { - left: 3em; - } - } - } - - /* Floating labels */ - &.mbsc-label-floating.mbsc-input .mbsc-label { - right: 1em; - } - - &.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label { - right: .875em; - } - - &.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { - right: 3em; - } - - &.mbsc-label-floating.mbsc-input.mbsc-ic-left.mbsc-label-floating-active .mbsc-label { - right: 2.875em; - } - } -} diff --git a/src/less/notifications.less b/src/less/notifications.less deleted file mode 100644 index 26121904..00000000 --- a/src/less/notifications.less +++ /dev/null @@ -1,169 +0,0 @@ -@import "popup"; - -/* Toast, snackbar */ - -.mbsc-toast .mbsc-fr-persp, -.mbsc-snackbar .mbsc-fr-persp { - pointer-events: none; -} - -.mbsc-toast .mbsc-fr-overlay, -.mbsc-snackbar .mbsc-fr-overlay { - display: none; -} - -.mbsc-toast.mbsc-fr .mbsc-fr-persp .mbsc-fr-popup, -.mbsc-snackbar.mbsc-fr .mbsc-fr-persp .mbsc-fr-popup { - border: 0; - line-height: 1.428572; -} - - -/* Snackbar */ - -.mbsc-snackbar.mbsc-fr .mbsc-fr-w { - min-width: 18em; - max-width: 36em; - margin: 0 auto; - pointer-events: auto; - box-shadow: none; -} - -.mbsc-snackbar-cont { - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} - -.mbsc-snackbar-msg { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 0 1em; -} - -.mbsc-snackbar .mbsc-snackbar-cont .mbsc-snackbar-btn { - margin: -1em 0; - padding: 1em; - line-height: 1.428572; - font-size: 1em; - font-weight: 400; -} - -.mbsc-snackbar.mbsc-no-touch.mbsc-fr .mbsc-fr-c .mbsc-btn-flat:not(:disabled):hover { - background: none; -} - - -/* Toast */ - -.mbsc-toast.mbsc-fr .mbsc-fr-w { - background: none; - box-shadow: none; -} - -.mbsc-toast.mbsc-fr .mbsc-fr-c.mbsc-wdg-c { - text-align: center; - padding-bottom: 4em; -} - -.mbsc-toast .mbsc-toast-msg { - display: inline-block; - min-width: 10em; - max-width: 50em; - padding: .857143em 2em; -} - -/* Alert, confirm, prompt */ - -.mbsc-alert.mbsc-fr .mbsc-fr-c.mbsc-wdg-c { - padding: 1.714286em; - max-width: 20em; -} - -.mbsc-alert .mbsc-fr-c .mbsc-input { - padding: 0; - margin: 0; -} - -.mbsc-alert.mbsc-fr h2 { - margin: 0 0 1em 0; - padding: 0; - font-size: 1.428572em; - font-weight: bold; -} - -.mbsc-alert.mbsc-fr p { - margin: 1em 0; - padding: 0; - font-size: 1em; -} - -.mbsc-mobiscroll { - - /* Mobiscroll */ - - &.mbsc-snackbar .mbsc-fr-w { - background: #787878; - color: #fff; - } - - &.mbsc-toast .mbsc-toast-msg { - background: #787878; - opacity: .9; - border-radius: .5em; - color: #fff; - } - - /* Snackbar and Toast color presets */ - - &.mbsc-snackbar.mbsc-primary .mbsc-fr-w, - &.mbsc-toast.mbsc-primary .mbsc-toast-msg { - background: @mobiscroll-primary; - color: @mobiscroll-light-text; - } - - &.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, - &.mbsc-toast.mbsc-secondary .mbsc-toast-msg { - background: @mobiscroll-secondary; - color: @mobiscroll-light-text; - } - - &.mbsc-snackbar.mbsc-success .mbsc-fr-w, - &.mbsc-toast.mbsc-success .mbsc-toast-msg { - background: @mobiscroll-success; - color: @mobiscroll-light-text; - } - - &.mbsc-snackbar.mbsc-danger .mbsc-fr-w, - &.mbsc-toast.mbsc-danger .mbsc-toast-msg { - background: @mobiscroll-danger; - color: @mobiscroll-light-text; - } - - &.mbsc-snackbar.mbsc-warning .mbsc-fr-w, - &.mbsc-toast.mbsc-warning .mbsc-toast-msg { - background: @mobiscroll-warning; - color: @mobiscroll-light-text; - } - - &.mbsc-snackbar.mbsc-info .mbsc-fr-w, - &.mbsc-toast.mbsc-info .mbsc-toast-msg { - background: @mobiscroll-info; - color: @mobiscroll-light-text; - } - - &.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn { - color: @mobiscroll-light-text; - } -} diff --git a/src/less/page.less b/src/less/page.less deleted file mode 100644 index d735b55d..00000000 --- a/src/less/page.less +++ /dev/null @@ -1,356 +0,0 @@ -@import "common"; -@import "themes/mobiscroll"; - -/* Base colors */ - -@primary: #3f97f6; -@primary-text: #fff; -@secondary: #90979E; -@success: #43BE5F; -@danger: #f5504e; -@warning: #f8b042; -@info: #5BB7C5; -@light: #fff; -@dark: #47494A; - -/* Mobiscroll colors */ - -@mobiscroll-primary: @primary; -@mobiscroll-secondary: @secondary; -@mobiscroll-success: @success; -@mobiscroll-danger: @danger; -@mobiscroll-warning: @warning; -@mobiscroll-info: @info; -@mobiscroll-light: darken(@light, 10%); -@mobiscroll-dark: @dark; -@mobiscroll-dark-text: #000; -@mobiscroll-light-text: #f7f7f7; - -/* Page */ - -[mbsc-page]:not(.mbsc-page) { - // Prevent FOUC - visibility: hidden; -} - -.mbsc-page-ctx { - margin: 0; - padding: 0; - height: 100%; -} - -.mbsc-page { - min-height: 100%; - font-size: 16px; - font-family: arial, verdana, sans-serif; - -webkit-font-smoothing: antialiased; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; - -webkit-touch-callout: none; - -webkit-text-size-adjust: 100%; - padding-left: constant(safe-area-inset-left); - padding-left: env(safe-area-inset-left); - padding-right: constant(safe-area-inset-right); - padding-right: env(safe-area-inset-right); - padding-bottom: constant(safe-area-inset-bottom); - padding-bottom: env(safe-area-inset-bottom); -} - -.mbsc-page, -.mbsc-page * { - box-sizing: border-box; -} - -.mbsc-page:before, -.mbsc-page:after { - content: ''; - display: table; -} - - -/* RTL mode */ - -.mbsc-rtl { - direction: rtl; -} - - -/* Typography */ - -.mbsc-page h1, -.mbsc-page h2, -.mbsc-page h3, -.mbsc-page h4, -.mbsc-page h5, -.mbsc-page h6 { - margin: 0; - padding: 0; - color: inherit; - font-weight: normal; - font-family: inherit; -} - -.mbsc-page p { - margin: 1em 0; - padding: 0; - line-height: 1.5; -} - -.mbsc-page a { - text-decoration: none; -} - -.mbsc-page a:hover { - text-decoration: underline; -} - -.mbsc-page a.mbsc-btn:hover { - text-decoration: none; -} - -.mbsc-page h1 { - margin: .347826em 0; - font-size: 2.875em; -} - -.mbsc-page h2 { - margin: .470588em 0; - font-size: 2.125em; -} - -.mbsc-page h3 { - margin: .666666em 0; - font-size: 1.5em; -} - -.mbsc-page h4 { - margin: .8em 0; - font-size: 1.25em; -} - -.mbsc-page h5 { - margin: 1.066666em 0; - font-size: .9375em; -} - -.mbsc-page h6 { - margin: 1.333333em 0; - font-size: .75em; -} - -/* Padding, margin */ - -.mbsc-padding { - padding: 1em; -} - -.mbsc-padding > p:first-child { - margin-top: 0; -} - -.mbsc-padding > p:last-child { - margin-bottom: 0; -} - -.mbsc-margin { - margin: 1em 0; -} - -.mbsc-margin:first-child { - margin-top: 0; -} - -.mbsc-margin:last-child { - margin-bottom: 0; -} - -/* Lists */ - -.mbsc-page { - - ul, - ol { - padding: 0; - margin: 1em 0 1em 1.25em; - line-height: 1.5; - } - - ul ul, - ol ol { - margin: 0 0 0 1.25em; - } -} - -/* Font sizes */ - -.mbsc-txt-xs { - font-size: .625em -} - -.mbsc-txt-s { - font-size: .75em; -} - -.mbsc-txt-m { - font-size: 1.25em; -} - -.mbsc-txt-l { - font-size: 1.5em; -} - -.mbsc-txt-xl { - font-size: 2em; -} - -.mbsc-txt-muted { - opacity: .6; -} - -/* Font weights */ - -.mbsc-ultra-bold { - font-weight: 900; -} - -.mbsc-bold { - font-weight: bold; -} - -.mbsc-medium { - font-weight: 500; -} - -.mbsc-light { - font-weight: 300; -} - -.mbsc-thin { - font-weight: 100; -} - -.mbsc-italic { - font-style: italic; -} - -/* Text align */ - -.mbsc-align-left { - text-align: left; -} - -.mbsc-align-right { - text-align: right; -} - -.mbsc-align-center { - text-align: center; -} - -/* Float */ - -.mbsc-pull-right { - float: right; -} - -.mbsc-pull-left { - float: left; -} - -/* Image section */ - -.mbsc-media-fluid { - display: block; - width: 100%; -} - -.mbsc-img-thumbnail { - width: 6em; - height: 6em; - margin: 1em; -} - -/* Avatar image */ - -.mbsc-avatar { - width: 2.5em; - height: 2.5em; - padding: 0; - border-radius: 1.25em; -} - -/* Note */ - -.mbsc-note { - position: relative; - padding: .75em 1.25em; - margin: 1em; - border: 1px solid transparent; - font-size: .875em; -} - -@media screen and (max-width: 600px) { - .mbsc-note { - text-align: center; - } -} - - -/* Mobiscroll theme */ - -.mbsc-mobiscroll { - &.mbsc-page { - background: @mobiscroll-background; - color: @mobiscroll-text; - } - - a { - color: @mobiscroll-accent; - } - - /* Note */ - .mbsc-note { - border-radius: .1875em; - } - - .mbsc-note, - .mbsc-note-primary { - color: darken(@mobiscroll-primary, 30%); - background-color: lighten(@mobiscroll-primary, 20%); - } - - .mbsc-note-secondary { - color: darken(@mobiscroll-secondary, 30%); - background-color: lighten(@mobiscroll-secondary, 20%); - } - - .mbsc-note-success { - color: darken(@mobiscroll-success, 30%); - background-color: lighten(@mobiscroll-success, 20%); - } - - .mbsc-note-danger { - color: darken(@mobiscroll-danger, 30%); - background-color: lighten(@mobiscroll-danger, 20%); - } - - .mbsc-note-warning { - color: darken(@mobiscroll-warning, 25%); - background-color: lighten(@mobiscroll-warning, 20%); - } - - .mbsc-note-info { - color: darken(@mobiscroll-info, 30%); - background-color: lighten(@mobiscroll-info, 20%); - } - - .mbsc-note-light { - color: darken(@mobiscroll-light, 60%); - background-color: darken(@mobiscroll-light, 5%); - } - - .mbsc-note-dark { - color: darken(@mobiscroll-dark, 30%); - background-color: lighten(@mobiscroll-dark, 40%); - } -} diff --git a/src/less/popup.less b/src/less/popup.less deleted file mode 100644 index 255d3f74..00000000 --- a/src/less/popup.less +++ /dev/null @@ -1,30 +0,0 @@ -@import "frame"; - -/* Widget */ - -.mbsc-wdg .mbsc-wdg-c { - position: relative; - z-index: 0; - font-size: 14px; - white-space: normal; - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; -} - -.mbsc-wdg .mbsc-ltr .mbsc-wdg-c { - text-align: left; -} - -.mbsc-wdg .mbsc-rtl .mbsc-wdg-c { - text-align: right; -} - -.mbsc-wdg .mbsc-wdg-c.mbsc-w-p { - padding: 1em; -} - -.mbsc-no-padding.mbsc-wdg .mbsc-wdg-c.mbsc-w-p { - padding: 0; -} diff --git a/src/less/progress.less b/src/less/progress.less deleted file mode 100644 index a6bb02cd..00000000 --- a/src/less/progress.less +++ /dev/null @@ -1,264 +0,0 @@ -@import "icons"; - -/* Progress */ - -.mbsc-progress { - position: relative; - display: block; - margin: 0; - z-index: 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} - -.mbsc-progress progress { - display: none; -} - -.mbsc-progress .mbsc-input-wrap { - position: relative; - display: block; -} - -.mbsc-progress .mbsc-input-ic { - position: absolute; - height: 2em; - width: 2em; - line-height: 2em; - text-align: center; -} - -.mbsc-progress-cont { - position: relative; - display: block; - width: 100%; - height: 100%; - -ms-touch-action: pan-y; - touch-action: pan-y; -} - -.mbsc-progress-track { - position: relative; - display: block; - box-sizing: border-box; -} - -.mbsc-progress-bar { - position: absolute; - top: 0; - left: 0; - width: 0; - height: 100%; -} - -.mbsc-rtl .mbsc-progress-bar { - left: auto; - right: 0; -} - -.mbsc-progress-anim .mbsc-progress-bar { - transition: width .1s ease-in-out; -} - -.mbsc-progress-value { - position: absolute; - top: 50%; - width: 3em; - overflow: hidden; - margin-top: -.5em; - line-height: 1em; -} - -.mbsc-progress-value-right .mbsc-progress-value { - right: 0; - text-align: right; -} - -.mbsc-rtl.mbsc-progress-value-right .mbsc-progress-value { - right: auto; - left: 0; - text-align: left; -} - -.mbsc-progress-value-left .mbsc-progress-value { - left: 0; - text-align: left; -} - -.mbsc-rtl.mbsc-progress-value-left .mbsc-progress-value { - left: auto; - right: 0; - text-align: right; -} - -.mbsc-progress-step-label { - position: absolute; - top: 1em; - width: 3.5em; - font-size: .75em; - text-align: center; - overflow: hidden; -} - -.mbsc-ltr .mbsc-progress-step-label { - margin-left: -1.75em; -} - -.mbsc-rtl .mbsc-progress-step-label { - margin-right: -1.75em; -} - -/* Inline labels */ - -.mbsc-label-inline.mbsc-progress.mbsc-control-w { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - - .mbsc-input-wrap { - -webkit-box-flex: 1; - -webkit-flex: 1 auto; - -moz-box-flex: 1; - -moz-flex: 1 auto; - -ms-flex: 1 auto; - flex: 1 auto; - } - - .mbsc-label { - position: static; - -webkit-box-flex: 0; - -webkit-flex: 0 auto; - -moz-box-flex: 0; - -moz-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-size: 1em; - line-height: 2.125em; - width: 30%; - max-width: 12.5em; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } -} - -/* Mobiscroll Theme */ - -.mbsc-mobiscroll { - &.mbsc-progress { - padding: 1em; - } - - &.mbsc-progress .mbsc-label { - font-size: .75em; - } - - &.mbsc-progress .mbsc-input-ic { - top: .0625em; - margin: 0; - color: #787878; - } - - &.mbsc-ltr.mbsc-progress.mbsc-ic-left .mbsc-input-wrap, - &.mbsc-rtl.mbsc-progress.mbsc-ic-right .mbsc-input-wrap { - padding-left: 2.75em; - } - - &.mbsc-ltr.mbsc-progress.mbsc-ic-right .mbsc-input-wrap, - &.mbsc-rtl.mbsc-progress.mbsc-ic-left .mbsc-input-wrap { - padding-right: 2.75em; - } - - &.mbsc-ltr.mbsc-progress.mbsc-ic-left .mbsc-left-ic, - &.mbsc-rtl.mbsc-progress.mbsc-ic-right .mbsc-right-ic { - right: auto; - left: -.375em; - } - - &.mbsc-ltr.mbsc-progress.mbsc-ic-right .mbsc-right-ic, - &.mbsc-rtl.mbsc-progress.mbsc-ic-left .mbsc-left-ic { - left: auto; - right: -.375em; - } - - .mbsc-progress-cont { - padding: 1em 0; - } - - .mbsc-progress-track { - background: #dedede; - border-radius: 1em; - height: .125em; - } - - .mbsc-progress-bar { - background: #4eccc4; - } - - .mbsc-progress-value { - width: 3.75em; - font-size: .875em; - } - - &.mbsc-ltr.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap, - &.mbsc-rtl.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap { - padding-left: 3.5em; - } - - &.mbsc-ltr.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap, - &.mbsc-rtl.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap { - padding-right: 3.5em; - } - - &.mbsc-ltr.mbsc-progress-value-left.mbsc-ic-left .mbsc-input-wrap, - &.mbsc-rtl.mbsc-progress-value-right.mbsc-ic-right .mbsc-input-wrap { - padding-left: 5.5em; - } - - &.mbsc-ltr.mbsc-progress-value-right.mbsc-ic-right .mbsc-input-wrap, - &.mbsc-rtl.mbsc-progress-value-left.mbsc-ic-left .mbsc-input-wrap { - padding-right: 5.5em; - } - - &.mbsc-ltr.mbsc-progress-value-left.mbsc-ic-left .mbsc-progress-value, - &.mbsc-rtl.mbsc-progress-value-right.mbsc-ic-right .mbsc-progress-value { - left: 2.25em; - right: auto; - } - - &.mbsc-ltr.mbsc-progress-value-right.mbsc-ic-right .mbsc-progress-value, - &.mbsc-rtl.mbsc-progress-value-left.mbsc-ic-left .mbsc-progress-value { - left: auto; - right: 2.25em; - } - - /* Progress color presets */ - .mbsc-progress-primary .mbsc-progress-bar { - background: @mobiscroll-primary; - } - - .mbsc-progress-secondary .mbsc-progress-bar { - background: @mobiscroll-secondary; - } - - .mbsc-progress-success .mbsc-progress-bar { - background: @mobiscroll-success; - } - - .mbsc-progress-danger .mbsc-progress-bar { - background: @mobiscroll-danger; - } - - .mbsc-progress-warning .mbsc-progress-bar { - background: @mobiscroll-warning; - } - - .mbsc-progress-info .mbsc-progress-bar { - background: @mobiscroll-info; - } -} diff --git a/src/less/rating.less b/src/less/rating.less deleted file mode 100644 index 90a809a7..00000000 --- a/src/less/rating.less +++ /dev/null @@ -1,91 +0,0 @@ -@import "progress"; -@import "themes/mobiscroll"; - -/* Forms rating */ - -.mbsc-rating { - &.mbsc-progress .mbsc-progress-cont { - display: inline-block; - width: auto; - padding: 0 .5em; - margin: 0 -.681818em; - cursor: pointer; - } - - .mbsc-progress-cont .mbsc-progress-track { - height: auto; - background: none; - } - - .mbsc-ic { - font-size: 1.375em; - margin: 0 0.181818em; - } - - &.mbsc-progress input { - display: none; - } - - &.mbsc-progress .mbsc-progress-cont .mbsc-slider-handle { - display: block; - position: absolute; - width: 100%; - height: 100%; - margin: 0; - top: 0; - left: 0; - right: 0; - background: none; - box-shadow: none; - border: 0; - -webkit-transform: none; - transform: none; - } - - .mbsc-progress-cont .mbsc-progress-bar { - background: none; - overflow: hidden; - white-space: nowrap; - } -} - -/* Mobiscroll Theme */ - -.mbsc-mobiscroll.mbsc-rating { - .mbsc-label { - padding-bottom: .5em; - } - - .mbsc-progress-track { - color: @mobiscroll-accent; - } - - input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { - opacity: .4; - } - - /* Color presets */ - &.mbsc-rating-primary .mbsc-progress-track { - color: @mobiscroll-primary; - } - - &.mbsc-rating-secondary .mbsc-progress-track { - color: @mobiscroll-secondary; - } - - &.mbsc-rating-success .mbsc-progress-track { - color: @mobiscroll-success; - } - - &.mbsc-rating-danger .mbsc-progress-track { - color: @mobiscroll-danger; - } - - &.mbsc-rating-warning .mbsc-progress-track { - color: @mobiscroll-warning; - } - - &.mbsc-rating-info .mbsc-progress-track { - color: @mobiscroll-info; - } -} diff --git a/src/less/scroller.less b/src/less/scroller.less deleted file mode 100644 index 4c380998..00000000 --- a/src/less/scroller.less +++ /dev/null @@ -1,388 +0,0 @@ -@import "frame"; -@import "themes/mobiscroll"; - -/* Scroller */ - -.mbsc-sc-whl-o, -.mbsc-sc-btn { - /* Prevent flickering on animation */ - -webkit-transform: translateZ(0); -} - -/* Force content box */ - -.mbsc-sc .mbsc-sc-whl-gr-c, -.mbsc-sc .mbsc-sc-whl-c, -.mbsc-sc .mbsc-sc-whl-l, -.mbsc-sc .mbsc-sc-whl { - box-sizing: content-box; -} - -/* Force border box */ - -.mbsc-sc-whl-gr-c, -.mbsc-sc-itm { - box-sizing: border-box; -} - -.mbsc-sc-whl-gr-c { - position: relative; - max-width: 100%; - vertical-align: middle; - display: inline-block; - overflow: hidden; -} - -.mbsc-fr-bottom .mbsc-sc-whl-gr-c:first-child:last-child, -.mbsc-fr-top .mbsc-sc-whl-gr-c:first-child:last-child, -.mbsc-fr-inline .mbsc-sc-whl-gr-c:first-child:last-child, -.mbsc-fr-liq .mbsc-sc-whl-gr-c { - display: block; -} - -.mbsc-sc-whl-gr { - margin: 0 auto; - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; -} - -.mbsc-sc-whl-w { - max-width: 100%; - position: relative; - -ms-touch-action: none; - touch-action: none; -} - -.mbsc-fr-pointer .mbsc-sc-whl-w, -.mbsc-fr-liq .mbsc-sc-whl-w { - -webkit-box-flex: 1; - -webkit-flex: 1 auto; - -ms-flex: 1 auto; - flex: 1 auto; -} - -.mbsc-sc-whl-o { - position: absolute; - z-index: 2; - top: 0; - right: 0; - bottom: 0; - left: 0; - pointer-events: none; - display: none; -} - -.mbsc-sc-whl-l { - display: none; - position: absolute; - top: 50%; - left: 0; - right: 0; - pointer-events: none; -} - -.mbsc-sc-whl-w .mbsc-sc-whl-l { - display: block; -} - -.mbsc-sc-whl { - overflow: hidden; - /* Forces IE to respect overflow hidden while animating */ - /* Looks like this is not needed, also, it brakes rendering on Samsung S5 Mini */ - /* border-radius: 1px; */ - /* Fixes Firefox rendering issues */ - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - margin: -1px 0; -} - -.mbsc-sc-whl-c { - position: relative; - z-index: 1; - top: 50%; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; -} - -.mbsc-sc-whl-sc { - position: relative; -} - -.mbsc-sc-itm { - position: relative; - cursor: pointer; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.mbsc-sc-itm-inv, -.mbsc-sc-itm-inv-h { - opacity: .3; -} - -.mbsc-sc-lbl { - position: absolute; - left: 0; - right: 0; - bottom: 100%; - display: none; -} - -.mbsc-sc-lbl-v .mbsc-sc-lbl { - display: block; -} - -.mbsc-sc-btn { - position: absolute; - z-index: 2; - left: 0; - right: 0; - cursor: pointer; - opacity: 1; - text-align: center; - transition: opacity .2s linear; -} - -.mbsc-sc-btn:before { - position: absolute; - top: 0; - right: 0; - left: 0; -} - -.mbsc-sc-whl-a .mbsc-sc-btn { - opacity: 0; -} - -.mbsc-sc-btn-plus { - bottom: 0; -} - -.mbsc-sc-btn-minus { - top: 0; -} - -/* 3D */ - -.mbsc-sc-whl-gr-3d { - -webkit-perspective: 1200px; - perspective: 1200px; -} - -.mbsc-sc-whl-gr-3d .mbsc-sc-whl { - /* For iOS to respect z-index */ - overflow: visible; -} - -.mbsc-sc-whl-gr-3d .mbsc-sc-whl-c { - overflow: hidden; -} - -.mbsc-sc-whl-3d { - position: absolute; - top: 50%; - left: 0; - right: 0; - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; -} - -.mbsc-sc-itm-3d { - position: absolute; - width: 100%; - top: 0; - left: 0; - cursor: pointer; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} - -.mbsc-sc-itm-del { - display: none; -} - -/* Multiline */ - -.mbsc-sc-itm-ml { - width: 100%; - height: auto; - display: inline-block; - vertical-align: middle; - white-space: normal; -} - -/* Multiple */ - -.mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { - position: absolute; - top: 0; - left: 0; - width: 1em; - text-align: center; -} - -/* Desktop view */ - -.mbsc-fr-pointer { - - .mbsc-fr-w .mbsc-sc-whl-gr-c, - .mbsc-fr-w .mbsc-sc-whl-gr { - padding: 0; - } - - .mbsc-sc-whl-gr-c:first-child:last-child { - display: block; - } -} - -.mbsc-sc-bar-c { - position: absolute; - z-index: 2; - top: 0; - bottom: 0; - right: 0; - width: 10px; - opacity: 0; - background: rgba(0, 0, 0, .05); - transform: translateZ(0); - transition: opacity .2s; -} - -.mbsc-sc-bar { - position: absolute; - right: 0; - top: 0; - width: 10px; - height: 100%; -} - -.mbsc-sc-bar:after { - content: ''; - position: absolute; - top: 2px; - right: 2px; - bottom: 2px; - left: 2px; - background: rgba(0, 0, 0, .5); - border-radius: 3px; -} - -.mbsc-sc-whl-w:hover .mbsc-sc-bar-c, -.mbsc-sc-whl-anim .mbsc-sc-bar-c { - opacity: 1; -} - -/* Default Theme */ - -.mbsc-mobiscroll { - .mbsc-sc-whl-gr { - padding: .5em .25em; - } - - .mbsc-sc-whl-w { - margin: 0 .25em; - } - - .mbsc-sc-lbl-v .mbsc-sc-whl-w { - margin-top: 1.875em; - } - - .mbsc-sc-lbl { - color: @mobiscroll-accent; - font-size: .75em; - line-height: 2.5em; - text-transform: uppercase; - } - - .mbsc-sc-whl-l { - border-top: 1px solid @mobiscroll-accent; - border-bottom: 1px solid @mobiscroll-accent; - } - - .mbsc-sc-cp .mbsc-sc-whl-w { - padding: 2em 0; - } - - .mbsc-sc-btn { - height: 2em; - line-height: 2em; - color: @mobiscroll-accent; - background: @mobiscroll-background; - } - - .mbsc-sc-btn:before { - font-size: 1.5em; - } - - .mbsc-sc-itm { - padding: 0 .25em; - font-size: 1.375em; - } - - &.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, - .mbsc-sc-itm:focus { - outline: 0; - background: fade(@mobiscroll-text, 10%); - } - - &.mbsc-no-touch .mbsc-sc-btn:hover:before, - &.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active, - .mbsc-sc-btn.mbsc-active:before { - background: fade(@mobiscroll-accent, 30%); - } - - /* Multiple select */ - .mbsc-sc-whl-multi { - .mbsc-sc-itm { - padding: 0 1.818181em; - } - - .mbsc-sc-itm-sel:before { - font-size: 1.818181em; - color: @mobiscroll-accent; - } - } - - /* Desktop view */ - &.mbsc-fr-pointer { - .mbsc-sc-lbl { - padding-left: 1.666667em; - padding-right: 1.666667em; - } - - .mbsc-sc-whl-w { - margin-left: 0; - margin-right: 0; - } - - .mbsc-sc-itm { - font-size: 1em; - padding: 0 1.25em; - } - - .mbsc-sc-whl-multi { - .mbsc-sc-itm { - padding: 0 2.5em; - } - - .mbsc-sc-itm-sel:before { - font-size: 2em; - } - } - - .mbsc-ltr .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { - left: .125em; - } - - .mbsc-rtl .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { - right: .125em; - } - } -} diff --git a/src/less/slider.less b/src/less/slider.less deleted file mode 100644 index 18c5753e..00000000 --- a/src/less/slider.less +++ /dev/null @@ -1,231 +0,0 @@ -@import "page"; -@import "progress"; - -/* Slider */ - -.mbsc-progress.mbsc-slider input { - display: none; -} - -.mbsc-ltr .mbsc-progress-anim .mbsc-slider-handle-cont { - transition: left .1s ease-in-out; -} - -.mbsc-rtl .mbsc-progress-anim .mbsc-slider-handle-cont { - transition: right .1s ease-in-out; -} - -.mbsc-slider-handle-cont { - position: absolute; - width: 2em; - height: 2em; - top: .0625em; - margin-top: -1em; - cursor: pointer; -} - -.mbsc-ltr .mbsc-slider-handle-cont { - right: -1em; -} - -.mbsc-rtl .mbsc-slider-handle-cont { - left: -1em; -} - -.mbsc-ltr .mbsc-slider-handle-cont.mbsc-slider-handle-left { - left: 0; -} - -.mbsc-rtl .mbsc-slider-handle-cont.mbsc-slider-handle-left { - right: 0; -} - -.mbsc-ltr .mbsc-progress-track .mbsc-slider-handle-cont { - margin-left: -1em; -} - -.mbsc-rtl .mbsc-progress-track .mbsc-slider-handle-cont { - margin-right: -1em; -} - -.mbsc-slider-handle { - position: absolute; - top: .125em; - right: 50%; - margin: -.5em -.5em 0 0; - z-index: 2; -} - -.mbsc-slider-handle-cont .mbsc-slider-handle { - box-sizing: content-box; -} - -.mbsc-slider .mbsc-slider-handle:focus, -.mbsc-slider .mbsc-active .mbsc-slider-handle { - outline: 0; - z-index: 15; -} - -.mbsc-slider .mbsc-handle-curr { - z-index: 16; -} - -.mbsc-slider-tooltip { - position: absolute; - right: 50%; - opacity: 0; - color: #000; -} - -.mbsc-slider-step { - position: absolute; - top: 0; - width: .125em; - height: 100%; - margin-left: -.0625em; -} - - -/* Mobiscroll Theme */ - -.mbsc-mobiscroll.mbsc-slider .mbsc-input-wrap { - padding: 0 .5em; -} - -.mbsc-mobiscroll .mbsc-slider-step { - background: #f7f7f7; -} - -.mbsc-mobiscroll .mbsc-slider-handle { - top: 50%; - width: 1em; - height: 1em; - border-radius: 1.125em; - background: #4eccc4; - -webkit-transform: scale(1); - transform: scale(1); - -webkit-transition: -webkit-transform .2s ease-in-out; - transition: transform .2s ease-in-out; -} - -.mbsc-mobiscroll .mbsc-slider-handle:focus, -.mbsc-mobiscroll .mbsc-active .mbsc-slider-handle { - -webkit-transform: scale(1.3); - transform: scale(1.3); -} - -.mbsc-mobiscroll.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { - opacity: .4; -} - -.mbsc-mobiscroll.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle { - -webkit-transform: scale(1); - transform: scale(1); -} - -.mbsc-mobiscroll .mbsc-slider-tooltip { - top: -1.91666em; - width: 2.33333333em; - height: 2.33333333em; - border-radius: 2em; - margin-right: -1.1666em; - line-height: 2.33333333em; - text-align: center; - font-size: .75em; - color: #eee; - background-color: #4eccc4; - z-index: 5; - -webkit-transform: scale(.4) translate3d(0, 5em, 0); - transform: scale(.4) translate3d(0, 5em, 0); - -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; - transition: transform .2s ease-in-out, opacity .2s ease-in-out; -} - -.mbsc-mobiscroll .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, -.mbsc-mobiscroll .mbsc-active .mbsc-slider-tooltip { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0) scale(1); - transform: translate3d(0, 0, 0) scale(1); -} - -.mbsc-mobiscroll.mbsc-slider-has-tooltip .mbsc-slider-handle:focus, -.mbsc-mobiscroll.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-handle { - -webkit-transform: scale(.5); - transform: scale(.5); -} - -.mbsc-mobiscroll { - - /* Color presets */ - .mbsc-slider-primary { - - .mbsc-slider-tooltip, - .mbsc-slider-handle { - background: @mobiscroll-primary; - } - - .mbsc-progress-bar { - background: @mobiscroll-primary; - } - } - - .mbsc-slider-secondary { - - .mbsc-slider-tooltip, - .mbsc-slider-handle { - background: @mobiscroll-secondary; - } - - .mbsc-progress-bar { - background: @mobiscroll-secondary; - } - } - - .mbsc-slider-success { - - .mbsc-slider-tooltip, - .mbsc-slider-handle { - background: @mobiscroll-success; - } - - .mbsc-progress-bar { - background: @mobiscroll-success; - } - } - - .mbsc-slider-danger { - - .mbsc-slider-tooltip, - .mbsc-slider-handle { - background: @mobiscroll-danger; - } - - .mbsc-progress-bar { - background: @mobiscroll-danger; - } - } - - .mbsc-slider-warning { - - .mbsc-slider-tooltip, - .mbsc-slider-handle { - background: @mobiscroll-warning; - } - - .mbsc-progress-bar { - background: @mobiscroll-warning; - } - } - - .mbsc-slider-info { - - .mbsc-slider-tooltip, - .mbsc-slider-handle { - background: @mobiscroll-info; - } - - .mbsc-progress-bar { - background: @mobiscroll-info; - } - } -} diff --git a/src/less/templates/android-holo.less b/src/less/templates/android-holo.less deleted file mode 100644 index bfd88ac3..00000000 --- a/src/less/templates/android-holo.less +++ /dev/null @@ -1,676 +0,0 @@ -@theme: android-holo; -@input1: #31b7e8; -@input2: #292829; -@input3: #ffffff; -@output1_1: @input1; -@output1_2: hsv(hsvhue(spin(@input1, 2)), max(hsvsaturation(@input1) - 5%, 0%), max(hsvvalue(@input1) - 30%, 0%)); -@output1_3: hsv(hsvhue(spin(@input1, -1)), max(hsvsaturation(@input1) - 5%, 0%), max(hsvvalue(@input1) - 17%, 0%)); -@output2_1: @input2; -@output2_2: hsv(hsvhue(@input2), max(hsvsaturation(@input2) - 2%, 0%), min(hsvvalue(@input2) + 4%, 90%)); -@output2_3: hsv(hsvhue(@input2), max(hsvsaturation(@input2) - 2%, 0%), min(hsvvalue(@input2) + 11%, 85%)); -@output2_4: hsv(hsvhue(@input2), max(hsvsaturation(@input2) - 2%, 0%), min(hsvvalue(@input2) + 22%, 49%)); -@output2_5: hsv(hsvhue(@input2), min(hsvsaturation(@input2) + 2%, 100%), min(hsvvalue(@input2) + 11%, 85%)); -@output2_6: hsv(hsvhue(@input2), max(hsvsaturation(@input2) - 2%, 0%), min(hsvvalue(@input2) + 6%, 93%)); -@output2_7: hsv(hsvhue(@input2), max(hsvsaturation(@input2) - 2%, 0%), min(hsvvalue(@input2) + 11%, 86%)); -@output2_8: hsv(hsvhue(@input2), max(hsvsaturation(@input2) - 2%, 0%), min(hsvvalue(@input2) + 37%, 70%)); -@output2_9: hsv(hsvhue(@input2), max(hsvsaturation(@input2) - 2%, 0%), min(hsvvalue(@input2) + 20%, 83%)); -@output2_10: hsv(hsvhue(@input2), max(hsvsaturation(@input2) - 2%, 0%), min(hsvvalue(@input2) + 30%, 76%)); -@output2_11: hsv(hsvhue(@input2), max(hsvsaturation(@input2) - 2%, 0%), min(hsvvalue(@input2) + 42%, 79%)); -@output2_12: hsv(hsvhue(@input2), max(hsvsaturation(@input2) - 2%, 0%), hsvvalue(@input2) - @hsvvalue2_12); -@output2_13: @isLight2_13; -@output2_14: hsv(hsvhue(@input2), max(hsvsaturation(@input2) - 2%, 0%), min(hsvvalue(@input2) + @hsvvalue2_14, 90%)); -@output2_15: hsv(hsvhue(@input2), max(hsvsaturation(@input2) - 2%, 0%), min(hsvvalue(@input2) + @hsvvalue2_15, 71%)); -@output3_1: @input3; -@output3_2: hsv(hsvhue(@input3), hsvsaturation(@input3), min(hsvvalue(@input3) + @hsvvalue3_2, 100%)); -@output3_3: hsv(hsvhue(@input3), hsvsaturation(@input3), min(hsvvalue(@input3) + @hsvvalue3_3, 100%)); -@output3_4: hsv(hsvhue(@input3), hsvsaturation(@input3), min(hsvvalue(@input3) + @hsvvalue3_4, 100%)); -@output3_5: hsv(hsvhue(@input3), hsvsaturation(@input3), min(hsvvalue(@input3) + @hsvvalue3_5, 100%)); -@delta1_1: red(@output1_1)*0.299 + green(@output1_1)*0.587 + blue(@output1_1)*0.114; -@delta2_1: red(@output2_1)*0.299 + green(@output2_1)*0.587 + blue(@output2_1)*0.114; -@delta2_4: red(@output2_4)*0.299 + green(@output2_4)*0.587 + blue(@output2_4)*0.114; -@deltainput2: red(@input2)*0.299 + green(@input2)*0.587 + blue(@input2)*0.114; -.-(); -.-() when (hsvvalue(@input2) + 10 > 100) { - @hsvvalue2_12: 0; - @hsvvalue2_14: -6; - @hsvvalue2_15: -25; -} - -.-() when (hsvvalue(@input2) + 10 <=100) { - @hsvvalue2_12: 16; - @hsvvalue2_14: 74; - @hsvvalue2_15: 55; -} - -.-() when (hsvvalue(@input3)=100) { - @hsvvalue3_2: -34; - @hsvvalue3_3: -70; - @hsvvalue3_4: -37; - @hsvvalue3_5: -4; -} - -.-() when (hsvvalue(@input3) > 100) { - @hsvvalue3_2: 66; - @hsvvalue3_3: 30; - @hsvvalue3_4: 63; - @hsvvalue3_5: -4; -} - -.-() when (hsvvalue(@input3) < 100) { - @hsvvalue3_2: 66; - @hsvvalue3_3: 30; - @hsvvalue3_4: 63; - @hsvvalue3_5: 60; -} - -.-() when (@deltainput2 >=140) { - @isLight2_13: hsv(53, 93%, 95%); - @colorClearBackground: fade(#dfdede, 60%); - @hsvvalue3_4: 30; -} - -.-() when (@deltainput2 < 140) { - @isLight2_13: hsv(65, 26%, 100%); - @colorClearBackground: fade(#dfdede, 30%); -} - -@text: ~ `text=function(a) { - if ( a <=150) return 'white'; - if ( a > 150) return 'black'; -} - -`; -@output1_1_text: ~ `text("@{delta1_1}")`; -@output2_1_text: ~ `text("@{delta2_1}")`; -@output2_4_text: ~ `text("@{delta2_4}")`; -.mbsc-@{theme} .mbsc-fr-w, -.mbsc-@{theme} .mbsc-cal-sc-c { - background: @output2_1; -} - -.mbsc-@{theme} .mbsc-fr-w, -.mbsc-@{theme} .mbsc-fr-btn, -.mbsc-@{theme} .mbsc-sc-itm, -.mbsc-@{theme} .mbsc-range-btn, -.mbsc-@{theme} .mbsc-cal-tabs .mbsc-cal-tab-i { - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-fr-hdr { - color: @output1_1; - border-color: @output1_1; -} - -.mbsc-@{theme} .mbsc-sc-itm.mbsc-btn-a { - background: fade(@output1_1, 50%); -} - -.mbsc-@{theme} .mbsc-sc-btn { - color: @output2_4; - background: @output2_1; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-sc-btn:hover, -.mbsc-@{theme} .mbsc-sc-btn-a { - color: @output1_3; - background: @output2_1; -} - -.mbsc-@{theme} .mbsc-sc-whl-l { - border-color: @output1_1; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-fr-btn-d):hover, -.mbsc-@{theme} .mbsc-fr-btn-a { - background: fade(@output1_1, 50%); - color: @output1_1_text; -} - -.mbsc-@{theme} .mbsc-sc-whl-multi .mbsc-sc-itm:after { - border-color: @output2_5; -} - -.mbsc-@{theme} .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { - color: @output1_1; - text-shadow: 0 0 5px @output1_2; -} - -.mbsc-@{theme} .mbsc-sc-whl-o { - background: -webkit-linear-gradient(@output2_1, fade(@output2_1, 0%)52%, fade(@output2_1, 0%)48%, @output2_1); - background: linear-gradient(@output2_1, fade(@output2_1, 0%)52%, fade(@output2_1, 0%)48%, @output2_1); -} - -.mbsc-@{theme} .mbsc-fr-btn-cont, -.mbsc-@{theme} .mbsc-fr-btn-w .mbsc-fr-btn { - border-color: @output2_5; -} - - -/* Bubble positioning */ - -.mbsc-@{theme} .mbsc-fr-bubble-bottom .mbsc-fr-arr { - border-color: transparent transparent @output2_1 transparent; -} - -.mbsc-@{theme} .mbsc-fr-bubble-top .mbsc-fr-arr { - border-color: @output2_1 transparent transparent transparent; -} - - -/* Calendar */ - -.mbsc-@{theme} .mbsc-cal-day-m-c { - background: @output1_1; -} - -.mbsc-@{theme} .mbsc-cal-hl-now .mbsc-cal-today { - color: @output1_1; -} - -.mbsc-@{theme} .mbsc-cal .mbsc-cal-sc-sel, -.mbsc-@{theme} .mbsc-cal .mbsc-cal-day-sel { - background: fade(@output1_1, 50%); - color: @output1_1_text; -} - -.mbsc-@{theme} .mbsc-fr-btn-a .mbsc-cal-btn-txt, -.mbsc-@{theme}.mbsc-no-touch .mbsc-cal-btn:hover .mbsc-cal-btn-txt { - color: @output1_3; -} - -.mbsc-@{theme} .mbsc-cal-tabs .mbsc-range-btn-sel, -.mbsc-@{theme} .mbsc-cal-tabs .mbsc-cal-tab-sel { - border-bottom: 5px solid @output1_1; -} - -.mbsc-@{theme} .mbsc-cal-event-color { - background: @output1_1; -} - -.mbsc-@{theme} .mbsc-cal .mbsc-cal-day-hl .mbsc-cal-day-i { - background: @output1_1; - color: @output1_1_text; -} - -.mbsc-@{theme} .mbsc-cal-tabs { - background: @output2_2; -} - -.mbsc-@{theme} .mbsc-cal-tab { - border-color: @output2_2; -} - -.mbsc-@{theme} .mbsc-cal-tabs .mbsc-cal-tab-i, -.mbsc-@{theme} .mbsc-cal-day, -.mbsc-@{theme} .mbsc-cal-sc-m-cell { - border-color: @output2_3; -} - -.mbsc-@{theme} .mbsc-cal-btn-txt { - color: @output2_4; -} - -.mbsc-@{theme} .mbsc-cal-week-nrs-c { - background: @output2_1; -} - -.mbsc-@{theme} .mbsc-cal-week-nr-i { - border-color: @output2_3; - color: @output2_4; -} - -.mbsc-@{theme} .mbsc-cal th { - color: @output2_4; -} - -.mbsc-@{theme} .mbsc-cal-events { - background: fade(@output3_1, 80%); -} - -.mbsc-@{theme} .mbsc-cal-events-arr { - border-color: fade(@output3_1, 80%) transparent transparent; -} - -.mbsc-@{theme} .mbsc-cal-events-b .mbsc-cal-events-arr { - border-color: transparent transparent fade(@output3_1, 80%); -} - -.mbsc-@{theme} .mbsc-cal-event { - background: @output2_4; - color: @output2_4_text; -} - - -/* Range */ - -.mbsc-@{theme} .mbsc-range-btn { - background: @output2_3; -} - -.mbsc-@{theme} .mbsc-range-btn-sel .mbsc-range-btn { - background: @output1_1; - color: @output1_1_text; -} - - -/* Timer */ - -.mbsc-@{theme}.mbsc-timer .mbsc-sc-lbl { - color: @output1_1; -} - - -/* Rating */ - -.mbsc-@{theme} .mbsc-rating-icon { - color: @output1_1; -} - - -/* Numpad */ - -.mbsc-@{theme} .mbsc-np-hdr { - border-color: @output2_3; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-fr-c .mbsc-np-del:hover { - color: fade(@output1_1, 50%); - background: transparent; -} - - -/* Listview */ - -.mbsc-lv-@{theme} .mbsc-lv { - background: @output2_7; -} - -.mbsc-lv-@{theme} .mbsc-lv .mbsc-lv-item.mbsc-lv-item-dragging { - background: @output1_1; - background: fade(@output1_1, 50%); - border-color: fade(@output1_1, 50%); -} - -.mbsc-lv-@{theme} .mbsc-lv-item, -.mbsc-lv-@{theme} .mbsc-lv-gr-title { - background: @output2_1; - color: @output3_1; -} - -.mbsc-lv-@{theme}.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { - background: @output2_6; -} - -.mbsc-lv-@{theme} .mbsc-lv-item { - border-color: @output2_7; -} - -.mbsc-lv-@{theme} .mbsc-lv-gr-title { - border-color: @output2_7; -} - -.mbsc-lv-@{theme} .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active { - background: @output2_7; -} - -.mbsc-lv-@{theme} .mbsc-lv-handle-bar-c, -.mbsc-lv-@{theme}.mbsc-lv-handle-left .mbsc-lv-handle-bar-c { - border-color: @output2_8; -} - -.mbsc-lv-@{theme} .mbsc-lv-handle-bar { - background: @output2_8; -} - - -/* Menustrip */ - -.mbsc-@{theme}.mbsc-ms-c { - color: @output3_1; - background: @output2_1; -} - -.mbsc-@{theme}.mbsc-ms-a .mbsc-ms-item-sel.mbsc-ms-item { - color: @output1_1; -} - -.mbsc-@{theme}.mbsc-ms-b.mbsc-ms-top { - border-color: @output1_1; -} - -.mbsc-@{theme}.mbsc-ms-b.mbsc-ms-bottom { - border-color: @output1_1; -} - -.mbsc-@{theme}.mbsc-ms-b .mbsc-ms-item-sel.mbsc-ms-item { - border-bottom-color: @output1_1; -} - -.mbsc-@{theme}.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel.mbsc-ms-item { - border-top-color: @output1_1; -} - -.mbsc-@{theme}.mbsc-ms-b .mbsc-ms-item:after { - background: @output2_3; -} - -.mbsc-@{theme} .mbsc-btn-a.mbsc-ms-item { - background: @output1_2; -} - - -/* Progress */ - -.mbsc-@{theme} .mbsc-progress-track { - background: @output2_5; -} - -.mbsc-@{theme} .mbsc-progress-bar { - background: @output1_1; -} - - -/* Slider */ - -.mbsc-@{theme} .mbsc-slider-step { - background: @output3_1; -} - -.mbsc-@{theme} .mbsc-slider-handle { - background: @output1_1; -} - -.mbsc-@{theme} .mbsc-slider-handle.mbsc-active { - background: @output3_1; -} - -.mbsc-@{theme} .mbsc-slider-handle:after { - background: fade(@output1_1, 30%); -} - -.mbsc-@{theme} .mbsc-slider-handle:focus:after, -.mbsc-@{theme} .mbsc-active .mbsc-slider-handle:after { - border-color: @output1_2; -} - -.mbsc-@{theme} .mbsc-slider-tooltip { - color: @output3_1; - background: @output2_12; -} - -.mbsc-@{theme}.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { - background: @output3_3; -} - -.mbsc-@{theme}.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle { - background: @output3_1; -} - -.mbsc-@{theme}.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-bar { - background: @output3_2; -} - - -/* Form elements */ - -.mbsc-@{theme}.mbsc-page { - background: @output2_12; - color: @output3_1; -} - -.mbsc-@{theme}.mbsc-form { - background: @output2_12; - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-input select, -.mbsc-@{theme} .mbsc-input textarea, -.mbsc-@{theme} .mbsc-input input { - background: @output2_12; - outline-color: @output2_12; - color: @output3_1; - border-color: @output3_2; -} - -.mbsc-@{theme}.mbsc-wdg .mbsc-input textarea, -.mbsc-@{theme}.mbsc-wdg .mbsc-input input, -.mbsc-lv-@{theme} .mbsc-input textarea, -.mbsc-lv-@{theme} .mbsc-input input { - background: @output2_1; - outline-color: @output2_1; -} - -.mbsc-@{theme} .mbsc-select .mbsc-input-wrap .mbsc-select-ic { - border-color: transparent @output3_2 @output3_2 transparent; -} - -.mbsc-@{theme} .mbsc-input textarea:-webkit-autofill, -.mbsc-@{theme} .mbsc-input input:-webkit-autofill { - box-shadow: 0 0 0 50em @output2_12 inset; - -webkit-text-fill-color: @output3_1; -} - -.mbsc-@{theme} .mbsc-radio-box, -.mbsc-@{theme} .mbsc-checkbox-box { - border-color: @output3_3; -} - - -/* Checkbox, Switch, Radio */ - -.mbsc-@{theme} .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:before, -.mbsc-@{theme} .mbsc-radio input.mbsc-active + .mbsc-radio-box:before { - background: rgba(150, 150, 150, .2); -} - - -/* Button */ - -.mbsc-@{theme} .mbsc-btn { - border-color: @output2_9; - border-top: none; - background: @output2_9; - color: @output3_1; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-btn:not(:disabled):not(.mbsc-active):hover { - background: @output2_11; -} - -.mbsc-@{theme} .mbsc-btn.mbsc-active { - background: @output2_10; -} - -.mbsc-@{theme} .mbsc-btn-flat { - background: transparent; - border-color: transparent; - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-btn-flat.mbsc-active { - background: transparent; - border-color: transparent; -} - -.mbsc-@{theme} .mbsc-btn-flat:disabled { - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-btn:disabled { - background: @output2_14; - color: @output2_15; -} - - -/* Text highlight */ - -.mbsc-@{theme}.mbsc-form *::-moz-selection { - background: @output1_1; -} - -.mbsc-@{theme}.mbsc-form *::selection { - background: @output1_1; -} - -.mbsc-@{theme} .mbsc-divider, -.mbsc-@{theme} .mbsc-form-group-title { - border-bottom: 1px solid @output1_1; - color: @output1_1; -} - -.mbsc-@{theme} a { - color: @output1_1; -} - -.mbsc-@{theme} .mbsc-input select:focus + input, -.mbsc-@{theme} .mbsc-input textarea:focus, -.mbsc-@{theme} .mbsc-input input:focus { - border-color: @output1_1; -} - -.mbsc-@{theme} .mbsc-input .mbsc-control:focus ~ .mbsc-select-ic { - border-color: transparent @output1_1 @output1_1 transparent; -} - -.mbsc-@{theme} .mbsc-checkbox-box:after { - border: 3px solid @output1_1; - border-top: 0; - border-right: 0; -} - -.mbsc-@{theme} .mbsc-radio-box:after { - background: @output1_1; -} - - -/* Switch */ - -.mbsc-@{theme} .mbsc-switch-handle { - color: #fff; - background: @output2_11; -} - -.mbsc-@{theme} .mbsc-switch .mbsc-switch-track { - background: @output2_3; -} - -.mbsc-@{theme} .mbsc-switch input:checked:not(:disabled) + .mbsc-switch-track .mbsc-switch-handle { - background: @output1_1; - background: fade(@output1_1, 70%); -} - - -/* Segmented control */ - -.mbsc-@{theme} .mbsc-segmented-content { - border-color: @output1_1; -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @output1_1; -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - background: fade(@output1_1, 35%); -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { - background: @output2_10; -} - -.mbsc-@{theme} .mbsc-stepper .mbsc-segmented-content { - border-color: @output2_9; -} - -.mbsc-@{theme} .mbsc-stepper .mbsc-stepper-val { - background: @output3_5; - border-color: @output3_5; - color: @output2_1; -} - -.mbsc-@{theme} .mbsc-stepper-control .mbsc-segmented-content { - background: @output2_9; -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { - border-color: @output2_9; - color: @output3_1; - background: transparent; -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input:disabled:checked + .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-step-disabled .mbsc-segmented-content { - background: @output2_9; - border-color: @output2_9; - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-stepper .mbsc-segmented-item input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val { - background: #f5f5f5; -} - -.mbsc-@{theme} .mbsc-segmented input:disabled:checked + .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-stepper input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-stepper .mbsc-step-disabled .mbsc-segmented-content { - background: @output2_14; - color: @output2_15; -} - -.mbsc-@{theme} .mbsc-stepper input:disabled { - color: @output2_15; - -webkit-text-fill-color: @output2_15; -} - -.mbsc-@{theme} .mbsc-stepper input { - color: @output2_1; -} - -.mbsc-@{theme} .mbsc-stepper-val-left input, -.mbsc-@{theme} .mbsc-stepper-val-right input { - color: @output3_1; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@output1_1, 20%); -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-stepper-control:hover .mbsc-segmented-content { - background: @output2_11; - ; -} - - -/* Colorpicker */ - -.mbsc-@{theme} .mbsc-color-active, -.mbsc-no-touch.mbsc-@{theme} .mbsc-color-item-c:hover { - box-shadow: inset 0 0 0 .1875em @output1_1; -} - -.mbsc-@{theme} .mbsc-color-preview-item-empty { - border-color: @output2_11; -} - -.mbsc-@{theme} .mbsc-color-preview-cont { - border-color: @output2_5; -} - -.mbsc-@{theme}.mbsc-form .mbsc-color-input { - background: @output2_12; - outline-color: @output2_12; - color: @output3_1; - border-color: @output3_2; -} - -.mbsc-@{theme} .mbsc-color-clear-item { - background: @colorClearBackground; -} - - -/* Select filter */ - -.mbsc-@{theme} .mbsc-input .mbsc-sel-filter-input { - background: @output2_1; - outline: 4px solid @output2_1; -} diff --git a/src/less/templates/icons.css b/src/less/templates/icons.css deleted file mode 100644 index d713b3f0..00000000 --- a/src/less/templates/icons.css +++ /dev/null @@ -1,23 +0,0 @@ -@font-face { - font-family: 'icons_mobiscroll'; - src: url(); - font-weight: normal; - font-style: normal; -} - -.{{ className }}:before { - font-family: 'icons_mobiscroll'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -/* Icons */ -{% for glyph in glyphs %} -.{{ className }}-{{ glyph.name }}::before { - content: "\{{ glyph.unicode[0].charCodeAt(0).toString(16) }}"; -}{% endfor %} diff --git a/src/less/templates/ios.less b/src/less/templates/ios.less deleted file mode 100644 index 83410069..00000000 --- a/src/less/templates/ios.less +++ /dev/null @@ -1,1018 +0,0 @@ -@theme: ios; -@input1: hsl(211, 100%, 50%); -@input2: hsl(211, 100%, 50%); -@input3: hsl(0, 0%, 97%); -@input4: hsl(0, 0%, 0%); - -/* --- New built in parameters --- */ - -@ios-background: @input3; -@ios-accent: @input1; -@ios-text: @input4; - -/* --- */ - -@ios-background-limited: hsl(hue(@ios-background), saturation(@ios-background), max(lightness(@ios-background), 3%)); -@ios-background-alt: lighten(@ios-background-limited, 3%); -@ios-card-shadow: darken(@ios-background-limited, 17%); - -/* Light/dark versions */ - -.light-or-dark(); - -// Light background -.light-or-dark() when (lightness(@ios-background) > 50%) { - @ios-border: darken(@ios-background-limited, 17%); - @ios-text-alt: lighten(@ios-text, 53%); - @ios-empty-color: lighten(@ios-text, 43%); - @ios-scrollbar-track: rgba(0, 0, 0, .05); - @ios-background-desktop: @ios-background-limited; - @ios-popup-shadow: rgba(0, 0, 0, .3); - @ios-popup-arrow-shadow: rgba(0, 0, 0, .2); - @ios-popup-border: @ios-border; - @ios-popup-background: @ios-background-alt; - @ios-item-hover: rgba(0, 0, 0, .05); - @ios-item-active: rgba(0, 0, 0, .15); - @ios-item-selected: fade(@ios-accent, 10%); -} - -// Dark background -.light-or-dark() when (lightness(@ios-background) <=50%) { - @ios-border: lighten(@ios-background-limited, 17%); - @ios-text-alt: darken(@ios-text, 33%); - @ios-empty-color: @ios-text; - @ios-scrollbar-track: rgba(255, 255, 255, .2); - @ios-background-desktop: lighten(@ios-background-limited, 17%); - @ios-popup-shadow: rgba(0, 0, 0, .8); - @ios-popup-arrow-shadow: rgba(0, 0, 0, .8); - @ios-popup-border: lighten(@ios-border, 13%); - @ios-popup-background: @ios-background-desktop; - @ios-item-hover: rgba(255, 255, 255, .05); - @ios-item-active: rgba(255, 255, 255, .15); - @ios-item-selected: fade(@ios-accent, 30%); -} - -// Light accent -.light-or-dark() when (lightness(@ios-accent) > 50%) { - @ios-accent-alt: spin(darken(saturate(@ios-accent, 42%), 35%), -3); -} - -// Dark accent -.light-or-dark() when (lightness(@ios-accent) <=50%) { - @ios-accent-alt: spin(lighten(desaturate(@ios-accent, 42%), 35%), 3); -} - - -/* --- */ - -@minput3: hsl(hue(@input3), saturation(@input3), max(lightness(@input3), 3%)); -@output1_1: @input1; -@output2_1: @input2; -@output3_1: @minput3; -@output4_1: @input4; -@error: hsl(3, 69%, 51%); -@delta2_1: red(@output2_1)*0.299 + green(@output2_1)*0.587 + blue(@output2_1)*0.114; -@delta3: red(@input3)*0.299 + green(@input3)*0.587 + blue(@input3)*0.114; -@delta4: red(@input4)*0.299 + green(@input4)*0.587 + blue(@input4)*0.114; -.x(); - -.x() when (@delta2_1 <=150) { - @output2_1_text: #fff; - @output2_2: spin(lighten(desaturate(@input2, 42%), 35%), 3); - @output2_3: spin(lighten(desaturate(@input2, 48%), 22%), -1); - @output2_4: darken(desaturate(@input2, 15%), 3%); - @output2_5: lighten(desaturate(@input2, 1%), 2%); - @colorClearBackground: fade(#dfdede, 60%); - @snackbar_btn: hsl(hue(@input2), saturation(@input2), max(lightness(@input2), 80%)); -} - -.x() when (@delta2_1 > 150) { - @output2_1_text: #000; - @output2_2: spin(darken(saturate(@input2, 42%), 35%), -3); - @output2_3: spin(darken(saturate(@input2, 48%), 22%), 1); - @output2_4: lighten(saturate(@input2, 15%), 3%); - @output2_5: darken(saturate(@input2, 1%), 2%); - @colorClearBackground: fade(#dfdede, 30%); - @snackbar_btn: @input2; -} - -.x() when (@delta3 <=150) { - @output3_2: lighten(@minput3, 21%); - @output3_3: lighten(@minput3, 10%); - @output3_6: lighten(@minput3, 8%); - @output3_7: lighten(@minput3, 17%); - @output3_8: lighten(@minput3, 40%); - @output3_9: lighten(@minput3, 4%); - @output3_10: lighten(@minput3, 3%); - @output3_12: lighten(@minput3, 10%); - @output3_13: lighten(@minput3, 20%); - @ios-btn-background: lighten(@minput3, 20%); - @output3_14: lighten(@minput3, 12%); - @ios-hl: lighten(@minput3, 12%); - @output3_15: spin(lighten(desaturate(@input3, 12%), 14%), 218); - @output3_16: lighten(@minput3, 10%); - @lv_handle: lighten(@minput3, 40%); - @output3_20: lighten(@minput3, 40%); - @output3_21: #fff; - @output3_22: lighten(@minput3, 13%); - @output3_23: lighten(@minput3, 6%); - @output3_24: lighten(@minput3, 70%); - @sw_track: lighten(@minput3, 17%); - @sw_shadow: #fff; - @output3_5: hsl(hue(@input4), saturation(@input4), min(lightness(@input4), 62%)); - @output3_11: hsl(hue(@input4), saturation(@input4), min(lightness(@input4), 80%)); - @overlay: fade(#fff, 10%); - @output3_25: lighten(desaturate(@input3, 19%), 10%); - @output3_26: darken(@input4, 44%); - @output4_2: spin(lighten(saturate(@input4, 10%), 55%), 220); - @slider_track_step: lighten(@minput3, 27%); -} - -.x() when (@delta3 > 150) { - @output3_2: darken(@minput3, 21%); - @output3_3: darken(@minput3, 1%); - @output3_6: darken(@minput3, 8%); - @output3_7: darken(@minput3, 17%); - @output3_8: darken(@minput3, 33%); - @output3_9: darken(@minput3, 4%); - @output3_10: lighten(@minput3, 3%); - @output3_12: darken(@minput3, 10%); - @output3_13: darken(@minput3, 20%); - @ios-btn-background: lighten(@minput3, 10%); - @output3_14: darken(@minput3, 5%); - @ios-hl: darken(@minput3, 12%); - @output3_15: spin(darken(saturate(@input3, 12%), 14%), 218); - @output3_16: @output3_1; - @lv_handle: darken(@minput3, 17%); - @output3_20: darken(@minput3, 40%); - @output3_21: darken(@minput3, 7%); - @output3_22: darken(@minput3, 13%); - @output3_23: lighten(@minput3, 3%); - @output3_24: darken(@minput3, 26%); - @sw_track: darken(@minput3, 7%); - @sw_shadow: #000; - @output3_5: hsl(hue(@input4), saturation(@input4), max(lightness(@input4), 62%)); - @output3_11: hsl(hue(@input4), saturation(@input4), max(lightness(@input4), 80%)); - @overlay: fade(#000, 20%); - @output3_25: spin(darken(saturate(@input3, 19%), 2%), 240); - @output3_26: lighten(@input4, 44%); - @output4_2: spin(darken(desaturate(@input4, 10%), 55%), 220); - @slider_track_step: darken(@minput3, 10%); -} - -.mbsc-@{theme} .mbsc-fr-overlay { - background: @overlay; -} - -.mbsc-@{theme} .mbsc-fr-w { - background: @output3_1; - color: @output4_1; -} - -.mbsc-@{theme} .mbsc-fr-hdr { - border-color: @output3_7; - color: @output3_5; -} - -.mbsc-@{theme} .mbsc-fr-hdr { - color: @output4_1; -} - -.mbsc-@{theme} .mbsc-fr-nobtn .mbsc-fr-hdr, -.mbsc-@{theme}.mbsc-fr-center .mbsc-fr-hdr { - border-color: @output3_7; -} - -.mbsc-@{theme} .mbsc-fr-btn-cont, -.mbsc-@{theme}.mbsc-cal-liq.mbsc-fr-center .mbsc-fr-btn-cont { - border-color: @output3_7; -} - -.mbsc-@{theme} .mbsc-sc-whl-o, -.mbsc-@{theme}.mbsc-calendar .mbsc-sc-whl-o { - background: -webkit-linear-gradient(@output3_1, fade(@output3_1, 0%) 52%, fade(@output3_1, 0%) 48%, @output3_1); - background: linear-gradient(@output3_1, fade(@output3_1, 0%) 52%, fade(@output3_1, 0%) 48%, @output3_1); -} - -.mbsc-@{theme} .mbsc-sc-whl-l, -.mbsc-@{theme}.mbsc-calendar .mbsc-sc-whl-l { - border-color: @output3_7; -} - -.mbsc-@{theme} .mbsc-sc-itm { - color: @output3_5; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, -.mbsc-@{theme} .mbsc-sc-itm:focus { - outline: 0; - background: fade(@ios-accent, 15%); -} - -.mbsc-@{theme}.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active { - background: fade(@ios-accent, 20%); -} - -.mbsc-@{theme} .mbsc-sc-itm-sel { - color: @output4_1; -} - -.mbsc-@{theme} .mbsc-sc-btn { - color: @output4_1; -} - -.mbsc-@{theme} .mbsc-fr-btn { - color: @output1_1; -} - -.mbsc-@{theme} .mbsc-sc-lbl { - color: @output4_1; -} - -.mbsc-@{theme}.mbsc-fr-center .mbsc-fr-popup .mbsc-fr-btn-w { - border-color: @output3_7; -} - -.mbsc-@{theme}.mbsc-fr-center.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover, -.mbsc-@{theme}.mbsc-fr-center .mbsc-fr-btn.mbsc-active { - background: @output3_14; -} - -.mbsc-@{theme}.mbsc-fr-bottom .mbsc-fr-popup, -.mbsc-@{theme}.mbsc-fr-top .mbsc-fr-popup { - border-color: @output3_2; -} - -.mbsc-@{theme}.mbsc-fr-inline .mbsc-fr-w { - background: @ios-background-alt; - border-color: @ios-border; -} - -.mbsc-@{theme}.mbsc-fr-inline .mbsc-fr-c { - border-color: @ios-border; -} - -/* Scrollbar */ - -.mbsc-@{theme} .mbsc-sc-bar-c { - background: @ios-scrollbar-track; -} - - -/* Empty view styling */ - -.mbsc-@{theme} .mbsc-empty { - color: @ios-empty-color; -} - - -/* Top / bottom color theme */ - -.mbsc-@{theme}.mbsc-fr-top .mbsc-fr-btn-cont, -.mbsc-@{theme}.mbsc-fr-bottom .mbsc-fr-btn-cont { - background: @output3_6; -} - -.mbsc-@{theme} .mbsc-fr-arr, -.mbsc-@{theme}.mbsc-sc.mbsc-fr-top .mbsc-fr-w, -.mbsc-@{theme}.mbsc-sc.mbsc-fr-bottom .mbsc-fr-w, -.mbsc-@{theme}.mbsc-calendar .mbsc-fr-persp .mbsc-fr-w { - background: @output3_1; -} - -.mbsc-@{theme}.mbsc-calendar.mbsc-fr-top .mbsc-fr-btn-cont, -.mbsc-@{theme}.mbsc-calendar.mbsc-fr-bottom .mbsc-fr-btn-cont { - border-color: @output3_7; -} - -.mbsc-@{theme}.mbsc-fr-top .mbsc-sc-whl-l, -.mbsc-@{theme}.mbsc-fr-bottom .mbsc-sc-whl-l { - border-color: @output3_7; -} - -.mbsc-@{theme}.mbsc-fr-top .mbsc-sc-whl-o, -.mbsc-@{theme}.mbsc-fr-bottom .mbsc-sc-whl-o { - background: -webkit-linear-gradient(@output3_1, fade(@output3_1, 0%) 52%, fade(@output3_1, 0%) 48%, @output3_1); - background: linear-gradient(@output3_1, fade(@output3_1, 0%) 52%, fade(@output3_1, 0%) 48%, @output3_1); -} - -.mbsc-@{theme}.mbsc-fr-top .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c, -.mbsc-@{theme}.mbsc-fr-bottom .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c { - background: @output3_1; -} - - -/* Inline color theme */ - -.mbsc-@{theme}.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-o { - background: -webkit-linear-gradient(@output3_10, fade(@output3_10, 0%) 52%, fade(@output3_10, 0%) 48%, @output3_10); - background: linear-gradient(@output3_10, fade(@output3_10, 0%) 52%, fade(@output3_10, 0%) 48%, @output3_10); -} - -.mbsc-@{theme}.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c { - background: @output3_10; -} - - -/* 3d scroll */ - -.mbsc-@{theme} .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c, -.mbsc-@{theme}.mbsc-calendar .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c { - background: @output3_1; -} - -.mbsc-@{theme} .mbsc-sc-whl-gr-3d .mbsc-sc-itm { - color: @output4_1; -} - -.mbsc-@{theme} .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d { - color: @output3_8; -} - - -/* Multiple select */ - -.mbsc-@{theme}.mbsc-sel-multi .mbsc-sc-itm { - color: @output4_1; -} - -.mbsc-@{theme} .mbsc-sc-whl-multi .mbsc-sc-itm-sel { - color: @output2_1; -} - -/* No overlay */ - -.mbsc-@{theme}.mbsc-fr-no-overlay { - .mbsc-fr-arr { - box-shadow: 0 0 1em @ios-popup-arrow-shadow; - } - - .mbsc-fr-w { - box-shadow: 0 .125em 1em @ios-popup-shadow; - } -} - -/* Desktop view */ - -.mbsc-@{theme}.mbsc-fr-pointer { - - .mbsc-fr-persp .mbsc-fr-popup .mbsc-fr-w, - .mbsc-fr-persp .mbsc-cal-picker { - background: @ios-background-desktop; - } - - .mbsc-fr-hdr { - border-color: @ios-popup-border; - } - - .mbsc-sc-whl-l { - border-color: @ios-popup-border; - } - - .mbsc-sc-itm { - color: @output4_1; - } - - .mbsc-sc-itm-sel { - color: @ios-accent; - } -} - -/* Select */ - -.mbsc-@{theme} .mbsc-sel-filter-cont.mbsc-input input { - background: @output3_10; -} - -.mbsc-@{theme} .mbsc-sel-filter-cont.mbsc-input { - background: @output3_13; -} - -.mbsc-@{theme}.mbsc-fr-center .mbsc-sel-filter-cont { - background: @output3_14; -} - -.mbsc-@{theme} .mbsc-sel-filter-show-clear { - color: @output3_13; -} - -.mbsc-@{theme}.mbsc-fr-pointer { - - /* Group headers */ - .mbsc-sc-whl .mbsc-sel-gr { - color: @ios-text; - } - - &.mbsc-sel .mbsc-ltr .mbsc-sc-whl-w + .mbsc-sc-whl-w { - border-color: @ios-popup-border; - } - - &.mbsc-sel .mbsc-rtl .mbsc-sc-whl-w + .mbsc-sc-whl-w { - border-color: @ios-popup-border; - } -} - - -/* Calendar */ - -.mbsc-@{theme} { - .mbsc-cal-picker { - background: @ios-background; - } - - .mbsc-cal-cell { - border-color: @ios-border; - } - - .mbsc-cal-today { - color: @ios-accent; - } - - /* Hover, focus */ - .mbsc-cal-cell:focus .mbsc-cal-cell-txt, - &.mbsc-no-touch:not(.mbsc-ev-cal) .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt, - &.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled) .mbsc-cal-day-date:hover { - background: fade(@ios-accent, 30%); - } - - /* Selected */ - .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt { - border-color: @ios-accent; - background: @ios-accent; - color: contrast(@ios-accent); - } - - .mbsc-cal-tab { - border-color: @ios-accent; - color: @ios-accent; - } - - .mbsc-fr-popup .mbsc-fr-w .mbsc-cal-tabs-c .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected { - background: @ios-accent; - color: contrast(@ios-accent); - } - - /* Marks */ - .mbsc-cal-mark { - background: @ios-border; - } - - .mbsc-cal-txt { - background: @ios-accent-alt; - color: contrast(@ios-accent-alt); - } - - /* Inline */ - &.mbsc-fr-inline .mbsc-cal-picker { - background: @ios-background-alt; - } - - /* Full screen */ - &.mbsc-fr-liq.mbsc-calendar.mbsc-fr-center { - .mbsc-fr-btn-cont { - border-bottom-color: @ios-border; - } - } -} - -/* Event calendar */ - -.mbsc-@{theme} { - &.mbsc-ev-cal .mbsc-fr-w { - background: @ios-background; - } - - &.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-picker { - background: @ios-background; - } - - &.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-scroll-c { - background: @ios-background-alt; - } - - /* Event Popup */ - - &.mbsc-cal-events-popup { - .mbsc-fr-w { - border-color: @ios-popup-border; - } - - .mbsc-fr-arr { - background: @ios-popup-background; - border-color: @ios-popup-border; - } - } - - .mbsc-cal-events-i { - background: @ios-popup-background; - } - - /* Event listing */ - .mbsc-event-list { - background: @output3_25; - } - - .mbsc-event-list .mbsc-event-day { - color: @ios-text; - font-weight: bold; - } - - .mbsc-event-color { - background: @ios-border; - } - - /* Desktop grid mode */ - &.mbsc-ev-cal.mbsc-fr-md { - .mbsc-cal-cell { - border-color: @ios-border; - } - } -} - - -/* Range */ - -.mbsc-@{theme} { - .mbsc-range-btn-end { - border-color: @ios-border; - } - - .mbsc-range-btn-end .mbsc-range-btn:before { - border-color: @ios-border; - } - - .mbsc-range-btn.mbsc-selected .mbsc-range-btn-v { - color: @ios-accent; - } - - &.mbsc-range { - .mbsc-cal .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date { - background: @ios-accent; - } - - .mbsc-cal-day.mbsc-selected:after { - background: @ios-accent; - } - } -} - - -/* Timer, timespan */ - -.mbsc-@{theme}.mbsc-timer .mbsc-sc-lbl { - color: @output2_1; -} - -.mbsc-@{theme}.mbsc-ts .mbsc-sc-lbl { - color: @output2_1; -} - -.mbsc-@{theme} .mbsc-color-preview { - border-color: @output3_2; -} - - -/* Navigation */ - -.mbsc-@{theme} { - &.mbsc-ms-c { - background: @ios-background; - border-color: @ios-border; - } - - .mbsc-ms .mbsc-ms-item { - color: @ios-text-alt; - } - - &.mbsc-ms-nosel .mbsc-ms-item, - .mbsc-ms .mbsc-ms-item-sel { - color: @ios-accent; - } - - &.mbsc-ms-more { - .mbsc-ms-item:after { - border-color: @ios-border; - } - } - - &.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover { - background: fade(@ios-accent, 15%); - } -} - - -/* Numpad */ - -.mbsc-@{theme} .mbsc-np-btn { - border-color: @output3_7; -} - -.mbsc-@{theme} .mbsc-np-btn.mbsc-active, -.mbsc-@{theme} .mbsc-np-btn-empty { - background: @output3_15; -} - -.mbsc-@{theme} .mbsc-np-btn.mbsc-disabled { - color: @output3_22; -} - -/* Page */ - -.mbsc-@{theme} { - - &.mbsc-page *::-moz-selection { - background: @output2_4; - color: @output3_11; - } - - &.mbsc-page *::selection { - background: @output2_4; - color: @output3_11; - } - - &.mbsc-page { - background: @output3_25; - color: @ios-text; - } - - a { - color: @ios-accent; - } -} - -/* Form elements */ - -.mbsc-@{theme}.mbsc-form *::-moz-selection { - background: @output2_4; - color: @output3_11; -} - -.mbsc-@{theme}.mbsc-form *::selection { - background: @output2_4; - color: @output3_11; -} - -.mbsc-@{theme}.mbsc-form { - background: @output3_25; - color: @output4_1; -} - -.mbsc-@{theme} .mbsc-input-ic { - color: @output4_2; -} - -.mbsc-@{theme} .mbsc-divider, -.mbsc-@{theme} .mbsc-form-group-title { - border-color: @output3_7; - color: @output3_26; -} - -.mbsc-@{theme} .mbsc-input { - background: @output3_10; - border-color: @output3_7; -} - -.mbsc-@{theme} .mbsc-control-w:before, -.mbsc-@{theme} .mbsc-control-w:after { - border-color: @output3_7; -} - -.mbsc-@{theme} .mbsc-control-w.mbsc-err:after, -.mbsc-@{theme} .mbsc-control-w.mbsc-err + .mbsc-err:before, -.mbsc-@{theme} .mbsc-control-w.mbsc-err + .mbsc-divider { - border-top-color: @error; -} - -.mbsc-@{theme} .mbsc-input .mbsc-control::-webkit-input-placeholder { - color: @output3_11; -} - -.mbsc-@{theme} .mbsc-input .mbsc-control::-ms-input-placeholder { - color: @output3_11; -} - -.mbsc-@{theme} .mbsc-input .mbsc-control::-moz-placeholder { - color: @output3_11; -} - -.mbsc-@{theme} .mbsc-input .mbsc-label, -.mbsc-@{theme} .mbsc-input input, -.mbsc-@{theme} .mbsc-input textarea { - color: @output4_1; -} - -.mbsc-@{theme} .mbsc-err-msg { - color: @error; -} - - -/* Outline Input */ - -.mbsc-@{theme} .mbsc-input-outline.mbsc-control-w { - border-color: @output3_7; -} - -.mbsc-@{theme}.mbsc-form .mbsc-checkbox, -.mbsc-@{theme}.mbsc-form .mbsc-radio { - background: @output3_10; - border-color: @output3_7; -} - -.mbsc-@{theme} .mbsc-checkbox-box { - border-color: @output2_4; -} - -.mbsc-@{theme} .mbsc-checkbox-box:after { - border-color: @output2_4; -} - -.mbsc-@{theme} .mbsc-radio-box:after { - border-color: @output2_4; -} - -.mbsc-@{theme} .mbsc-radio input:disabled ~ .mbsc-radio-label { - color: @output3_13; -} - -.mbsc-@{theme} .mbsc-btn { - color: @output2_1; - background: @ios-btn-background; -} - -.mbsc-@{theme} .mbsc-btn-outline.mbsc-btn { - color: @output2_1; - border-color: @output2_1; -} - -.mbsc-@{theme} .mbsc-btn-outline.mbsc-btn.mbsc-active { - background: @output2_1; -} - -.mbsc-@{theme} .mbsc-btn:not(.mbsc-btn-flat):disabled { - background: @output3_12; - color: @output3_13; -} - -.mbsc-@{theme} .mbsc-btn.mbsc-btn-outline:disabled { - border-color: @output3_13; - color: @output3_13; - background: transparent; -} - -/* Progress */ - -.mbsc-@{theme}.mbsc-progress { - border-color: @output3_7; - background: @output3_10; -} - -.mbsc-@{theme} .mbsc-progress-track { - background: @slider_track_step; -} - -.mbsc-@{theme} .mbsc-progress-bar { - background: @output2_1; -} - -.mbsc-@{theme} .mbsc-progress-value { - color: @output3_24; -} - -.mbsc-@{theme} .mbsc-progress-step-label { - color: @output3_24; -} - -.mbsc-@{theme} .mbsc-input .mbsc-label, -.mbsc-@{theme} .mbsc-progress .mbsc-label { - color: @output4_1; -} - - -/* Slider */ - -.mbsc-@{theme} .mbsc-slider-handle { - background: #ffffff; - box-shadow: 0 0 1em fade(@sw_shadow, 10%), 0 0 .0625em fade(@sw_shadow, 15%), 0 .125em .125em fade(@sw_shadow, 15%); -} - -.mbsc-@{theme} .mbsc-slider-tooltip { - color: @output3_24; - background: @output3_10; -} - -.mbsc-@{theme} .mbsc-slider-step { - background: @slider_track_step; -} - -/* Switch */ - -.mbsc-@{theme}.mbsc-form .mbsc-switch { - background: @output3_10; - border-color: @output3_7; -} - -.mbsc-@{theme} .mbsc-switch-track { - background: @output3_21; - border-color: @sw_track; -} - -.mbsc-@{theme} .mbsc-switch-track:after { - background: @output3_10; -} - -.mbsc-@{theme} .mbsc-switch-handle { - background: #ffffff; - box-shadow: 0 0 1em fade(@sw_shadow, 10%), 0 0 .0625em fade(@sw_shadow, 15%), 0 .125em .125em fade(@sw_shadow, 15%); -} - -.mbsc-@{theme} .mbsc-switch input:checked + .mbsc-switch-track { - background: @output2_1; - border-color: @output2_1; -} - - -/* Segmented & Stepper */ - -.mbsc-@{theme} .mbsc-segmented { - background-color: @output3_10; -} - -.mbsc-@{theme} .mbsc-segmented-content { - color: @output2_4; - border-color: @output2_4; - background: @output3_10; -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @output2_4; - color: @output3_10; -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - background: fade(@output2_4, 30%); - color: @output2_4; -} - -.mbsc-@{theme} .mbsc-stepper-val { - color: @output4_1; -} - -.mbsc-@{theme} .mbsc-stepper-cont { - background: @output3_10; -} - -.mbsc-@{theme} .mbsc-stepper { - right: .75em; -} - -.mbsc-@{theme} .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { - background: none; - color: @output3_13; - border-color: @output3_13; -} - -.mbsc-@{theme} .mbsc-stepper input:disabled { - color: @output3_13; - -webkit-text-fill-color: @output3_13; -} - -.mbsc-@{theme} .mbsc-segmented input:disabled:checked + .mbsc-segmented-content { - background: @output3_12; -} - -.mbsc-@{theme} .mbsc-stepper .mbsc-active.mbsc-disabled .mbsc-segmented-content { - color: @output3_13; -} - -.mbsc-@{theme} .mbsc-stepper input { - color: @output4_1; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@output2_4, 15%); -} - - -/* Rating */ - -.mbsc-@{theme}.mbsc-rating .mbsc-progress-track { - color: @output1_1; -} - - -/* Cards */ - -.mbsc-@{theme} { - &.mbsc-card.mbsc-form { - background: @ios-background-alt; - box-shadow: 0 0 1px 1px fade(@ios-card-shadow, 20%); - } - - .mbsc-card-footer { - border-color: @ios-border; - } -} - - -/* Listview */ -.mbsc-@{theme} { - .mbsc-lv { - background: @output3_7; - } - - .mbsc-lv-item { - background: @output3_10; - border-color: @output3_7; - color: @output4_1; - } - - .mbsc-lv-item:before, - .mbsc-lv-item:after { - border-color: @output3_7; - } - - .mbsc-lv-gr-title { - background: @output3_25; - color: @output3_26; - border-color: @output3_7; - } - - &.mbsc-no-touch .mbsc-lv-item-actionable:hover:before { - background: @ios-item-hover; - } - - .mbsc-lv-item-actionable.mbsc-lv-item-active:before { - background: @ios-item-active; - } - - &.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { - background: @output3_3; - } - - .mbsc-lv-item-hl, - .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active { - background: @ios-hl; - } - - .mbsc-lv-item-hl { - background: @ios-hl; - } - - .mbsc-lv-handle-bar { - background: @lv_handle; - } - - &.mbsc-lv-has-fixed-header .mbsc-lv-gr-title, - &.mbsc-lv-fixed-header .mbsc-lv-gr-title { - color: @output4_1; - } - - .mbsc-lv-ic-m { - color: @output4_1; - } - - .mbsc-lv-arr { - color: @lv_handle; - } - - .mbsc-lv-loading .mbsc-ic { - color: @ios-text; - } - - &.mbsc-lv-cont .mbsc-lv-item.mbsc-selected:before { - background: @ios-item-selected; - } -} - -/* Snackbar */ - -.mbsc-@{theme}.mbsc-snackbar .mbsc-snackbar-btn { - color: @snackbar_btn; -} - - -/* Colorpicker */ - -.mbsc-@{theme} .mbsc-color-active, -.mbsc-no-touch.mbsc-@{theme} .mbsc-color-item-c:hover { - box-shadow: inset 0 0 0 .1875em @output2_1; -} - -.mbsc-@{theme} .mbsc-color-preview-item-empty { - border-color: @output3_7; -} - -.mbsc-@{theme} .mbsc-color-preview-cont { - border-color: @output3_2; -} - -.mbsc-@{theme}.mbsc-form .mbsc-color-input { - color: @output4_1; -} - -.mbsc-@{theme} .mbsc-color-clear-item { - background: @colorClearBackground; -} diff --git a/src/less/templates/material.less b/src/less/templates/material.less deleted file mode 100644 index 61b3be30..00000000 --- a/src/less/templates/material.less +++ /dev/null @@ -1,838 +0,0 @@ -@theme: material; -@input1: #009688; -@input2: #eee; -@input3: #5b5b5b; - -/* --- New built in parameters --- */ - -@material-accent: @input1; -@material-background: @input2; -@material-text: @input3; -@material-ripple: contrast(@material-background); - -/* Light/dark versions */ - -.light-or-dark(); - -// Light background -.light-or-dark() when (lightness(@material-background) > 50%) { - @material-border: lighten(@material-text, 40%); - @material-scrollbar-track: rgba(0, 0, 0, .05); - @material-box-bck: darken(@material-background, 7%); - -} - -// Dark background -.light-or-dark() when (lightness(@material-background) <=50%) { - @material-border: darken(@material-text, 40%); - @material-scrollbar-track: rgba(255, 255, 255, .2); - @material-box-bck: lighten(@material-background, 7%); -} - - -/* --- */ - -@output1_1: @input1; -@output1_2: hsv(hsvhue(@input1), max(hsvsaturation(@input1)-79%, 10%), @isLight1_2); -@output2_1: @input2; -@output2_2: hsv(hsvhue(@input2), @hsvsaturation_23567, @isLight2_2); -@material-lv-bck: hsv(hsvhue(@input2), @hsvsaturation_23567, @isLight2_3); -@output2_3: hsv(hsvhue(@input2), @hsvsaturation_23567, max(hsvvalue(@input2) + 5%, 72%)); -@output2_4: hsv(hsvhue(@input2), hsvsaturation(@input2), max(hsvvalue(@input2) - 9%, 0%)); -@output2_5: hsv(hsvhue(@input2), @hsvsaturation_23567, max(hsvvalue(@input2) - 13%, 45%)); -@output2_6: hsv(hsvhue(@input2), @hsvsaturation_23567, max(hsvvalue(@input2) - 20%, 35%)); -@output2_7: hsv(hsvhue(@input2), @hsvsaturation_23567, @isLight2_7); -@output2_8: hsv(300, 0%, @hsvvalue2_8); -@output2_9: hsv(hsvhue(@input2), hsvsaturation(@input2), min(hsvvalue(@input2) + @isLight2_9, 100%)); -@output3_1: @input3; -@output3_2: hsv(hsvhue(@input3), hsvsaturation(@input3), min(hsvvalue(@input3) + 7%, 100%)); -@output3_3: hsv(hsvhue(@input3), hsvsaturation(@input3), max(hsvvalue(@input3) - 24%, 0%)); -@output3_4: hsv(hsvhue(@input3), hsvsaturation(@input3), min(hsvvalue(@input3) + 10%, 100%)); -@output3_5: hsv(hsvhue(@input3), hsvsaturation(@input3), min(hsvvalue(@input3) + 40%, 78%)); -@output3_6: hsv(hsvhue(@input3), @hsvsaturation3_6, @isLight3_6); -@output3_7: hsv(hsvhue(@input3), hsvsaturation(@input3), @isLight3_7); -@deltainput2: red(@input2)*0.299 + green(@input2)*0.587 + blue(@input2)*0.114; -@snackbar_action: hsl(hue(@input1), saturation(@input1), max(lightness(@input1), 34%)); -@error: #de3226; -.x(); - -.x() when (@deltainput2 >=140) { - @isLight1_2: min(hsvvalue(@input1) + 24%, 100%); - @isLight2_2: max(hsvvalue(@input2) - 9%, 0%); - @isLight2_3: max(hsvvalue(@input2) - 24%, 0%); - @isLight2_7: max(hsvvalue(@input2) - 19%, 0%); - @isLight2_9: 6%; - @isLight3_6: max(hsvvalue(@input3) - 36%, 0%); - @isLight3_7: min(hsvvalue(@input3) + 30%, 100%); - @colorClearBackground: fade(#dfdede, 30%); - @snackbar_bg: #323232; -} - -.x() when (@deltainput2 < 140) { - @isLight1_2: 24%; - @isLight2_2: min(hsvvalue(@input2) + 17%, 100%); - @isLight2_3: min(hsvvalue(@input2) + 17%, 100%); - @isLight2_7: min(hsvvalue(@input2) + 55%, 100%); - @isLight2_9: 3%; - @isLight3_6: min(hsvvalue(@input3) + 24%, 100%); - @isLight3_7: max(hsvvalue(@input3) - 10%, 0%); - @colorClearBackground: fade(#dfdede, 60%); - @snackbar_bg: #5b5b5b; -} - -.x() when (hsvvalue(@input2) < 17) { - @hsvsaturation_23567: 0; -} - -.x() when (hsvvalue(@input2) >=17) { - @hsvsaturation_23567: hsvsaturation(@input2); -} - -.x() when (hsvvalue(@input2)+25 > 100) { - @hsvvalue2_8: 0%; -} - -.x() when (hsvvalue(@input2)+25 <=100) { - @hsvvalue2_8: 100%; -} - -.x() when (hsvvalue(@input3) < 17) { - @hsvsaturation3_6: 3; -} - -.x() when (hsvvalue(@input3) >=17) { - @hsvsaturation3_6: hsvsaturation(@input3); -} - -.mbsc-@{theme} .mbsc-ripple, -.mbsc-lv-@{theme} .mbsc-ripple { - background: @output2_8; -} - - -/* Empty view styling */ - -.mbsc-@{theme} .mbsc-empty { - color: @material-text; -} - -/* Frame */ - -.mbsc-@{theme} .mbsc-fr-w { - background: @output2_1; - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-fr-hdr { - color: @output1_1; -} - -.mbsc-@{theme} .mbsc-fr-btn { - color: @output1_1; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover, -.mbsc-@{theme} .mbsc-fr-btn.mbsc-active { - background: fade(@output2_8, 10%); -} - -.mbsc-@{theme} .mbsc-fr-arr { - background: @output2_1; -} - - -/* Scroller */ - -.mbsc-@{theme} .mbsc-sc-lbl { - color: @output1_1; -} - -.mbsc-@{theme} .mbsc-sc-itm.mbsc-active { - background: fade(@output2_8, 10%); -} - -.mbsc-@{theme} .mbsc-sc-whl-l { - border-color: @output1_1; -} - -.mbsc-@{theme} .mbsc-sc-btn { - color: @output1_1; - background: @output2_1; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-sc-btn:hover, -.mbsc-@{theme} .mbsc-sc-btn.mbsc-active { - background: fade(@output2_8, 10%); -} - -.mbsc-@{theme} .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { - color: @output1_1; -} - -/* Scrollbar */ - -.mbsc-@{theme} .mbsc-sc-bar-c { - background: @material-scrollbar-track; -} - -/* Numpad */ - -.mbsc-@{theme} .mbsc-np-del { - color: @output1_1; -} - - -/* Calbase */ - -.mbsc-@{theme} { - .mbsc-cal-picker { - background: @material-background; - } - - .mbsc-cal-today { - color: @material-accent; - } - - /* Hover, focus */ - &.mbsc-no-touch:not(.mbsc-ev-cal) .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt, - &.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled) .mbsc-cal-day-date:hover, - .mbsc-cal-cell:focus .mbsc-cal-cell-txt { - background: fade(@material-ripple, 10%); - } - - /* Selected */ - .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt { - background: fade(@material-accent, 30%); - } - - .mbsc-cal-c .mbsc-cal-day-colored.mbsc-selected .mbsc-cal-day-date { - border-color: @material-accent; - } - - /* Tabs */ - .mbsc-cal-tab { - &.mbsc-selected { - color: @material-accent; - } - } - - /* Marks */ - .mbsc-cal-mark { - background: @material-accent; - } - - .mbsc-cal-txt { - color: @material-background; - background: lighten(@material-text, 13%); - } - - .mbsc-cal-icons { - color: @material-text; - } -} - - -/* Event Calendar */ - -.mbsc-@{theme} { - - /* Event Popup */ - .mbsc-cal-event-color { - background: @material-accent; - } - - /* Event listing */ - .mbsc-event-color { - background: @material-accent; - } - - /* Desktop grid mode */ - &.mbsc-ev-cal.mbsc-fr-md { - .mbsc-cal-table { - border-color: @output2_2; - } - - .mbsc-cal-cell { - border-color: @output2_2; - } - } -} - - -/* Range */ - -.mbsc-@{theme} { - .mbsc-range-btn-t { - border-color: @material-border; - } - - .mbsc-range-btn { - color: @material-text; - - &.mbsc-selected { - border-color: @material-accent; - color: @material-accent; - } - } - - &.mbsc-range { - .mbsc-cal .mbsc-cal-row .mbsc-cal-day.mbsc-selected .mbsc-cal-day-date { - background: none; - border-color: transparent; - } - - .mbsc-cal .mbsc-cal-row .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date { - background: @material-accent; - border-color: @material-accent; - color: @material-background; - } - - .mbsc-cal-day.mbsc-selected:after { - background: fade(@material-accent, 10%); - } - } -} - - -/* Navigation */ - -.mbsc-@{theme} { - &.mbsc-ms-c { - background: @material-background; - } - - .mbsc-ms { - .mbsc-ms-item { - color: @material-text; - - /* Selected state */ - &.mbsc-ms-item-sel { - color: @material-accent; - } - - /* Active state */ - &.mbsc-active { - background: fade(@material-ripple, 10%); - } - } - } - - &.mbsc-no-touch { - - /* Hover state */ - .mbsc-ms-item:not(.mbsc-disabled):hover { - background: fade(@material-ripple, 10%); - } - } - - &.mbsc-ms-top { - border-color: @material-border; - } - - &.mbsc-ms-bottom { - border-color: @material-border; - } - - /* Menu styling */ - &.mbsc-ms-a { - .mbsc-ms-item { - &.mbsc-ms-item-sel { - color: @material-accent; - } - } - } - - /* Tab styling */ - &.mbsc-ms-b { - .mbsc-ms-item { - &.mbsc-ms-item-sel { - border-bottom-color: @material-accent; - } - } - - &.mbsc-ms-bottom { - .mbsc-ms-item { - &.mbsc-ms-item-sel { - border-top-color: @material-accent; - } - } - } - } -} - -/* Cards */ - -.mbsc-@{theme} { - &.mbsc-card.mbsc-form { - background: lighten(@material-background, 4.8%); - } - - &.mbsc-card .mbsc-lv-item { - background: lighten(@material-background, 4.8%); - } - - .mbsc-card-list .mbsc-card { - background: lighten(@material-background, 4.8%); - } - - .mbsc-card-footer { - border-color: @material-border; - } - - &.mbsc-card .mbsc-input.mbsc-input-outline .mbsc-label { - background: lighten(@material-background, 4.8%); - } -} - -/* Listview */ -.mbsc-@{theme} { - .mbsc-lv { - background: @material-lv-bck; - } - - .mbsc-lv-item { - background: @output2_1; - color: @output3_1; - } - - .mbsc-lv-gr-title { - background: @output2_1; - color: @output1_1; - } - - &.mbsc-no-touch .mbsc-lv-item-actionable:hover:before, - .mbsc-lv-item-actionable.mbsc-lv-item-active:before, - .mbsc-lv-item-hl:before, - .mbsc-lv-item-dragging:before { - background: fade(@output2_8, 5%); - } - - &.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { - background: @output2_9; - } - - .mbsc-lv-arr { - color: @output1_1; - } - - .mbsc-lv-handle-bar { - background: @output1_1; - } - - p.mbsc-lv-txt { - color: @output3_4; - } - - .mbsc-lv-loading .mbsc-ic { - color: @material-text; - } - - &.mbsc-lv-cont .mbsc-lv-item.mbsc-selected:before { - background: fade(@output2_8, 10%); - } -} - -/* Progress */ - -.mbsc-@{theme} .mbsc-progress-track { - background: @output2_2; -} - -.mbsc-@{theme} .mbsc-progress-bar { - background: @output1_1; -} - - -/* Slider */ - -.mbsc-@{theme} .mbsc-slider-step { - background: @output2_8; -} - -.mbsc-@{theme} .mbsc-slider-handle { - background: @output1_1; - border-color: @output1_1; -} - -.mbsc-@{theme} .mbsc-slider-start .mbsc-slider-handle { - border-color: @output2_2; - background: @output2_1; -} - -.mbsc-@{theme} .mbsc-slider-handle:before { - background: fade(@output2_8, 10%); -} - -.mbsc-@{theme} .mbsc-slider-tooltip { - color: @output2_1; - background: @output1_1; -} - -.mbsc-@{theme} .mbsc-slider-tooltip:before { - border-top-color: @output1_1; -} - -.mbsc-@{theme}.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip { - background: @output2_2; -} - -.mbsc-@{theme}.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip:before { - border-top-color: @output2_2; -} - -.mbsc-@{theme}.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-bar { - background: @output2_2; -} - -.mbsc-@{theme}.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle { - background: @output2_2; - border-color: @output2_2; - box-shadow: 0 0 0 .3125em @output2_1; -} - -.mbsc-@{theme}.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-start .mbsc-slider-handle { - border-color: @output2_2; - background: @output2_1; -} - -/* Form elements */ - -.mbsc-@{theme}.mbsc-page { - background-color: @output2_1; - color: @output3_2; -} - -.mbsc-@{theme}.mbsc-page *::-moz-selection { - background: @output1_1; -} - -.mbsc-@{theme}.mbsc-page *::selection { - background: @output1_1; -} - -.mbsc-@{theme}.mbsc-form { - background-color: @output2_1; - color: @output3_2; -} - -.mbsc-@{theme}.mbsc-form *::-moz-selection { - background: @output1_1; -} - -.mbsc-@{theme}.mbsc-form *::selection { - background: @output1_1; -} - -.mbsc-@{theme} .mbsc-divider, -.mbsc-@{theme} .mbsc-form-group-title { - color: @output1_1; -} - -.mbsc-@{theme} a { - color: @output1_1; -} - - -/* Textbox, textarea, select */ - -.mbsc-@{theme} .mbsc-input textarea, -.mbsc-@{theme} .mbsc-input input { - border-bottom: 1px solid @output3_2; - color: @output3_3; -} - -.mbsc-@{theme} .mbsc-input input::-webkit-input-placeholder { - color: @output3_7; -} - -.mbsc-@{theme} .mbsc-input input::-moz-placeholder { - color: @output3_7; -} - -.mbsc-@{theme} .mbsc-input input:-ms-input-placeholder { - color: @output3_7; -} - -.mbsc-@{theme} .mbsc-input select:focus ~ input, -.mbsc-@{theme} .mbsc-input textarea:focus, -.mbsc-@{theme} .mbsc-input input:focus { - border-bottom: 2px solid @output1_1; -} - -.mbsc-@{theme} .mbsc-checkbox-box:before, -.mbsc-@{theme} .mbsc-radio-box:before, -.mbsc-@{theme} .mbsc-switch-handle:before { - background: fade(@output2_8, 10%); -} - - -/* Box Input */ - -.mbsc-@{theme} .mbsc-input-box { - &.mbsc-input .mbsc-input-wrap { - background: @material-box-bck; - } -} - -/* Outline Input */ - -.mbsc-@{theme} .mbsc-input-outline { - - &.mbsc-input input, - &.mbsc-input textarea { - border-color: @output3_2; - } - - &.mbsc-input .mbsc-label { - background: @material-background; - } - - &.mbsc-input input:focus, - &.mbsc-input select:focus ~ input { - border-color: @material-accent; - } - - &.mbsc-err input, - &.mbsc-err input:focus { - border-color: @error; - } - - textarea:focus { - border-color: @material-accent; - } - - &.mbsc-err textarea, - &.mbsc-err textarea:focus { - border-color: @error; - } -} - - -/* Select */ - -.mbsc-@{theme} .mbsc-select .mbsc-input-wrap:after { - border: 5px solid @output3_2; - border-color: @output3_2 transparent transparent transparent; -} - -.mbsc-@{theme} .mbsc-sel-filter-cont { - border-color: @output2_2; -} - -.mbsc-@{theme} .mbsc-sel-gr-whl { - &.mbsc-sel-one .mbsc-sc-itm-sel { - color: @material-accent; - } -} - -.mbsc-@{theme}.mbsc-fr-pointer { - - /* Single select */ - .mbsc-sel-one { - .mbsc-sc-itm-sel { - color: @material-accent; - } - } -} - - -/* Checkbox, radio */ - -.mbsc-@{theme} .mbsc-checkbox-box, -.mbsc-@{theme} .mbsc-radio-box { - border-color: @output3_2; -} - -.mbsc-@{theme} .mbsc-checkbox-box:after { - border-color: @output2_1; -} - -.mbsc-@{theme} .mbsc-checkbox input:checked + .mbsc-checkbox-box { - background: @output1_1; - border-color: @output1_1; -} - - -/* Radio */ - -.mbsc-@{theme} .mbsc-radio-box:after { - background: @output1_1; -} - -.mbsc-@{theme} .mbsc-radio input:checked + .mbsc-radio-box { - border-color: @output1_1; -} - - -/* Button */ - -.mbsc-@{theme} .mbsc-btn { - background: @output2_2; - color: @output3_6; -} - -.mbsc-@{theme} .mbsc-btn.mbsc-btn-outline { - color: @output3_2; - border-color: @output3_2; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-btn:not(:disabled):hover, -.mbsc-@{theme} .mbsc-btn.mbsc-active { - background: @output2_5; -} - -.mbsc-@{theme} .mbsc-btn.mbsc-control.mbsc-btn-outline.mbsc-active { - background: darken(@output3_2, 15%); -} - -.mbsc-@{theme} .mbsc-btn-flat { - background: transparent; -} - -.mbsc-@{theme} .mbsc-btn:disabled { - color: @output2_7; -} - -.mbsc-@{theme}.mbsc-btn.mbsc-btn-outline:disabled { - color: @output2_7; - border-color: @output2_7; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-btn-flat:not(:disabled):hover, -.mbsc-@{theme} .mbsc-btn-flat.mbsc-active { - background-color: @output2_2; -} - - -/* Switch */ - -.mbsc-@{theme} .mbsc-switch-track { - background: @output2_2; -} - -.mbsc-@{theme} .mbsc-switch .mbsc-switch-handle { - background: @output2_3; -} - -.mbsc-@{theme} .mbsc-switch input:checked + .mbsc-switch-track { - background-color: fade(@output1_1, 30%); -} - -.mbsc-@{theme} .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle { - background: @output1_1; -} - -.mbsc-@{theme} .mbsc-switch input:disabled + .mbsc-switch-track { - background: @output2_2; -} - -.mbsc-@{theme} .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle { - background: @output2_6; -} - - -/* Segmented control and Stepper */ - -.mbsc-@{theme} .mbsc-segmented-content { - border-color: @output1_1; - color: @output3_6; -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input:checked ~ .mbsc-segmented-content { - background: @output1_1; - color: @output2_1; -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item .mbsc-active .mbsc-segmented-content { - background: @output2_5; - color: @output3_6; -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { - color: @output2_7; - border-color: @output2_2; - background: transparent; -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input:disabled:checked + .mbsc-segmented-content { - background: @output2_2; - color: @output2_7; - border-color: @output2_2; -} - -.mbsc-@{theme} .mbsc-stepper .mbsc-segmented-content { - border-color: @output2_2; -} - -.mbsc-@{theme} .mbsc-stepper-control .mbsc-segmented-content { - background: @output2_2; -} - -.mbsc-@{theme} .mbsc-stepper input { - color: @output3_6; -} - -.mbsc-@{theme} .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item.mbsc-disabled .mbsc-segmented-content { - background: @output2_2; - color: @output2_7; -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val { - border-color: @output2_2; - background: @output2_1; -} - -.mbsc-@{theme} .mbsc-stepper input:disabled { - color: @output2_7; - -webkit-text-fill-color: @output2_7; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content { - background: @output2_5; - color: @output3_6; -} - -/* Rating */ - -.mbsc-@{theme}.mbsc-rating .mbsc-progress-track { - color: @material-accent; -} - -/* Snackbar */ - -.mbsc-@{theme}.mbsc-snackbar .mbsc-fr-w { - background: @snackbar_bg; -} - -.mbsc-@{theme}.mbsc-snackbar .mbsc-snackbar-btn { - color: @snackbar_action; -} - - -/* Colorpicker */ - -.mbsc-@{theme} .mbsc-color-active .mbsc-color-item, -.mbsc-no-touch.mbsc-@{theme} .mbsc-color-item:hover { - box-shadow: inset 0 0 0 .1875em @output1_1; -} - -.mbsc-@{theme} .mbsc-color-preview-item-empty { - border-color: @output2_6; -} - -.mbsc-@{theme} .mbsc-color-preview-cont { - border-top-color: @output2_5; -} - -.mbsc-@{theme}.mbsc-form .mbsc-color-input { - border-bottom: 1px solid @output3_2; - color: @output3_3; -} - -.mbsc-@{theme} .mbsc-color-clear-item { - background: @colorClearBackground; -} diff --git a/src/less/templates/mobiscroll.less b/src/less/templates/mobiscroll.less deleted file mode 100644 index 56cdd418..00000000 --- a/src/less/templates/mobiscroll.less +++ /dev/null @@ -1,762 +0,0 @@ -@theme: mobiscroll; -@input1: #f7f7f7; -@input2: #454545; -@input3: #4fccc4; - -/* --- New built in parameters --- */ - -@mobiscroll-accent: @input3; -@mobiscroll-background: @input1; -@mobiscroll-text: @input2; - -/* Light/dark versions */ - -.light-or-dark(); - -// Light background -.light-or-dark() when (lightness(@mobiscroll-background) > 50%) { - @mobiscroll-border: darken(@mobiscroll-background, 17%); - @mobiscroll-empty-color: lighten(@mobiscroll-text, 20%); - @mobiscroll-scrollbar-track: rgba(0, 0, 0, .05); - @mobiscroll-box-bck: darken(@mobiscroll-background, 10%); -} - -// Dark background -.light-or-dark() when (lightness(@mobiscroll-background) <=50%) { - @mobiscroll-border: lighten(@mobiscroll-background, 17%); - @mobiscroll-empty-color: @mobiscroll-text; - @mobiscroll-scrollbar-track: rgba(255, 255, 255, .2); - @mobiscroll-box-bck: lighten(@mobiscroll-background, 10%); -} - -/* --- */ - -@output1_3: @input1; -@output1_4: hsv(hsvhue(@input1), hsvsaturation(@input1), max(hsvvalue(@input1) - 5%, 0%)); -@output1_5: hsv(hsvhue(@input1), hsvsaturation(@input1), max(hsvvalue(@input1) - 13%, 0%)); -@output1_8: hsv(hsvhue(@input1), hsvsaturation(@input1), max(hsvvalue(@input1) - 8%, 0%)); -@output1_9: hsv(hsvhue(@input1), hsvsaturation(@input1), max(hsvvalue(@input1) - 24%, 30%)); -@output2_5: @input2; -@output2_6: hsv(hsvhue(@input2), hsvsaturation(@input2), min(hsvvalue(@input2) + 25%, 100%)); -@output2_7: hsv(hsvhue(@input2), hsvsaturation(@input2), min(hsvvalue(@input2) + 20%, 100%)); -@output2_8: hsv(hsvhue(@input2), hsvsaturation(@input2), max(hsvvalue(@input2) - 15%, 0%)); -@output2_9: hsv(hsvhue(@input2), hsvsaturation(@input2), min(hsvvalue(@input2) + 16%, 100%)); -@output3_8: @input3; -@output3_10: hsv(hsvhue(@input3), max(hsvsaturation(@input3) - 40%, 0%), max(hsvvalue(@input3) - 10%, 0%)); -@output3_11: hsv(hsvhue(@input3), max(hsvsaturation(@input3) - 40%, 0%), min(hsvvalue(@input3) + 10%, 100%)); -@deltainput1: red(@input1)*0.299 + green(@input1)*0.587 + blue(@input1)*0.114; -@deltainput2: red(@input2)*0.299 + green(@input2)*0.587 + blue(@input2)*0.114; -@error: #de3226; -.x(); - -.x() when (@deltainput1 >=140) { - @output1_6: hsv(hsvhue(@input1), hsvsaturation(@input1), max(hsvvalue(@input1) - 10%, 25%)); - @output1_7: hsv(hsvhue(@input1), hsvsaturation(@input1), max(hsvvalue(@input1) - 19%, 20%)); -} - -.x() when (@deltainput1 < 140) { - @output1_6: hsl(hue(@input1), saturation(@input1), min(lightness(@input1) + 8%, 100%)); - @output1_7: hsl(hue(@input1), saturation(@input1), min(lightness(@input1) + 14%, 100%)); -} - -.x() when (@deltainput2 >=140) { - @colorClearBackground: fade(#dfdede, 30%); -} - -.x() when (@deltainput2 < 140) { - @colorClearBackground: fade(#dfdede, 60%); -} - -/* Frame */ - -.mbsc-@{theme} .mbsc-fr-w { - background: @output1_3; - color: @output2_5; -} - -.mbsc-@{theme} .mbsc-fr-hdr { - color: @output3_8; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover, -.mbsc-@{theme} .mbsc-fr-btn.mbsc-active { - background: fade(@output3_8, 30%); -} - -.mbsc-@{theme} .mbsc-fr-btn { - color: @output3_8; -} - -.mbsc-@{theme} .mbsc-fr-arr { - background: @mobiscroll-background; -} - -/* Scroller */ - -.mbsc-@{theme} { - .mbsc-sc-lbl { - color: @mobiscroll-accent; - } - - .mbsc-sc-whl-l { - border-color: @mobiscroll-accent; - } - - .mbsc-sc-btn { - color: @mobiscroll-accent; - background: @mobiscroll-background; - } - - &.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, - .mbsc-sc-itm:focus { - background: fade(@mobiscroll-text, 10%); - } - - &.mbsc-no-touch .mbsc-sc-btn:hover:before, - &.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active, - .mbsc-sc-btn.mbsc-active:before { - background: fade(@mobiscroll-accent, 30%); - } - - /* Multiple select */ - .mbsc-sc-whl-multi { - .mbsc-sc-itm-sel:before { - color: @mobiscroll-accent; - } - } - - /* Scrollbar */ - .mbsc-sc-bar-c { - background: @mobiscroll-scrollbar-track; - } -} - -/* Select */ - -.mbsc-@{theme} .mbsc-sel-gr-whl { - &.mbsc-sel-one .mbsc-sc-itm-sel { - color: @mobiscroll-accent; - } -} - -.mbsc-@{theme}.mbsc-fr-pointer { - - /* Single select */ - .mbsc-sel-one { - &.mbsc-sc-whl-multi .mbsc-sc-itm-sel { - color: @mobiscroll-text; - background: fade(@mobiscroll-accent, 30%); - } - } -} - -/* Calendar */ - -.mbsc-@{theme} { - .mbsc-cal-picker { - background: @mobiscroll-background; - } - - .mbsc-cal-days > div { - border-bottom-color: @mobiscroll-accent; - color: @mobiscroll-accent; - } - - .mbsc-cal-today { - color: @mobiscroll-accent; - } - - /* Hover, focus */ - &.mbsc-no-touch:not(.mbsc-ev-cal) .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt, - &.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled) .mbsc-cal-day-date:hover, - .mbsc-cal-cell:focus .mbsc-cal-cell-txt { - background: fade(@mobiscroll-accent, 30%); - } - - /* Selected */ - .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt { - background: @mobiscroll-accent; - color: @mobiscroll-background; - } - - /* Week numbers */ - .mbsc-cal-week-nr { - color: @mobiscroll-accent; - } - - /* Tabs */ - .mbsc-cal-tab { - border-color: @mobiscroll-accent; - color: @mobiscroll-text; - } - - .mbsc-fr-w .mbsc-cal-tabs-c .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected { - background: @mobiscroll-accent; - color: @mobiscroll-background; - } - - /* Marks */ - .mbsc-cal-mark { - background: @mobiscroll-text; - } - - .mbsc-cal-txt { - color: @mobiscroll-background; - background: @mobiscroll-text; - } - - .mbsc-cal-icons { - color: @mobiscroll-text; - } -} - -/* Event Calendar */ - -.mbsc-@{theme} { - - /* Event Popup */ - &.mbsc-cal-events-popup { - .mbsc-fr-w { - border-color: @output2_6; - } - - .mbsc-fr-arr { - background: @output2_6; - } - } - - .mbsc-cal-event-color { - background: @mobiscroll-accent; - } - - .mbsc-cal-event-time, - .mbsc-cal-event-dur { - color: @mobiscroll-accent; - } - - .mbsc-cal-event-color { - background: @mobiscroll-accent; - } - - .mbsc-cal-event-time, - .mbsc-cal-event-dur { - color: @mobiscroll-accent; - } - - /* Event listing */ - .mbsc-event-list .mbsc-lv-gr-title { - background: @mobiscroll-background; - color: @mobiscroll-accent; - } - - .mbsc-event-color { - background: fade(@mobiscroll-text, 30%); - } - - /* Desktop grid mode */ - &.mbsc-ev-cal.mbsc-fr-md { - .mbsc-cal-table { - border-color: @output1_6; - } - - .mbsc-cal-cell { - border-color: @output1_6; - } - } -} - - -/* Range */ - -.mbsc-@{theme} { - .mbsc-range-btn { - border-color: @mobiscroll-accent; - } - - &.mbsc-range { - .mbsc-range-btn-t .mbsc-range-btn.mbsc-selected { - background: @mobiscroll-accent; - color: @mobiscroll-background; - } - - .mbsc-cal .mbsc-cal-row .mbsc-cal-day.mbsc-selected .mbsc-cal-day-date { - background: none; - color: @mobiscroll-text; - } - - .mbsc-cal .mbsc-cal-row .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date { - background: @mobiscroll-accent; - color: @mobiscroll-background; - } - - .mbsc-cal-day.mbsc-selected:after { - background: fade(@mobiscroll-accent, 30%); - } - } -} - -/* Numpad */ - -.mbsc-@{theme} .mbsc-np-del { - color: @output3_8; -} - - -/* Colorpicker */ - -.mbsc-@{theme} .mbsc-color-active, -.mbsc-no-touch.mbsc-@{theme} .mbsc-color-item-c:hover { - box-shadow: inset 0 0 0 .1875em @output3_8; -} - -.mbsc-@{theme} .mbsc-color-preview-item-empty { - border-color: @output1_9; -} - -.mbsc-@{theme} .mbsc-color-preview-cont { - border-top-color: @output1_7; -} - -.mbsc-@{theme}.mbsc-form .mbsc-color-input { - border-bottom: 1px solid @output2_7; - color: @output2_8; -} - -.mbsc-@{theme} .mbsc-color-clear-item { - background: @colorClearBackground; -} - -/* Cards */ - -.mbsc-@{theme} { - &.mbsc-card.mbsc-form { - background: lighten(@mobiscroll-background, 4%); - } - - &.mbsc-card .mbsc-lv-item { - background: lighten(@mobiscroll-background, 4%); - } - - .mbsc-card-footer { - border-top: 1px solid @mobiscroll-border; - } - - &.mbsc-card .mbsc-input.mbsc-input-outline .mbsc-label { - background: lighten(@mobiscroll-background, 4%); - } -} - - -/* Listview */ -.mbsc-@{theme} { - .mbsc-lv { - background: @output1_7; - } - - .mbsc-lv-item { - background: @output1_3; - color: @output2_5; - } - - .mbsc-lv-gr-title { - background: @output3_8; - color: @output1_3; - } - - &.mbsc-no-touch .mbsc-lv-item-actionable:hover:before, - .mbsc-lv-item-active.mbsc-lv-item-actionable:before { - background: fade(@output3_8, 15%); - } - - &.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { - background: @output1_4; - } - - .mbsc-lv-item-hl:before { - background: fade(@output3_8, 15%); - } - - .mbsc-lv-arr { - color: @output3_8; - } - - .mbsc-lv-handle-bar { - background: @output3_8; - } - - .mbsc-lv-item.mbsc-lv-item-dragging { - background: @output3_8; - color: @output1_3; - } - - .mbsc-lv-item-dragging .mbsc-lv-handle-bar { - background: @output1_3; - } - - .mbsc-lv-item-dragging .mbsc-lv-arr { - color: @output1_3; - } - - .mbsc-lv-loading .mbsc-ic { - color: @mobiscroll-text; - } - - &.mbsc-lv-cont .mbsc-lv-item.mbsc-selected:before { - background: fade(@mobiscroll-accent, 30%); - } -} - - -/* Navigation */ - -.mbsc-@{theme} { - &.mbsc-ms-c { - background: @mobiscroll-background; - } - - .mbsc-ms .mbsc-ms-item { - color: @mobiscroll-text; - } - - &.mbsc-ms-c .mbsc-scv-sc .mbsc-ms .mbsc-ms-item.mbsc-active { - background: fade(@mobiscroll-accent, 30%); - } - - &.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover { - background: fade(@mobiscroll-accent, 10%); - } - - &.mbsc-ms-b { - .mbsc-ms-item-sel { - border-bottom-color: @mobiscroll-accent; - } - - &.mbsc-ms-top { - border-color: @mobiscroll-accent; - } - - &.mbsc-ms-bottom { - border-color: @mobiscroll-accent; - - .mbsc-ms-item-sel { - border-top-color: @mobiscroll-accent; - border-bottom-color: transparent; - } - } - } - - &.mbsc-ms-a { - &.mbsc-ms-top { - border-color: @mobiscroll-border; - } - - &.mbsc-ms-bottom { - border-color: @mobiscroll-border; - } - - .mbsc-ms-item-sel { - color: @mobiscroll-accent; - } - } -} - - -/* Progress */ - -.mbsc-@{theme}.mbsc-progress .mbsc-input-ic { - color: @output2_7; -} - -.mbsc-@{theme} .mbsc-progress-track { - background: @output1_6; -} - -.mbsc-@{theme} .mbsc-progress-bar { - background: @output3_8; -} - - -/* Slider */ - -.mbsc-@{theme} .mbsc-slider-step { - background: @output1_3; -} - -.mbsc-@{theme} .mbsc-slider-handle { - background: @output3_8; -} - -.mbsc-@{theme} .mbsc-slider-tooltip { - color: @output1_3; - background: @output3_8; -} - -/* Form elements */ - -.mbsc-@{theme}.mbsc-page { - background: @output1_3; - color: @output2_5; -} - -.mbsc-@{theme}.mbsc-page *::-moz-selection { - background: @output3_8; -} - -.mbsc-@{theme}.mbsc-page *::selection { - background: @output3_8; -} - -.mbsc-@{theme}.mbsc-form { - background: @output1_3; - color: @output2_5; -} - -.mbsc-@{theme}.mbsc-form *::-moz-selection { - background: @output3_8; -} - -.mbsc-@{theme}.mbsc-form *::selection { - background: @output3_8; -} - -.mbsc-@{theme} .mbsc-divider, -.mbsc-@{theme} .mbsc-form-group-title { - color: @output3_8; -} - -.mbsc-@{theme} a { - color: @output3_8; -} - - -/* Textbox */ - -.mbsc-@{theme} .mbsc-input textarea, -.mbsc-@{theme} .mbsc-input input { - border-bottom: 1px solid @output2_7; - color: @output2_8; -} - -.mbsc-@{theme} .mbsc-input select:focus ~ input, -.mbsc-@{theme} .mbsc-input textarea:focus, -.mbsc-@{theme} .mbsc-input input:focus { - border-color: @output3_8; -} - -.mbsc-@{theme} .mbsc-input-ic { - color: @output2_7; -} - - -/* Box Input */ - -.mbsc-@{theme} .mbsc-input-box { - &.mbsc-input .mbsc-input-wrap { - background: @mobiscroll-box-bck; - } -} - - -/* Outline Input */ - -.mbsc-@{theme} .mbsc-input-outline { - - &.mbsc-input input, - &.mbsc-input textarea { - border-color: @output2_7; - } - - &.mbsc-input .mbsc-label { - background: @mobiscroll-background; - } - - &.mbsc-input input:focus, - &.mbsc-input select:focus ~ input, - &.mbsc-err input { - border-color: @output3_8; - } - - &.mbsc-err input { - border-color: @error; - } - - textarea:focus { - border-color: @output3_8; - } - - &.mbsc-err textarea { - border-color: @error; - } -} - - -/* Checkbox */ - -.mbsc-@{theme} .mbsc-checkbox-box { - background: @output3_8; -} - -.mbsc-@{theme} .mbsc-checkbox-box:after { - border: .125em solid @output1_3; - border-top: 0; - border-right: 0; -} - -.mbsc-@{theme} .mbsc-checkbox input:disabled + .mbsc-checkbox-box { - background: @output1_5; -} - - -/* Radio */ - -.mbsc-@{theme} .mbsc-radio-box { - border: .125em solid @output3_8; -} - -.mbsc-@{theme} .mbsc-radio-box:after { - background: @output3_8; -} - -.mbsc-@{theme} .mbsc-radio input:checked + .mbsc-radio-box { - background: transparent; -} - -.mbsc-@{theme} .mbsc-radio input:disabled + .mbsc-radio-box { - border-color: @output1_5; -} - -.mbsc-@{theme} .mbsc-radio input:disabled + .mbsc-radio-box:after { - background: @output1_5; -} - -/* Buttons */ - -.mbsc-@{theme} .mbsc-btn { - background: @output3_8; - color: @output1_3; -} - -.mbsc-@{theme} .mbsc-btn:disabled { - background: @output1_6; -} - -.mbsc-@{theme} .mbsc-btn.mbsc-btn-outline:disabled { - color: @output1_6; - border-color: @output1_6; - background: transparent; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover { - background: fade(@output3_8, 10%); -} - -.mbsc-@{theme} .mbsc-btn-flat.mbsc-active { - background: fade(@output3_8, 30%); -} - -.mbsc-@{theme} .mbsc-btn-flat { - background: transparent; - color: @output3_8; - border-color: transparent; -} - -.mbsc-@{theme} .mbsc-btn-flat:disabled { - background: transparent; - color: @output1_7; -} - -/* Switch */ - -.mbsc-@{theme} .mbsc-switch-track { - background: @output1_6; -} - -.mbsc-@{theme} .mbsc-switch-handle { - background: @output1_7; -} - -.mbsc-@{theme} .mbsc-switch input:checked + .mbsc-switch-track { - background: @output3_11; -} - -.mbsc-@{theme} .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle { - background: @output3_8; -} - -.mbsc-@{theme} .mbsc-switch input:disabled + .mbsc-switch-track { - background: @output1_5; -} - -.mbsc-@{theme} .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle { - background: @output1_8; -} - - -/* Stepper segmented */ - -.mbsc-@{theme} .mbsc-segmented-content { - border-color: @output3_8; - color: @output3_8; -} - -.mbsc-@{theme} .mbsc-stepper input { - color: @output2_5; -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @output3_8; - color: @output1_3; -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - background: fade(@output3_8, 30%); -} - -.mbsc-@{theme} .mbsc-stepper-cont { - padding: 1.75em 12.875em 1.75em 1em; -} - -.mbsc-@{theme} .mbsc-stepper { - margin-top: -1.25em; -} - -.mbsc-@{theme} .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { - color: @output1_5; - border-color: @output1_5; - background: transparent; -} - -.mbsc-@{theme} .mbsc-stepper input:disabled { - color: @output1_5; - -webkit-text-fill-color: @output1_5; -} - -.mbsc-@{theme} .mbsc-segmented input:disabled:checked + .mbsc-segmented-content { - background: @output1_6; - border-color: @output1_6; - color: @output1_3; -} - -.mbsc-@{theme} .mbsc-stepper .mbsc-active.mbsc-disabled .mbsc-segmented-content { - color: @output1_5; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@output3_8, 10%); -} - - -/* Rating */ - -.mbsc-@{theme}.mbsc-rating .mbsc-progress-track { - color: @output3_8; -} - -/* Empty view styling */ - -.mbsc-@{theme} .mbsc-empty { - color: @mobiscroll-empty-color; -} diff --git a/src/less/templates/windows.less b/src/less/templates/windows.less deleted file mode 100644 index 65447474..00000000 --- a/src/less/templates/windows.less +++ /dev/null @@ -1,1674 +0,0 @@ -@theme: windows; -@input1: #0078d7; -@input2: #f2f2f2; -@input3: #262626; - -/* --- New built in parameters --- */ - -@windows-background: @input2; -@windows-text: @input3; -@windows-accent: @input1; - -/* --- */ - -.light-or-dark(); - -// Light background -.light-or-dark() when (lightness(@windows-background) > 50%) { - @windows-background-alt: darken(@windows-background, 18%); - @colorClearBackground: #ffffff; - @value_isDark2_5: min(hsvvalue(@windows-background) + 13%, 100%); - @value_isDark2_6: hsvvalue(@windows-background) - 17%; - @value_isDark2_3: max(hsvvalue(@windows-background) - 7%, 0%); - @hsvvalue2_4: max(hsvvalue(@windows-background) - 22%, 0%); - @windows-progress-bg: hsv(hsvhue(@windows-background), hsvsaturation(@windows-background), min(hsvvalue(@windows-background), 88%)); - @value_isDark3_2: hsvvalue(@windows-text); - @windows-colorprev-border: hsv(hsvhue(@windows-background), hsvsaturation(@windows-background), max(hsvvalue(@windows-background) - 25%, 0%)); - @windows-border-cards: darken(@windows-background, 5%); - @windows-cal-day: lighten(@windows-text, 30%); - @windows-accent-light: hsv(hsvhue(@windows-accent), max(hsvsaturation(@windows-accent) - 63%, 0%), min(hsvvalue(@windows-accent) + 6%, 100%)); - @windows-fr-border: darken(@windows-background, 15%); - @windows-border: darken(@windows-background, 19%); - @windows-btn-border: darken(@windows-background, 45%); - @windows-button-hover: darken(@windows-background, 10%); - @windows-wheel-button: darken(@windows-background, 5%); - @windows-grey: darken(@windows-background, 35%); - @windows-lv-bck: darken(@windows-background, 34%); - @windows-dark-grey: darken(@windows-background, 55%); - @windows-checkbox: hsv(hsvhue(@windows-accent), max(hsvsaturation(@windows-accent) - 90%, 0%), min(hsvvalue(@windows-accent) + 14%, 100%)); - @windows-switch-hover: hsv(hsvhue(@windows-accent), max(hsvsaturation(@windows-accent) - 34%, 0%), min(hsvvalue(@windows-accent) + 5%, 100%)); - @windows-button-border: lighten(@windows-text, 33%); - @windows-empty-color: lighten(@windows-text, 30%); - @windows-scrollbar-track: rgba(0, 0, 0, .05); -} - -// Dark background -.light-or-dark() when (lightness(@windows-background) <=50%) { - @windows-background-alt: lighten(@windows-background, 18%); - @windows-progress-bg: hsv(hsvhue(@windows-background), hsvsaturation(@windows-background), max(hsvvalue(@windows-background), 12%)); - @windows-colorprev-border: hsv(hsvhue(@windows-background), hsvsaturation(@windows-background), min(hsvvalue(@windows-background) + 60%, 100%)); - @colorClearBackground: fade(#dfdede, 30%); - @value_isDark2_5: max(hsvvalue(@windows-background) - 12%, 0%); - @value_isDark2_6: hsvvalue(@windows-background) + 19%; - @value_isDark2_3: min(hsvvalue(@windows-background) + 8%, 100%); - @value_isDark3_2: 0%; - @hsvvalue2_4: min(hsvvalue(@windows-background) + 18%, 100%); - @windows-border-cards: lighten(@windows-background, 12%); - @windows-cal-day: darken(@windows-text, 30%); - @windows-accent-light: hsv(hsvhue(@windows-accent), max(hsvsaturation(@windows-accent) - 44%, 0%), min(hsvvalue(@windows-accent) + 6%, 100%)); - @windows-fr-border: lighten(@windows-background, 15%); - @windows-border: lighten(@windows-background, 19%); - @windows-btn-border: lighten(@windows-background, 45%); - @windows-button-hover: lighten(@windows-background, 10%); - @windows-wheel-button: lighten(@windows-background, 5%); - @windows-grey: lighten(@windows-background, 35%); - @windows-lv-bck: lighten(@windows-background, 24%); - @windows-dark-grey: lighten(@windows-background, 55%); - @windows-checkbox: hsv(hsvhue(@windows-accent), max(hsvsaturation(@windows-accent) - 90%, 0%), min(hsvvalue(@windows-accent) + 14%, 100%)); - @windows-switch-hover: hsv(hsvhue(@windows-accent), max(hsvsaturation(@windows-accent) - 34%, 0%), min(hsvvalue(@windows-accent) + 5%, 100%)); - @windows-button-border: darken(@windows-text, 33%); - @windows-empty-color: darken(@windows-text, 30%); - @windows-scrollbar-track: rgba(255, 255, 255, .2); -} - - -/* Light/dark versions */ - -@windows-accent-alt: contrast(@windows-accent); -@windows-segmented-disabled: hsv(hsvhue(@windows-background), hsvsaturation(@windows-background), @value_isDark2_6); -@windows-form-bg: hsv(hsvhue(@windows-background), hsvsaturation(@windows-background), @value_isDark2_5); -@windows-np-bg: hsv(hsvhue(@windows-background), hsvsaturation(@windows-background), @value_isDark2_3); -@windows-background-alt2: hsv(hsvhue(@windows-background), hsvsaturation(@windows-background), max(@hsvvalue2_4, 25%)); -@windows-background-alt2-text: contrast(@windows-background-alt2); -@windows-input-color: hsv(hsvhue(@windows-text), hsvsaturation(@windows-text), @value_isDark3_2); -@windows-selected-hover: hsv(hsvhue(@windows-accent), max(hsvsaturation(@windows-accent) - 44%, 0%), min(hsvvalue(@windows-accent) + 7%, 100%)); - - -/* Empty view styling */ - -.mbsc-@{theme} .mbsc-empty { - color: @windows-empty-color; -} - -/* Calendar base */ - -.mbsc-@{theme} { - .mbsc-cal-picker { - background: @windows-background; - } - - .mbsc-cal-days > div { - color: @windows-cal-day; - } - - .mbsc-cal-today .mbsc-cal-day-date { - color: @windows-accent; - } - - .mbsc-cal-day-diff .mbsc-cal-day-i { - background: @windows-wheel-button; - } - - /* Focus */ - .mbsc-cal-cell:focus .mbsc-cal-day-i { - background: @windows-button-hover; - } - - /* Hover style */ - &.mbsc-no-touch:not(.mbsc-ev-cal) .mbsc-cal-day:not(.mbsc-disabled):hover .mbsc-cal-day-i, - &.mbsc-no-touch .mbsc-cal-picker .mbsc-cal-cell:not(.mbsc-disabled):hover { - background: @windows-button-hover; - } - - /* Selected style */ - .mbsc-cal .mbsc-cal-day.mbsc-selected:not(.mbsc-disabled) .mbsc-cal-cell-i.mbsc-cal-day-i, - .mbsc-cal .mbsc-cal-picker .mbsc-cal-cell.mbsc-selected, - &.mbsc-no-touch .mbsc-cal-picker .mbsc-cal-cell.mbsc-selected:hover { - background: fade(@windows-accent, 25%); - } - - /* Tab style */ - &.mbsc-no-touch .mbsc-cal-tab:hover { - background: @windows-button-hover; - border-color: @windows-button-hover; - } - - .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected, - &.mbsc-no-touch .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected:hover { - border-bottom-color: @windows-accent; - color: @windows-accent; - background: @windows-background; - } - - /* Tabs */ - .mbsc-cal-tabs-c { - border-bottom: 1px solid @windows-fr-border; - } - - /* Marks */ - .mbsc-cal-mark { - background: @windows-text; - } - - .mbsc-cal-txt { - color: contrast(@windows-background-alt); - background: @windows-background-alt; - } -} - -/* Color */ - -.mbsc-@{theme} { - - .mbsc-color-active, - &.mbsc-no-touch .mbsc-color-item-c:hover { - box-shadow: inset 0 0 0 .1875em @windows-accent; - } - - .mbsc-color-clear-item { - background: @colorClearBackground; - } - - &.mbsc-color .mbsc-color-slider-cont .mbsc-progress-track { - background: @windows-border; - } - - .mbsc-color-preview-item-empty { - border-color: @windows-colorprev-border; - } - - .mbsc-color-preview-cont { - border-color: @windows-colorprev-border; - } - - &.mbsc-form .mbsc-color-input { - background: @windows-text; - border: .125em solid @windows-text; - color: @windows-text; - border-color: @windows-text; - color: @windows-text; - } -} - -/* Event calendar */ - -.mbsc-@{theme} { - - /* Event Popup */ - &.mbsc-cal-events-popup { - - .mbsc-fr-w { - border-color: fade(@windows-text, 80%) - } - - .mbsc-fr-arr { - background: fade(@windows-text, 80%); - } - } - - .mbsc-cal-events { - background: fade(@windows-text, 80%); - } - - .mbsc-cal-event-color { - background: @windows-text; - } - - /* Event listing */ - .mbsc-event-list .mbsc-lv-item { - background: @windows-form-bg; - } - - .mbsc-event-list .mbsc-lv-item:last-child { - border-color: @windows-wheel-button; - } - - .mbsc-event-list .mbsc-lv-gr-title { - background: @windows-form-bg; - } - - .mbsc-event-color { - background: @windows-accent; - } - - /* Desktop grid mode */ - &.mbsc-ev-cal.mbsc-fr-md { - .mbsc-cal-table { - border-color: @windows-fr-border; - } - - .mbsc-cal-cell { - background: @windows-form-bg; - border-color: @windows-fr-border; - } - - .mbsc-cal-day-diff .mbsc-cal-day-i { - background: @windows-background; - } - } -} - -/* Forms */ - -.mbsc-@{theme} { - &.mbsc-form { - background-color: @windows-form-bg; - color: @windows-text; - } - - &.mbsc-form *::-moz-selection { - color: contrast(@windows-accent); - background: @windows-accent; // @windows-form-bg; ??? - } - - &.mbsc-form *::selection { - color: contrast(fade(@windows-accent, 90%)); - background: fade(@windows-accent, 90%); - } - - .mbsc-divider, - .mbsc-form-group-title { - font-size: 1.5em; - padding: 0 0.5em; - line-height: 2em; - } - - /* Checkbox, radio */ - .mbsc-checkbox-box, - .mbsc-radio-box { - border: .125em solid @windows-text; - } - - /* Checkbox */ - .mbsc-checkbox-box:after { - border-color: @windows-checkbox; - } - - .mbsc-checkbox input:checked + .mbsc-checkbox-box { - background: @windows-accent; - border-color: @windows-accent; - } - - /* Checkbox color presets */ - .mbsc-checkbox-primary input:checked + .mbsc-checkbox-box { - background: @windows-primary; - border-color: @windows-primary; - } - - .mbsc-checkbox-secondary input:checked + .mbsc-checkbox-box { - background: @windows-secondary; - border-color: @windows-secondary; - } - - .mbsc-checkbox-success input:checked + .mbsc-checkbox-box { - background: @windows-success; - border-color: @windows-success; - } - - .mbsc-checkbox-danger input:checked + .mbsc-checkbox-box { - background: @windows-danger; - border-color: @windows-danger; - } - - .mbsc-checkbox-warning input:checked + .mbsc-checkbox-box { - background: @windows-warning; - border-color: @windows-warning; - } - - .mbsc-checkbox-info input:checked + .mbsc-checkbox-box { - background: @windows-info; - border-color: @windows-info; - } - - .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box { - border-color: @windows-dark-grey; - background: @windows-dark-grey; - } - - - /* Radio */ - .mbsc-radio-box:after { - background: @windows-text; - } - - .mbsc-radio input:checked + .mbsc-radio-box { - border-color: @windows-accent; - } - - .mbsc-radio input.mbsc-active + .mbsc-radio-box { - border-color: fade(@windows-text, 60%); - } - - .mbsc-radio input.mbsc-active + .mbsc-radio-box:after { - background: fade(@windows-text, 60%); - } - - /* Radio color presets */ - .mbsc-radio-primary .mbsc-radio-box:after { - background: @windows-primary; - } - - .mbsc-radio-secondary .mbsc-radio-box:after { - background: @windows-secondary; - } - - .mbsc-radio-success .mbsc-radio-box:after { - background: @windows-success; - } - - .mbsc-radio-danger .mbsc-radio-box:after { - background: @windows-danger; - } - - .mbsc-radio-warning .mbsc-radio-box:after { - background: @windows-warning; - } - - .mbsc-radio-info .mbsc-radio-box:after { - background: @windows-info; - } - - /* Buttons */ - .mbsc-btn { - background: @windows-fr-border; - border: .125em solid @windows-fr-border; - color: @windows-text; - } - - &.mbsc-no-touch .mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: @windows-button-border; - } - - .mbsc-btn.mbsc-active { - border-color: @windows-button-border; - background: @windows-button-border; - } - - .mbsc-btn.mbsc-btn-flat.mbsc-active:not(:disabled) { - background: fade(@windows-fr-border, 25%); - } - - /* Button color presets*/ - .mbsc-btn-primary.mbsc-btn { - color: contrast(@windows-primary); - background: @windows-primary; - border-color: @windows-primary; - - &.mbsc-btn-flat { - color: @windows-primary; - - &.mbsc-active { - background: fade(@windows-primary, 25%); - } - } - } - - .mbsc-btn-secondary.mbsc-btn { - color: contrast(@windows-secondary); - background: @windows-secondary; - border-color: @windows-secondary; - - &.mbsc-btn-flat { - color: @windows-secondary; - - &.mbsc-active { - background: fade(@windows-secondary, 25%); - } - } - } - - .mbsc-btn-success.mbsc-btn { - color: contrast(@windows-success); - background: @windows-success; - border-color: @windows-success; - - &.mbsc-btn-flat { - color: @windows-success; - - &.mbsc-active { - background: fade(@windows-success, 25%); - } - } - } - - .mbsc-btn-danger.mbsc-btn { - color: contrast(@windows-danger); - background: @windows-danger; - border-color: @windows-danger; - - &.mbsc-btn-flat { - color: @windows-danger; - - &.mbsc-active { - background: fade(@windows-danger, 25%); - } - } - } - - .mbsc-btn-warning.mbsc-btn { - color: contrast(@windows-warning); - background: @windows-warning; - border-color: @windows-warning; - - &.mbsc-btn-flat { - color: @windows-warning; - - &.mbsc-active { - background: fade(@windows-warning, 25%); - } - } - } - - .mbsc-btn-info.mbsc-btn { - color: contrast(@windows-info); - background: @windows-info; - border-color: @windows-info; - - &.mbsc-btn-flat { - color: @windows-info; - - &.mbsc-active { - background: fade(@windows-info, 25%); - } - } - } - - .mbsc-btn-light.mbsc-btn { - color: contrast(@windows-light); - background: darken(@windows-light, 25%); - border-color: darken(@windows-light, 25%); - - &.mbsc-btn-flat { - color: darken(@windows-light, 25%); - - &.mbsc-active { - background: fade(darken(@windows-light, 25%), 25%); - } - } - } - - .mbsc-btn-dark.mbsc-btn { - color: contrast(@windows-dark); - background: @windows-dark; - border-color: @windows-dark; - - &.mbsc-btn-flat { - color: @windows-dark; - - &.mbsc-active { - background: fade(@windows-dark, 25%); - } - } - } - - /* Outline buttons */ - .mbsc-btn.mbsc-btn-outline { - background: transparent; - border: 0.125em solid @windows-grey; - color: @windows-grey; - - &.mbsc-active { - background: @windows-btn-border; - border-color: @windows-btn-border; - color: contrast(@windows-btn-border); - opacity: 1; - } - - &.mbsc-btn-primary { - border-color: @windows-primary; - color: @windows-primary; - - &.mbsc-active { - background: @windows-primary; - color: @windows-light; - } - } - - &.mbsc-btn-secondary { - border-color: @windows-secondary; - color: @windows-secondary; - - &.mbsc-active { - background: @windows-secondary; - color: @windows-light; - } - } - - &.mbsc-btn-success { - border-color: @windows-success; - color: @windows-success; - - &.mbsc-active { - background: @windows-success; - color: @windows-light; - } - } - - &.mbsc-btn-danger { - border-color: @windows-danger; - color: @windows-danger; - - &.mbsc-active { - background: @windows-danger; - color: @windows-light; - } - } - - &.mbsc-btn-warning { - border-color: @windows-warning; - color: @windows-warning; - - &.mbsc-active { - background: @windows-warning; - color: @windows-light; - } - } - - &.mbsc-btn-info { - border-color: @windows-info; - color: @windows-info; - - &.mbsc-active { - background: @windows-info; - color: @windows-light; - } - } - - &.mbsc-btn-light { - border-color: darken(@windows-light, 25%); - color: darken(@windows-light, 25%); - - &.mbsc-active { - background: darken(@windows-light, 25%); - color: @windows-dark; - } - } - - &.mbsc-btn-dark { - border-color: @windows-dark; - color: @windows-dark; - - &.mbsc-active { - background: @windows-dark; - color: @windows-light; - } - } - } - - /* button hover style */ - &.mbsc-no-touch { - .mbsc-btn.mbsc-btn-outline:not(:disabled):hover { - border-color: @windows-btn-border; - } - - .mbsc-btn-primary.mbsc-btn { - &:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: darken(@windows-primary, 20%); - } - } - - .mbsc-btn-secondary.mbsc-btn { - &:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: darken(@windows-secondary, 20%); - } - } - - .mbsc-btn-success.mbsc-btn { - &:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: darken(@windows-success, 20%); - } - } - - .mbsc-btn-danger.mbsc-btn { - &:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: darken(@windows-danger, 20%); - } - } - - .mbsc-btn-warning.mbsc-btn { - &:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: darken(@windows-warning, 20%); - } - } - - .mbsc-btn-info.mbsc-btn { - &:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: darken(@windows-info, 20%); - } - } - - .mbsc-btn-light.mbsc-btn { - &:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: darken(@windows-light, 40%); - } - } - - .mbsc-btn-dark.mbsc-btn { - &:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: darken(@windows-dark, 30%); - } - } - } - - /* button active style */ - .mbsc-btn-primary.mbsc-btn { - &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { - background: darken(@windows-primary, 20%); - border-color: darken(@windows-primary, 20%); - } - } - - .mbsc-btn-secondary.mbsc-btn { - &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { - background: darken(@windows-secondary, 20%); - border-color: darken(@windows-secondary, 20%); - } - } - - .mbsc-btn-success.mbsc-btn { - &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { - background: darken(@windows-success, 20%); - border-color: darken(@windows-success, 20%); - } - } - - .mbsc-btn-danger.mbsc-btn { - &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { - background: darken(@windows-danger, 20%); - border-color: darken(@windows-danger, 20%); - } - } - - .mbsc-btn-warning.mbsc-btn { - &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { - background: darken(@windows-warning, 20%); - border-color: darken(@windows-warning, 20%); - } - } - - .mbsc-btn-info.mbsc-btn { - &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { - background: darken(@windows-info, 20%); - border-color: darken(@windows-info, 20%); - } - } - - .mbsc-btn-light.mbsc-btn { - &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { - background: darken(@windows-light, 40%); - border-color: darken(@windows-light, 40%); - } - } - - .mbsc-btn-dark.mbsc-btn { - &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { - background: darken(@windows-dark, 30%); - border-color: darken(@windows-dark, 30%); - } - } - - /* Switch */ - .mbsc-switch-track { - border: 2px solid @windows-text; - } - - .mbsc-switch-track .mbsc-switch-handle { - background: @windows-text; - } - - .mbsc-switch input:checked + .mbsc-switch-track { - background: @windows-accent; - border-color: @windows-accent; - - .mbsc-switch-handle { - background: @windows-background; - } - } - - .mbsc-switch input:checked:disabled + .mbsc-switch-track { - background: @windows-text; - border-color: @windows-text; - } - - /* Checkbox color presets */ - .mbsc-switch-primary.mbsc-switch input:checked + .mbsc-switch-track { - background: @windows-primary; - border-color: @windows-primary; - } - - .mbsc-switch-secondary.mbsc-switch input:checked + .mbsc-switch-track { - background: @windows-secondary; - border-color: @windows-secondary; - } - - .mbsc-switch-success.mbsc-switch input:checked + .mbsc-switch-track { - background: @windows-success; - border-color: @windows-success; - } - - .mbsc-switch-danger.mbsc-switch input:checked + .mbsc-switch-track { - background: @windows-danger; - border-color: @windows-danger; - } - - .mbsc-switch-warning.mbsc-switch input:checked + .mbsc-switch-track { - background: @windows-warning; - border-color: @windows-warning; - } - - .mbsc-switch-info.mbsc-switch input:checked + .mbsc-switch-track { - background: @windows-info; - border-color: @windows-info; - } - - &.mbsc-form .mbsc-switch input.mbsc-active + .mbsc-switch-track { - background: @windows-dark-grey; - border-color: @windows-dark-grey; - - .mbsc-switch-handle { - background: @windows-background; - } - } - - /* Segmented & Stepper */ - .mbsc-segmented-content { - color: @windows-text; - background: @windows-fr-border; - } - - .mbsc-segmented-content.mbsc-stepper-val { - border-top: 2px solid @windows-fr-border; - border-bottom: 2px solid @windows-fr-border; - } - - &.mbsc-ltr .mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item { - border-right-color: @windows-border; - } - - &.mbsc-rtl .mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item { - border-left-color: @windows-border; - } - - &.mbsc-ltr .mbsc-segmented .mbsc-stepper-control + .mbsc-stepper-control { - border-left-color: @windows-border; - } - - &.mbsc-rtl .mbsc-segmented .mbsc-stepper-control + .mbsc-stepper-control { - border-right-color: @windows-border; - } - - .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @windows-text; - color: @windows-form-bg; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - background: @windows-button-border; - } - - .mbsc-stepper .mbsc-segmented-item.mbsc-active .mbsc-segmented-content { - background: @windows-button-border; - } - - .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, - .mbsc-stepper .mbsc-segmented-item.mbsc-disabled .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { - background: @windows-fr-border; - } - - .mbsc-stepper input:disabled { - color: @windows-segmented-disabled; - -webkit-text-fill-color: @windows-segmented-disabled; - } - - .mbsc-segmented .mbsc-segmented-item input:disabled:checked + .mbsc-segmented-content { - color: @windows-form-bg; - background: @windows-segmented-disabled; - } - - .mbsc-stepper input { - color: @windows-text; - } - - &.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content { - background: @windows-button-hover; - } - - .mbsc-segmented { - - /* Segmented color presets */ - .mbsc-segmented-primary { - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @windows-primary; - } - } - - .mbsc-segmented-secondary { - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @windows-secondary; - } - } - - .mbsc-segmented-success { - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @windows-success; - } - } - - .mbsc-segmented-danger { - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @windows-danger; - } - } - - .mbsc-segmented-warning { - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @windows-warning; - } - } - - .mbsc-segmented-info { - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @windows-info; - } - } - } - - &.mbsc-no-touch { - - /* Segmented hover color presets*/ - .mbsc-segmented-primary { - &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { - background: fade(@windows-primary, 25%) - } - } - - .mbsc-segmented-secondary { - &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { - background: fade(@windows-secondary, 25%) - } - } - - .mbsc-segmented-success { - &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { - background: fade(@windows-success, 25%) - } - } - - .mbsc-segmented-danger { - &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { - background: fade(@windows-danger, 25%) - } - } - - .mbsc-segmented-warning { - &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { - background: fade(@windows-warning, 25%) - } - } - - .mbsc-segmented-info { - &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { - background: fade(@windows-info, 25%) - } - } - - /* Stepper hover color presets*/ - .mbsc-stepper-primary { - .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { - background: darken(@windows-primary, 10%) - } - } - - .mbsc-stepper-secondary { - .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { - background: darken(@windows-secondary, 10%) - } - } - - .mbsc-stepper-success { - .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { - background: darken(@windows-success, 10%) - } - } - - .mbsc-stepper-danger { - .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { - background: darken(@windows-danger, 10%) - } - } - - .mbsc-stepper-warning { - .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { - background: darken(@windows-warning, 10%) - } - } - - .mbsc-stepper-info { - .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { - background: darken(@windows-info, 10%) - } - } - } - - /* Stepper color presets */ - .mbsc-stepper-primary { - .mbsc-segmented-content.mbsc-stepper-val { - border-color: @windows-primary; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { - background: @windows-primary; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { - background: darken(@windows-primary, 25%); - } - } - - .mbsc-stepper-secondary { - .mbsc-segmented-content.mbsc-stepper-val { - border-color: @windows-secondary; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { - background: @windows-secondary; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { - background: darken(@windows-secondary, 25%); - } - } - - .mbsc-stepper-success { - .mbsc-segmented-content.mbsc-stepper-val { - border-color: @windows-success; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { - background: @windows-success; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { - background: darken(@windows-success, 25%); - } - } - - .mbsc-stepper-danger { - .mbsc-segmented-content.mbsc-stepper-val { - border-color: @windows-danger; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { - background: @windows-danger; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { - background: darken(@windows-danger, 25%); - } - } - - .mbsc-stepper-warning { - .mbsc-segmented-content.mbsc-stepper-val { - border-color: @windows-warning; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { - background: @windows-warning; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { - background: darken(@windows-warning, 25%); - } - } - - .mbsc-stepper-info { - .mbsc-segmented-content.mbsc-stepper-val { - border-color: @windows-info; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { - background: @windows-info; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { - background: darken(@windows-info, 25%); - } - } -} - -/* Frame */ - -.mbsc-@{theme} { - .mbsc-fr-w { - background: @windows-background; - color: @windows-text; - border: 1px solid @windows-fr-border; - } - - .mbsc-fr-hdr { - border-bottom: 2px solid @windows-fr-border; - } - - .mbsc-fr-btn-cont { - border-top: 2px solid @windows-fr-border; - } - - .mbsc-fr-btn-w { - background: @windows-background; - } - - .mbsc-fr-btn { - color: @windows-text; - } - - &.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover, - .mbsc-fr-btn.mbsc-active { - background: @windows-button-hover; - } - - /* Bubble positioning */ - .mbsc-fr-arr { - background: @windows-background; - border-color: @windows-fr-border; - } -} - -/* Input */ - -.mbsc-@{theme} { - - .mbsc-input input, - .mbsc-input textarea, - .mbsc-select input { - border: .125em solid @windows-grey; - color: @windows-text; - } - - &.mbsc-no-touch .mbsc-input input:hover, - &.mbsc-no-touch .mbsc-input textarea:hover, - &.mbsc-no-touch .mbsc-select:hover input { - border-color: @windows-dark-grey; - } - - .mbsc-input input::-webkit-input-placeholder { - color: #5c5c5c; - } - - .mbsc-input input::-ms-input-placeholder { - color: #5c5c5c; - } - - .mbsc-input input::-moz-placeholder { - color: #5c5c5c; - } - - .mbsc-input .mbsc-input-wrap input:focus, - .mbsc-input .mbsc-input-wrap select:focus + input, - .mbsc-input .mbsc-input-wrap textarea:focus, - &.mbsc-alert .mbsc-input input:focus { - background: #fff; - border-color: @windows-accent; - color: #262626; - - .mbsc-input-ic { - color: #262626; - } - } - - .mbsc-input .mbsc-input-wrap .mbsc-control:disabled + input, - .mbsc-input .mbsc-input-wrap textarea:disabled, - .mbsc-input .mbsc-input-wrap input:disabled { - border-color: @windows-fr-border; - } - - .mbsc-input.mbsc-err input, - .mbsc-input.mbsc-err textarea { - border-color: #d30101; - } - - .mbsc-input-ic { - color: @windows-text; - } - - .mbsc-err-msg { - color: #d30101; - } - - /* Textbox, textarea, select */ - .mbsc-input .mbsc-label { - color: @windows-text; - } - - .mbsc-select .mbsc-input-wrap .mbsc-ic { - color: @windows-text; - } -} - -/* Cards */ - -.mbsc-@{theme} { - &.mbsc-card.mbsc-form { - background: lighten(@windows-background, 2.5%); - box-shadow: 0 0 1px 1px @windows-border-cards; - } - - &.mbsc-card .mbsc-lv-item { - background: lighten(@windows-background, 2.5%); - } - - .mbsc-card-footer { - border-color: @windows-border-cards; - } -} - -/* Listview */ - -.mbsc-@{theme} { - .mbsc-lv { - background: @windows-lv-bck; - } - - .mbsc-lv-item { - background: @windows-background; - color: @windows-text; - } - - .mbsc-lv-gr-title { - background: @windows-background; - color: @windows-text; - } - - &.mbsc-no-touch .mbsc-lv-item-actionable:hover:before, - .mbsc-lv-item-actionable.mbsc-lv-item-active:before { - background: @windows-scrollbar-track; - } - - .mbsc-lv-ic-m { - color: @windows-background; - } - - &.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { - background: @windows-border-cards; - } - - .mbsc-lv-item.mbsc-lv-item-hl { - background: @windows-fr-border; - } - - .mbsc-lv-loading .mbsc-ic { - color: @windows-text; - } - - &.mbsc-lv-cont .mbsc-lv-item.mbsc-selected:before { - background: fade(@windows-accent, 20%); - } -} - -/* Navigation Base */ - -.mbsc-@{theme} { - &.mbsc-ms-c { - background: @windows-background; - color: @windows-text; - } - - .mbsc-ms-item { - color: @windows-text; - } - - .mbsc-ms-item.mbsc-active, - &.mbsc-no-touch .mbsc-ms-item.mbsc-active:not(.mbsc-disabled):hover { - background: @windows-fr-border; - } - - .mbsc-ms-item-sel { - color: @windows-accent; - } - - &.mbsc-ms-b .mbsc-ms-item.mbsc-ms-item-sel { - border-bottom-color: @windows-accent; - } - - &.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover { - background: @windows-button-hover; - } - - .mbsc-ms-item-sel.mbsc-ms-ic:before { - color: @windows-accent; - } -} - - -/* Navigation */ - -.mbsc-@{theme} { - - /* Show more item */ - .mbsc-ms-item.mbsc-menu-item-ic { - color: @windows-text; - } - - /* Show more bubble */ - &.mbsc-ms-more { - .mbsc-ms-item { - color: @windows-text; - - &.mbsc-ms-item-sel { - color: @windows-accent; - } - } - } -} - -/* Notifications */ - -.mbsc-@{theme} { - - /* Toast */ - &.mbsc-toast .mbsc-toast-msg { - background: @windows-dark-grey; - color: contrast(@windows-dark-grey); - } - - /* Snackbar */ - &.mbsc-snackbar .mbsc-snackbar-btn { - color: @windows-accent; - } -} - -/* Numpad */ - -.mbsc-@{theme} { - &.mbsc-fr .mbsc-fr-w .mbsc-np-del.mbsc-active { - background: @windows-fr-border; - } - - .mbsc-np-del.mbsc-active:before { - color: @windows-text; - } - - &.mbsc-fr .mbsc-fr-w .mbsc-np-btn.mbsc-active { - background: @windows-fr-border; - color: contrast(@windows-fr-border); - } - - .mbsc-np-btn.mbsc-disabled { - color: @windows-grey; - } -} - -/* Base colors */ - -@primary: #3f97f6; -@primary-text: #fff; -@secondary: #90979E; -@success: #43BE5F; -@danger: #f5504e; -@warning: #f8b042; -@info: #5BB7C5; -@light: #fff; -@dark: #47494A; - -/* Colors */ - -@windows-primary: @primary; -@windows-secondary: @secondary; -@windows-success: @success; -@windows-danger: @danger; -@windows-warning: @warning; -@windows-info: @info; -@windows-light: @light; -@windows-dark: @dark; -@windows-dark-text: darken(@windows-dark, 30%); -@windows-light-text: #efeff4; - -/* Page */ - -.mbsc-@{theme} { - &.mbsc-page { - background-color: @windows-form-bg; - color: @windows-text; - } - - a { - color: @windows-accent; - } - - /* Note */ - .mbsc-note, - .mbsc-note-primary { - color: darken(@windows-primary, 30%); - background-color: lighten(@windows-primary, 10%); - } - - .mbsc-note-secondary { - color: darken(@windows-secondary, 30%); - background-color: lighten(@windows-secondary, 20%); - } - - .mbsc-note-success { - color: darken(@windows-success, 30%); - background-color: lighten(@windows-success, 20%); - } - - .mbsc-note-danger { - color: darken(@windows-danger, 40%); - background-color: lighten(@windows-danger, 10%); - } - - .mbsc-note-warning { - color: darken(@windows-warning, 35%); - background-color: lighten(@windows-warning, 5%); - } - - .mbsc-note-info { - color: darken(@windows-info, 30%); - background-color: lighten(@windows-info, 20%); - } - - .mbsc-note-light { - color: darken(@windows-light, 70%); - background-color: lighten(@windows-light, 10%); - } - - .mbsc-note-dark { - color: darken(@windows-dark, 30%); - background-color: lighten(@windows-dark, 10%); - } -} - -/* Progress */ - -.mbsc-@{theme} { - &.mbsc-progress .mbsc-label { - color: @windows-text; - } - - &.mbsc-progress .mbsc-input-ic { - color: @windows-text; - } - - .mbsc-progress-track { - background: @windows-progress-bg; - } - - .mbsc-progress-bar { - background: @windows-accent; - } - - /* Progress color presets */ - .mbsc-progress-primary .mbsc-progress-bar { - background: @windows-primary; - } - - .mbsc-progress-secondary .mbsc-progress-bar { - background: @windows-secondary; - } - - .mbsc-progress-success .mbsc-progress-bar { - background: @windows-success; - } - - .mbsc-progress-danger .mbsc-progress-bar { - background: @windows-danger; - } - - .mbsc-progress-warning .mbsc-progress-bar { - background: @windows-warning; - } - - .mbsc-progress-info .mbsc-progress-bar { - background: @windows-info; - } -} - -/* Range */ - -.mbsc-@{theme} { - .mbsc-range-btn { - color: @windows-text; - background: @windows-fr-border; - border: 2px solid @windows-fr-border; - } - - &.mbsc-no-touch .mbsc-range-btn.mbsc-fr-btn-e:not(.mbsc-disabled):hover { - border-color: darken(@windows-fr-border, 30%); - background: @windows-fr-border; - } - - .mbsc-range-btn.mbsc-selected, - &.mbsc-no-touch .mbsc-range-btn.mbsc-selected:not(.mbsc-disabled):hover { - background: @windows-accent; - border-color: @windows-accent; - color: contrast(@windows-accent); - } - - &.mbsc-range .mbsc-cal .mbsc-cal-row .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-i, - &.mbsc-range .mbsc-cal .mbsc-cal-today.mbsc-cal-day-hl .mbsc-cal-day-date { - background: @windows-accent; - color: @windows-background; - } -} - -/* Rating */ - -.mbsc-@{theme}.mbsc-rating { - - .mbsc-progress-track { - color: @windows-accent; - } - - /* Color presets */ - &.mbsc-rating-primary .mbsc-progress-track { - color: @windows-primary; - } - - &.mbsc-rating-secondary .mbsc-progress-track { - color: @windows-secondary; - } - - &.mbsc-rating-success .mbsc-progress-track { - color: @windows-success; - } - - &.mbsc-rating-danger .mbsc-progress-track { - color: @windows-danger; - } - - &.mbsc-rating-warning .mbsc-progress-track { - color: @windows-warning; - } - - &.mbsc-rating-info .mbsc-progress-track { - color: @windows-info; - } -} - -/* Scroller */ - -.mbsc-@{theme} { - .mbsc-sc-whl-gr-c { - border-color: @windows-fr-border; - } - - .mbsc-sc-whl-w { - border-color: @windows-fr-border; - } - - .mbsc-sc-lbl-v .mbsc-sc-whl-w { - background: @windows-background; - } - - .mbsc-sc-lbl-v { - background: @windows-fr-border; - } - - .mbsc-sc-whl-l { - background: fade(@windows-accent, 40%); - } - - &.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, - .mbsc-sc-itm:focus { - background: fade(@windows-text, 10%); - } - - &.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active { - background: fade(@windows-text, 20%); - } - - .mbsc-sc-btn { - background: @windows-wheel-button; - } - - &.mbsc-no-touch .mbsc-sc-btn:hover, - .mbsc-sc-btn.mbsc-active { - background: @windows-button-hover; - } - - .mbsc-sc-whl-multi .mbsc-sc-itm-sel { - color: @windows-accent; - } - - /* Scrollbar */ - .mbsc-sc-bar-c { - background: @windows-scrollbar-track; - } -} - -/* Select */ - -.mbsc-@{theme} { - .mbsc-sel-gr-whl { - &.mbsc-sel-one .mbsc-sc-itm-sel { - color: @windows-accent; - } - } - - /* Filter */ - .mbsc-sel-filter-clear { - color: @windows-text; - } - - /* Desktop styling */ - &.mbsc-fr-pointer { - - /* Single select */ - .mbsc-sel-one { - &.mbsc-sc-whl-multi .mbsc-sc-itm-sel { - color: @windows-text; - background: fade(@windows-accent, 20%); - } - } - } -} - -.mbsc-@{theme} { - - /* Slider */ - &.mbsc-slider .mbsc-progress-track { - height: 6px; - background: @windows-grey; - border-top: 2px solid @windows-background; - border-bottom: 2px solid @windows-background; - } - - &.mbsc-form .mbsc-slider .mbsc-progress-track { - border-top-color: @windows-form-bg; - border-bottom-color: @windows-form-bg; - } - - &.mbsc-slider:hover .mbsc-progress-track { - background: @windows-dark-grey; - - .mbsc-slider-handle { - background: @windows-text; - } - } - - &.mbsc-slider .mbsc-active ~ .mbsc-progress-cont .mbsc-progress-track { - background: @windows-grey; - - .mbsc-slider-handle { - background: @windows-fr-border; - } - } - - .mbsc-slider-handle { - background: @windows-accent; - } - - .mbsc-slider-tooltip { - border: 1px solid @windows-fr-border; - background: @windows-background; - color: @windows-text; - } - - .mbsc-slider-step { - background: @windows-grey; - } - - /* Slider color presets */ - .mbsc-slider-primary .mbsc-progress-bar { - background: @windows-primary; - } - - .mbsc-slider-secondary .mbsc-progress-bar { - background: @windows-secondary; - } - - .mbsc-slider-success .mbsc-progress-bar { - background: @windows-success; - } - - .mbsc-slider-danger .mbsc-progress-bar { - background: @windows-danger; - } - - .mbsc-slider-warning .mbsc-progress-bar { - background: @windows-warning; - } - - .mbsc-slider-info .mbsc-progress-bar { - background: @windows-info; - } -} - -/* Timer */ - -.mbsc-@{theme} { - &.mbsc-timer .mbsc-sc-lbl { - color: @windows-text; - } -} - -/* Timespan */ - -.mbsc-@{theme} { - &.mbsc-ts .mbsc-sc-lbl { - color: @windows-text; - } -} - -/* Widget */ - -.mbsc-@{theme}.mbsc-wdg { - .mbsc-fr-btn { - background: @windows-fr-border; - } -} diff --git a/src/less/templates/wp.less b/src/less/templates/wp.less deleted file mode 100644 index 97ba788d..00000000 --- a/src/less/templates/wp.less +++ /dev/null @@ -1,618 +0,0 @@ -@theme: wp; -@input1: #1ca1e3; -@input2: #1f1f1f; -@input3: #ffffff; -@output1_1: @input1; -@output2_1: @input2; -@output2_2: hsv(hsvhue(@input2), hsvsaturation(@input2), min(hsvvalue(@input2) + 7%, 95%)); -@output2_3: hsv(hsvhue(@input2), hsvsaturation(@input2), @value_isDark2_3); -@output2_4: hsv(hsvhue(@input2), hsvsaturation(@input2), max(@hsvvalue2_4, 25%)); -@output2_5: hsv(hsvhue(@input2), hsvsaturation(@input2), @value_isDark2_5); -@output2_6: hsv(hsvhue(@input2), hsvsaturation(@input2), @value_isDark2_6); -@output3_1: @input3; -@output3_2: hsv(hsvhue(@input3), hsvsaturation(@input3), @value_isDark3_2); -@output3_3: hsv(hsvhue(@input3), hsvsaturation(@input3), @hsvvalue3_3); -@output3_4: hsv(hsvhue(@input3), hsvsaturation(@input3), 31%); -@deltainput2: red(@input2)*0.299 + green(@input2)*0.587 + blue(@input2)*0.114; -@deltainput3: red(@input3)*0.299 + green(@input3)*0.587 + blue(@input3)*0.114; -@delta1_1: red(@output1_1)*0.299 + green(@output1_1)*0.587 + blue(@output1_1)*0.114; -@delta2_4: red(@output2_4)*0.299 + green(@output2_4)*0.587 + blue(@output2_4)*0.114; -.-(); -.-() when (@deltainput2 < 150) { - @value_isDark2_3: min(hsvvalue(@input2) + 8%, 100%); - @hsvvalue2_4: min(hsvvalue(@input2) + 18%, 100%); - @value_isDark2_5: max(hsvvalue(@input2) - 12%, 0%); - @value_isDark3_2: 0%; - @value_isDark2_6: hsvvalue(@input2) + 19%; - @output2_7: hsv(hsvhue(@input2), hsvsaturation(@input2), max(hsvvalue(@input2), 12%)); - @output2_8: hsv(hsvhue(@input2), hsvsaturation(@input2), min(hsvvalue(@input2) + 60%, 100%)); - @colorClearBackground: fade(#dfdede, 30%); -} - -.-() when (@deltainput2 >=150) { - @value_isDark2_3: max(hsvvalue(@input2) - 7%, 0%); - @hsvvalue2_4: max(hsvvalue(@input2) - 22%, 0%); - @value_isDark2_5: min(hsvvalue(@input2) + 13%, 100%); - @value_isDark3_2: hsvvalue(@input3); - @value_isDark2_6: hsvvalue(@input2) - 17%; - @output2_7: hsv(hsvhue(@input2), hsvsaturation(@input2), min(hsvvalue(@input2), 88%)); - @output2_8: hsv(hsvhue(@input2), hsvsaturation(@input2), max(hsvvalue(@input2) - 25%, 0%)); - @colorClearBackground: #ffffff; -} - -.-() when (@deltainput3 < 150) { - @hsvvalue3_3: min(hsvvalue(@input3) + 37%, 100%); -} - -.-() when (@deltainput3 >=150) { - @hsvvalue3_3: max(hsvvalue(@input3) - 37%, 0%); -} - -@text: ~ `text=function(a) { - if ( a <=150) return 'white'; - if ( a > 150) return 'black'; -} - -`; -@output1_1_text: ~ `text("@{delta1_1}")`; -@output2_4_text: ~ `text("@{delta2_4}")`; -.mbsc-@{theme} .mbsc-fr-w, -.mbsc-@{theme} .mbsc-range-btn, -.mbsc-@{theme} .mbsc-fr-btn, -.mbsc-@{theme} .mbsc-cal-tabs .mbsc-cal-tab-i, -.mbsc-@{theme} .mbsc-cal-sc-cell-i .mbsc-cal-sc-cell { - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-fr-w { - background: @output2_1; -} - -.mbsc-@{theme} .mbsc-sc-itm { - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-sc-itm:after { - border-color: @output3_1; -} - -.mbsc-@{theme} .mbsc-sc-whl .mbsc-sc-itm-sel { - color: @output1_1_text; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-cal-tab:hover .mbsc-cal-tab-i, -.mbsc-@{theme}.mbsc-no-touch .mbsc-cal-day-v:hover .mbsc-cal-day-i, -.mbsc-@{theme}.mbsc-no-touch .mbsc-cal-sc-cell:not(.mbsc-fr-btn-d):hover .mbsc-cal-sc-tbl .mbsc-cal-sc-cell, -.mbsc-@{theme}.mbsc-no-touch .mbsc-range-btn-c:hover .mbsc-range-btn, -.mbsc-@{theme} .mbsc-cal-day-sel .mbsc-cal-day-i, -.mbsc-@{theme} .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i .mbsc-cal-sc-cell, -.mbsc-@{theme} .mbsc-cal-tabs .mbsc-cal-tab-sel .mbsc-cal-tab-i, -.mbsc-@{theme} .mbsc-range-btn-sel .mbsc-range-btn { - color: @output1_1_text; - background: @output1_1; - border-color: @output1_1; -} - - -/* Clickpick-mode */ - -.mbsc-@{theme} .mbsc-sc-btn { - background: @output2_1; -} - -.mbsc-@{theme} .mbsc-sc-btn:before { - color: @output3_1; - border-color: @output3_1; -} - -.mbsc-@{theme} .mbsc-sc-itm-sel:after, -.mbsc-@{theme} .mbsc-sc-itm.mbsc-btn-a:after, -.mbsc-@{theme} .mbsc-sc-btn-a:before, -.mbsc-@{theme}.mbsc-no-touch .mbsc-sc-btn:hover:before { - background: @output1_1; - border-color: @output1_1; -} - -.mbsc-@{theme} .mbsc-sc-whl-w:not(.mbsc-sc-whl-multi) .mbsc-sc-whl-anim .mbsc-sc-itm-sel { - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-sc-whl-w:not(.mbsc-sc-whl-multi) .mbsc-sc-whl-anim .mbsc-sc-itm-sel:after, -.mbsc-@{theme} .mbsc-sc-whl-w:not(.mbsc-sc-whl-multi) .mbsc-sc-whl-wpa .mbsc-sc-itm.mbsc-btn-a:after { - background: none; - border-color: @output3_1; -} - - -/* Bubble positioning */ - -.mbsc-@{theme} .mbsc-fr-bubble-bottom .mbsc-fr-arr { - border-color: transparent transparent @output2_1 transparent; -} - -.mbsc-@{theme} .mbsc-fr-bubble-top .mbsc-fr-arr { - border-color: @output2_1 transparent transparent transparent; -} - - -/* Multiple select */ - -.mbsc-@{theme} .mbsc-sc-whl-multi .mbsc-sc-itm:after { - border-color: @output3_1; -} - -.mbsc-@{theme} .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before, -.mbsc-@{theme} .mbsc-sc-whl-multi .mbsc-sc-itm-sel { - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-sel-filter-clear { - color: @output3_1; -} - - -/* Calendar */ - -.mbsc-@{theme} .mbsc-cal-sc-m-cell { - background: @output2_1; -} - -.mbsc-@{theme} .mbsc-cal-event { - background: @output2_4; - color: @output2_4_text; -} - -.mbsc-@{theme} .mbsc-cal-events { - background: @output3_1; - background: fade(@output3_1, 80%); -} - -.mbsc-@{theme} .mbsc-cal-events-arr { - border-color: fade(@output3_1, 80%) transparent transparent; -} - -.mbsc-@{theme} .mbsc-cal-events-b .mbsc-cal-events-arr { - border-color: transparent transparent fade(@output3_1, 80%); -} - -.mbsc-@{theme} .mbsc-cal-day-m-c { - background: @output3_1; -} - -.mbsc-@{theme} .mbsc-cal-day-fg, -.mbsc-@{theme} .mbsc-cal-sc-cell-i .mbsc-cal-sc-cell, -.mbsc-@{theme} .mbsc-cal-tabs .mbsc-cal-tab-i { - border-color: @output2_4; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-cal-day-v:hover .mbsc-cal-day-fg, -.mbsc-@{theme} .mbsc-cal-day-sel .mbsc-cal-day-fg { - border-color: @output1_1; -} - -.mbsc-@{theme} .mbsc-cal-day-hl .mbsc-cal-day-fg { - background: @output3_1; - border-color: @output3_1; - color: @output2_1; -} - -.mbsc-@{theme} .mbsc-cal-hl-now .mbsc-cal-today { - color: @output1_1; -} - -.mbsc-@{theme} .mbsc-fr-btn:before, -.mbsc-@{theme} .mbsc-cal-btn-txt:before { - color: @output3_1; - border-color: @output3_1; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-fr-btn-d):hover:before, -.mbsc-@{theme}.mbsc-no-touch .mbsc-cal-btn:not(.mbsc-fr-btn-d):hover .mbsc-cal-btn-txt:before, -.mbsc-@{theme} .mbsc-fr-btn-a:before, -.mbsc-@{theme} .mbsc-fr-btn-a .mbsc-cal-btn-txt:before { - background: @output1_1; - border-color: @output1_1; - color: @output1_1_text; -} - -.mbsc-@{theme} .mbsc-cal-week-nrs-c { - background: @output2_1; -} - - -/* Rating */ - -.mbsc-@{theme} .mbsc-rating-icon { - color: inherit; -} - -.mbsc-@{theme} .mbsc-rating-circle { - background: @output3_1; - color: @output2_1; -} - -.mbsc-@{theme} .mbsc-rating-circle-unf { - background: #646464; -} - - -/* Timer */ - -.mbsc-@{theme}.mbsc-ts .mbsc-sc-lbl, -.mbsc-@{theme}.mbsc-timer .mbsc-sc-lbl { - color: @output1_1_text; -} - - -/* Numpad */ - -.mbsc-@{theme} .mbsc-np-del.mbsc-fr-btn-a:before { - color: @output3_1; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-fr-c .mbsc-np-del:hover:before { - color: @output1_1; - background: transparent; -} - -.mbsc-@{theme} .mbsc-np-btn { - background: @output2_3; - border: 2px solid @output2_1; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-np-btn:not(.mbsc-fr-btn-d):hover { - color: @output1_1; -} - -.mbsc-@{theme}.mbsc-fr .mbsc-fr-w .mbsc-np-btn.mbsc-fr-btn-a { - background: @output1_1; - color: @output1_1_text; -} - -.mbsc-@{theme} .mbsc-np-btn.mbsc-fr-btn-d { - color: @output3_1; - opacity: .5; -} - -.mbsc-@{theme} .mbsc-np-btn-empty { - background: none; -} - - -/* Listview */ - -.mbsc-lv-@{theme} .mbsc-lv-item, -.mbsc-lv-@{theme} .mbsc-lv-gr-title { - background: @output2_1; - color: @output3_1; -} - -.mbsc-lv-@{theme}.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) { - background: @output2_2; -} - - -/* Menustrip */ - -.mbsc-@{theme}.mbsc-ms-c { - background: @output2_1; - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-ms-item { - color: @output2_4; -} - -.mbsc-@{theme} .mbsc-ms-ic:before { - border-color: @output3_1; -} - -.mbsc-@{theme} .mbsc-ms-item-sel.mbsc-ms-ic:before, -.mbsc-@{theme} .mbsc-btn-a.mbsc-ms-ic:before { - background: @output3_1; - color: @output2_1; -} - -.mbsc-@{theme}.mbsc-ms-icons .mbsc-ms-item { - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-ms-item-sel { - color: @output3_1; -} - - -/* Progress */ - -.mbsc-@{theme}.mbsc-progress .mbsc-label { - color: @output3_1; -} - -.mbsc-@{theme}.mbsc-progress .mbsc-input-ic { - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-progress-track { - background: @output2_7; -} - -.mbsc-@{theme} .mbsc-progress-bar { - background: @output1_1; -} - - -/* Slider */ - -.mbsc-@{theme} .mbsc-slider-handle { - background: @output3_1; -} - -.mbsc-@{theme} .mbsc-slider-tooltip { - background: @output3_1; - color: @output2_4; - border-color: @output2_4; -} - -.mbsc-@{theme} .mbsc-slider-step { - background: @output2_5; -} - - -/* Form elements */ - -.mbsc-@{theme}.mbsc-form { - background-color: @output2_5; - color: @output3_1; -} - -.mbsc-@{theme}.mbsc-page { - background-color: @output2_5; - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-input .mbsc-label { - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-input-ic { - color: @output3_2; -} - -.mbsc-@{theme} .mbsc-input select { - background: @output2_5; - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-select .mbsc-input-wrap input { - border-color: @output3_1; - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-input select.mbsc-active + input { - border-color: @output3_1; -} - -.mbsc-@{theme} .mbsc-select .mbsc-input-wrap .mbsc-ic { - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-input select:disabled ~ input, -.mbsc-@{theme} .mbsc-input textarea:disabled, -.mbsc-@{theme} .mbsc-input input:disabled { - background-color: transparent; - color: @output3_4; - border-color: @output3_4 -} - - -/* Checkbox */ - -.mbsc-@{theme} .mbsc-checkbox-box { - border-color: @output3_1; -} - -.mbsc-@{theme} .mbsc-checkbox-box:after { - border-color: @output3_1; -} - - -/* Radio */ - -.mbsc-@{theme} .mbsc-radio-box { - border-color: @output3_1; -} - -.mbsc-@{theme} .mbsc-radio-box:after { - background-color: @output3_1; -} - - -/* Button */ - -.mbsc-@{theme} .mbsc-btn { - color: @output3_1; - border-color: @output3_1; -} - -.mbsc-@{theme} .mbsc-btn .mbsc-btn-ic { - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-btn-flat .mbsc-btn-ic { - border-color: @output3_1; -} - -.mbsc-@{theme} .mbsc-btn-flat, -.mbsc-@{theme}.mbsc-no-touch .mbsc-btn-flat:not(:disabled):hover, -.mbsc-@{theme} .mbsc-btn-flat.mbsc-active { - color: @output3_1; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-btn-flat:not(:disabled):hover .mbsc-btn-ic, -.mbsc-@{theme} .mbsc-btn-flat.mbsc-active .mbsc-btn-ic { - border-color: @output1_1; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-btn:not(:disabled):hover .mbsc-btn-ic, -.mbsc-@{theme} .mbsc-btn.mbsc-active .mbsc-btn-ic { - background: @output1_1; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover, -.mbsc-@{theme} .mbsc-btn.mbsc-active:not(.mbsc-btn-flat) { - background: @output1_1; -} - -.mbsc-@{theme} .mbsc-switch input:checked + .mbsc-switch-track, -.mbsc-@{theme} .mbsc-radio input.mbsc-active + .mbsc-radio-box:after, -.mbsc-@{theme} .mbsc-radio input.mbsc-active + .mbsc-radio-box, -.mbsc-@{theme} .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box { - background: @output1_1; -} - -.mbsc-@{theme}.mbsc-form *::-moz-selection { - color: @output2_5; - background: @output1_1; -} - -.mbsc-@{theme}.mbsc-form *::selection { - color: @output3_1; - background: @output1_1; -} - -.mbsc-@{theme} .mbsc-input input:focus, -.mbsc-@{theme} .mbsc-input select:focus + input, -.mbsc-@{theme} .mbsc-input textarea:focus { - border-color: @output1_1; - color: @output3_2; -} - -.mbsc-@{theme} .mbsc-input select.mbsc-active + input { - background: @output1_1; - border-color: @output1_1; - color: @output1_1_text; -} - -.mbsc-@{theme} .mbsc-input select:focus + input { - background: @output2_5; - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-select select.mbsc-active ~ .mbsc-ic { - color: @output1_1_text; -} - -.mbsc-@{theme} .mbsc-select select:focus ~ .mbsc-ic { - color: @output3_1; -} - -.mbsc-@{theme} a { - color: @output1_1; -} - - -/* Switch */ - -.mbsc-@{theme} .mbsc-switch-track { - box-shadow: inset 0 0 0 2px @output2_5, 0 0 0 2px @output3_1; -} - -.mbsc-@{theme} .mbsc-switch-handle { - background: @output3_1; - border-color: @output2_5; -} - -.mbsc-@{theme} .mbsc-switch input:disabled + .mbsc-switch-track { - background: transparent; -} - -.mbsc-@{theme} .mbsc-switch input:checked:disabled + .mbsc-switch-track { - background: @output3_1; -} - - -/* Segmented & Stepper */ - -.mbsc-@{theme} .mbsc-segmented-content { - border-color: @output3_1; - color: @output3_1; -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @output3_1; - color: @output2_5; -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - background: @output1_1; -} - -.mbsc-@{theme} .mbsc-stepper .mbsc-segmented-item.mbsc-active .mbsc-segmented-content { - background: @output1_1; -} - -.mbsc-@{theme} .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-step-disabled .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-stepper .mbsc-segmented-item.mbsc-step-disabled .mbsc-segmented-content, -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { - color: @output2_6; - border-color: @output2_6; - background: transparent; -} - -.mbsc-@{theme} .mbsc-stepper input:disabled { - color: @output2_6; - -webkit-text-fill-color: @output2_6; -} - -.mbsc-@{theme} .mbsc-segmented .mbsc-segmented-item input:disabled:checked + .mbsc-segmented-content { - color: @output2_5; - background: @output2_6; -} - -.mbsc-@{theme} .mbsc-stepper input { - color: @output3_1; -} - -.mbsc-@{theme}.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@output1_1, 20%); -} - - -/* Snackbar */ - -.mbsc-@{theme}.mbsc-snackbar .mbsc-snackbar-cont .mbsc-snackbar-btn { - color: @output1_1; -} - - -/* Colorpicker */ - -.mbsc-@{theme} .mbsc-color-active, -.mbsc-no-touch.mbsc-@{theme} .mbsc-color-item-c:hover { - box-shadow: inset 0 0 0 .1875em @output1_1; -} - -.mbsc-@{theme} .mbsc-color-preview-item-empty { - border-color: @output2_8; -} - -.mbsc-@{theme} .mbsc-color-preview-cont { - border-color: @output2_8; -} - -.mbsc-@{theme}.mbsc-color .mbsc-color-slider-cont .mbsc-progress-track { - background: @output3_4; -} - -.mbsc-@{theme}.mbsc-form .mbsc-color-input { - background: @output2_5; - color: @output3_1; - border-color: @output3_1; -} - -.mbsc-@{theme} .mbsc-color-clear-item { - background: @colorClearBackground; -} diff --git a/src/less/themes/android-holo.forms.less b/src/less/themes/android-holo.forms.less deleted file mode 100644 index 89bfae47..00000000 --- a/src/less/themes/android-holo.forms.less +++ /dev/null @@ -1,478 +0,0 @@ -@import "../forms"; -@import "android-holo.page.less"; -@import "android-holo.slider.less"; -@import "android-holo.input.less"; -@import "android-holo.notifications.less"; - -/* Forms */ - -.mbsc-android-holo.mbsc-form { - background: #000; - color: #fff; -} - -.mbsc-android-holo.mbsc-form *::-moz-selection { - color: #fff; - background: #31c6e7; -} - -.mbsc-android-holo.mbsc-form *::selection { - color: #fff; - background: #31c6e7; -} - -.mbsc-android-holo .mbsc-padding { - padding: .75em; -} - -.mbsc-android-holo .mbsc-divider, -.mbsc-android-holo .mbsc-form-group-title { - margin: 0 1em; - padding: 2em 0 1em 0; - border-bottom: 1px solid #31c6e7; - font-size: .75em; - color: #31c6e7; - text-transform: uppercase; -} - -.mbsc-android-holo .mbsc-err-msg { - color: #f35047; - float: right; - padding-top: .375em; -} - - -/* Textbox, textarea, select */ - -.mbsc-android-holo .mbsc-select input { - padding: 0 .75em; - outline: 0; - border-width: 0 0 1px; - padding-bottom: 4px; -} - -.mbsc-android-holo .mbsc-input-ic { - top: 0; - margin-top: -3px; -} - -.mbsc-android-holo .mbsc-input .mbsc-label { - font-size: .75em; - padding: 0 1em; -} - -.mbsc-android-holo.mbsc-ltr .mbsc-ic-left input, -.mbsc-android-holo.mbsc-ltr .mbsc-ic-left textarea, -.mbsc-android-holo.mbsc-rtl .mbsc-ic-right input, -.mbsc-android-holo.mbsc-rtl .mbsc-ic-right textarea { - padding-left: 2.4em; -} - -.mbsc-android-holo.mbsc-ltr .mbsc-ic-right input, -.mbsc-android-holo.mbsc-ltr .mbsc-ic-right textarea, -.mbsc-android-holo.mbsc-rtl .mbsc-ic-left input, -.mbsc-android-holo.mbsc-rtl .mbsc-ic-left textarea { - padding-right: 2.4em; -} - -.mbsc-android-holo .mbsc-select .mbsc-input-wrap .mbsc-select-ic { - position: absolute; - display: block; - height: 0; - width: 0; - bottom: 0; - right: 0; - border: 5px solid black; - border-color: transparent #a9a9a9 #a9a9a9 transparent; -} - -.mbsc-android-holo .mbsc-ic-left .mbsc-left-ic, -.mbsc-android-holo.mbsc-rtl .mbsc-ic-right .mbsc-right-ic { - right: auto; - left: .125em; -} - -.mbsc-android-holo .mbsc-ic-right .mbsc-right-ic, -.mbsc-android-holo.mbsc-rtl .mbsc-ic-left .mbsc-left-ic { - left: auto; - right: .125em; -} - -.mbsc-android-holo .mbsc-select-ic:before { - display: none; -} - - -/* Select inline */ - -.mbsc-android-holo .mbsc-select-inline .mbsc-input-wrap .mbsc-select-ic { - display: none; -} - - -/* Checkbox, radio, switch */ - -.mbsc-android-holo .mbsc-checkbox input:disabled + .mbsc-checkbox-box, -.mbsc-android-holo .mbsc-checkbox input:disabled ~ .mbsc-label, -.mbsc-android-holo .mbsc-checkbox input:disabled ~ .mbsc-desc, -.mbsc-android-holo .mbsc-radio input:disabled + .mbsc-radio-box, -.mbsc-android-holo .mbsc-radio input:disabled ~ .mbsc-label, -.mbsc-android-holo .mbsc-radio input:disabled ~ .mbsc-desc, -.mbsc-android-holo .mbsc-switch input:disabled + .mbsc-switch-track, -.mbsc-android-holo .mbsc-switch input:disabled ~ .mbsc-label, -.mbsc-android-holo .mbsc-switch input:disabled ~ .mbsc-desc { - opacity: .4; -} - - -/* Checkbox */ - -.mbsc-android-holo.mbsc-form .mbsc-checkbox { - padding: 1.25em 3em 1.25em .75em; -} - -.mbsc-android-holo.mbsc-rtl .mbsc-checkbox { - padding: 1.25em .75em 1.25em 3em; -} - -.mbsc-android-holo .mbsc-checkbox-box { - width: 1em; - height: 1em; - border: 1px solid #4e4e4e; - background: transparent; - right: 1.25em; - margin-top: -.5em; -} - -.mbsc-android-holo.mbsc-rtl .mbsc-checkbox-box { - right: auto; - left: 1.25em; -} - -.mbsc-android-holo .mbsc-checkbox-box:after { - top: 0; - left: 16%; - width: .925em; - height: .438em; - border: 3px solid #31c6e7; - border-top: 0; - border-right: 0; -} - -.mbsc-android-holo .mbsc-checkbox input:disabled + .mbsc-checkbox-box:after { - border-color: #444; -} - -.mbsc-android-holo .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:before { - position: absolute; - height: 2em; - width: 2em; - top: 50%; - left: 50%; - margin-top: -1em; - margin-left: -1em; - border-radius: 3px; - content: ' '; - background: rgba(55, 55, 55, .6); -} - - -/* Radio */ - -.mbsc-android-holo.mbsc-form .mbsc-radio { - padding: 1.25em 3.25em 1.25em .75em; -} - -.mbsc-android-holo.mbsc-rtl .mbsc-radio { - padding: 1.25em .75em 1.25em 3.25em; -} - -.mbsc-android-holo .mbsc-radio-box { - background: transparent; - border: 2px solid #4e4e4e; - right: 1.25em; - margin-top: -.625em; -} - -.mbsc-android-holo.mbsc-rtl .mbsc-radio-box { - right: auto; - left: 1.25em; -} - -.mbsc-android-holo .mbsc-radio-box:after { - background: #31c6e7; -} - -.mbsc-android-holo .mbsc-radio input:checked:disabled + .mbsc-radio-box:after { - background: #7b7e82; -} - -.mbsc-android-holo .mbsc-radio input.mbsc-active + .mbsc-radio-box:before { - position: absolute; - top: 50%; - left: 50%; - margin-top: -1.25em; - margin-left: -1.25em; - border-radius: 2.5em; - height: 2.5em; - width: 2.5em; - content: ' '; - background: rgba(55, 55, 55, .6); -} - - -/* Button */ - -.mbsc-android-holo .mbsc-btn { - margin: .5em .25em; - padding: .625em; - color: #fff; - background: #5c5c5c; - border-radius: 2px; - box-shadow: inset 0 1px 1px rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .5); -} - -.mbsc-android-holo .mbsc-btn-ic { - padding-right: .625em; -} - -.mbsc-android-holo .mbsc-btn-icon-only .mbsc-btn-ic { - padding: 0 .625em; -} - -.mbsc-android-holo.mbsc-no-touch .mbsc-btn:not(:disabled):not(.mbsc-active):hover { - background: #676767; -} - -.mbsc-android-holo .mbsc-btn.mbsc-active { - background: #757575; -} - -.mbsc-android-holo .mbsc-btn:disabled { - background: #e5e5e5; - color: #b5b5b5; - box-shadow: none; -} - -.mbsc-android-holo .mbsc-btn.mbsc-btn-flat { - border-color: transparent; - background: transparent; - font-weight: bold; - box-shadow: none; -} - -.mbsc-android-holo.mbsc-no-touch .mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover { - opacity: .8; -} - -.mbsc-android-holo .mbsc-btn-flat.mbsc-active { - opacity: .6; -} - -.mbsc-android-holo .mbsc-btn-flat:disabled { - opacity: .2; - background: transparent; - color: #fff; -} - -.mbsc-android-holo .mbsc-btn-group, -.mbsc-android-holo .mbsc-btn-group-justified { - padding: .25em .5em; -} - -.mbsc-android-holo .mbsc-btn-group-block { - padding: .25em .75em; -} - - -/* Switch */ - -.mbsc-android-holo.mbsc-form .mbsc-switch { - padding: 1.25em 7.25em 1.25em .75em; -} - -.mbsc-android-holo.mbsc-rtl .mbsc-switch { - padding: 1.25em .75em 1.25em 7.25em; -} - -.mbsc-android-holo .mbsc-switch-track { - background: #464646; - width: 4.625em; - height: 1.25em; - right: 1.25em; - padding: 0 1.125em; - margin-top: -.625em; -} - -.mbsc-android-holo.mbsc-rtl .mbsc-switch-track { - right: auto; - left: 1.25em; -} - -.mbsc-android-holo .mbsc-switch-handle { - top: .375em; - left: -.125em; - height: 100%; - width: 2.25em; - height: 1.25em; - margin: 0; - background: #676767; - border-radius: 0; - text-transform: uppercase; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2), inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .1); -} - -.mbsc-android-holo.mbsc-rtl .mbsc-switch-handle { - left: auto; - right: -.125em; -} - -.mbsc-android-holo .mbsc-switch-handle:after { - display: none; -} - -.mbsc-android-holo .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-txt-off { - display: none; -} - -.mbsc-android-holo .mbsc-switch-handle .mbsc-switch-txt-off, -.mbsc-android-holo .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-txt-on { - display: block; -} - -.mbsc-android-holo .mbsc-switch input.mbsc-active + .mbsc-switch-track .mbsc-switch-handle { - background: #737373; -} - -.mbsc-android-holo .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle { - background: #29799c; -} - -.mbsc-android-holo .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle { - background: #a6a7a6; -} - - -/* Segmented & Stepper */ - -.mbsc-android-holo .mbsc-segmented { - padding: .75em; -} - -.mbsc-android-holo .mbsc-segmented-content { - height: 2.2857145em; - margin: 0 -.07142857em; - line-height: 2.2857145em; - padding: 0 .428571em; - text-transform: capitalize; - border: .142857em solid #31c6e7; -} - -.mbsc-android-holo .mbsc-stepper-cont { - padding: 1.75em 12.375em 1.75em .75em; -} - -.mbsc-android-holo.mbsc-rtl .mbsc-stepper-cont { - padding: 1.75em .75em 1.75em 12.375em; -} - -.mbsc-android-holo .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: #31c6e7; -} - -.mbsc-android-holo .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { - background: #757575; -} - -.mbsc-android-holo .mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - background: rgba(49, 198, 231, .35); -} - -.mbsc-android-holo .mbsc-stepper-control .mbsc-segmented-content { - border: 0; - background: #5c5c5c; - box-shadow: inset 0 1px 1px rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .5); -} - -.mbsc-android-holo.mbsc-ltr .mbsc-stepper-minus .mbsc-segmented-content, -.mbsc-android-holo.mbsc-ltr .mbsc-segmented-item:first-child .mbsc-segmented-content, -.mbsc-android-holo.mbsc-rtl .mbsc-stepper-plus .mbsc-segmented-content, -.mbsc-android-holo.mbsc-rtl .mbsc-segmented-item:last-child .mbsc-segmented-content { - border-top-left-radius: .142857em; - border-bottom-left-radius: .142857em; -} - -.mbsc-android-holo.mbsc-ltr .mbsc-stepper-plus .mbsc-segmented-content, -.mbsc-android-holo.mbsc-ltr .mbsc-segmented-item:last-child .mbsc-segmented-content, -.mbsc-android-holo.mbsc-rtl .mbsc-stepper-minus .mbsc-segmented-content, -.mbsc-android-holo.mbsc-rtl .mbsc-segmented-item:first-child .mbsc-segmented-content { - border-top-right-radius: .142857em; - border-bottom-right-radius: .142857em; -} - -.mbsc-android-holo .mbsc-stepper .mbsc-stepper-val { - border: 0; - background: #f5f5f5; - color: #000; - box-shadow: inset 0 1px 1px rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .5); -} - -.mbsc-android-holo .mbsc-stepper { - right: .75em; - margin-top: -1em; -} - -.mbsc-android-holo.mbsc-rtl .mbsc-stepper { - right: auto; - left: .75em; -} - -.mbsc-android-holo .mbsc-stepper .mbsc-segmented-content { - margin: 0; -} - -.mbsc-android-holo .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { - color: #b5b5b5; - border-color: #5c5c5c; - background: transparent; -} - -.mbsc-android-holo .mbsc-segmented .mbsc-segmented-item input:disabled:checked + .mbsc-segmented-content, -.mbsc-android-holo .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, -.mbsc-android-holo .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-step-disabled .mbsc-segmented-content { - background: #e5e5e5; - color: #b5b5b5; - border-color: #e5e5e5; -} - -.mbsc-android-holo .mbsc-stepper .mbsc-segmented-item input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val { - background: #f5f5f5; -} - -.mbsc-android-holo .mbsc-stepper-val-left .mbsc-segmented-item:nth-child(2) .mbsc-segmented-content, -.mbsc-android-holo .mbsc-stepper-val-right .mbsc-segmented-item:last-child .mbsc-segmented-content { - box-shadow: none; -} - -.mbsc-android-holo .mbsc-stepper input { - color: #000; - z-index: 3; -} - -.mbsc-android-holo .mbsc-stepper-val-left input, -.mbsc-android-holo .mbsc-stepper-val-right input { - color: #fff; -} - -.mbsc-android-holo .mbsc-stepper input:disabled { - color: #b5b5b5; - -webkit-text-fill-color: #b5b5b5; -} - -.mbsc-android-holo.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content { - background: rgba(49, 182, 231, 0.2); -} - -.mbsc-android-holo.mbsc-no-touch .mbsc-stepper-control:hover .mbsc-segmented-content { - background: #676767; -} diff --git a/src/less/themes/android-holo.frame.less b/src/less/themes/android-holo.frame.less deleted file mode 100644 index 936d17e0..00000000 --- a/src/less/themes/android-holo.frame.less +++ /dev/null @@ -1,76 +0,0 @@ -@import "../frame"; - -/* Frame */ - -.mbsc-android-holo .mbsc-fr-w { - background: #292829; - color: #fff; - border-radius: .25em; - font-size: 16px; -} - -.mbsc-android-holo .mbsc-fr-hdr { - color: #31b6e7; - padding: 0 .5em; - min-height: 2em; - line-height: 2em; - border-bottom: 2px solid #31b6e7; - font-size: 1.125em; -} - - -/* Buttons */ - -.mbsc-android-holo .mbsc-fr-btn-cont { - border-top: 1px solid #424542; -} - -.mbsc-android-holo .mbsc-fr-btn { - height: 2.6em; - line-height: 2.6em; - color: #fff; - font-size: .875em; -} - -.mbsc-android-holo.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-fr-btn-d):hover, -.mbsc-android-holo .mbsc-fr-btn-a { - background: rgba(49, 182, 231, .5); -} - -.mbsc-android-holo .mbsc-fr-btn-w .mbsc-fr-btn { - border-left: 1px solid #424542; -} - -.mbsc-android-holo .mbsc-ltr .mbsc-fr-btn-w:first-child .mbsc-fr-btn, -.mbsc-android-holo .mbsc-rtl .mbsc-fr-btn-w:last-child .mbsc-fr-btn { - border: 0; - border-radius: 0 0 0 .285714em; -} - -.mbsc-android-holo .mbsc-ltr .mbsc-fr-btn-w:last-child .mbsc-fr-btn, -.mbsc-android-holo .mbsc-rtl .mbsc-fr-btn-w:first-child .mbsc-fr-btn { - border-radius: 0 0 .285714em 0; -} - - -/* Top, bottom mode */ - -.mbsc-android-holo.mbsc-fr-inline .mbsc-fr-w, -.mbsc-android-holo.mbsc-fr-top .mbsc-fr-w, -.mbsc-android-holo.mbsc-fr-bottom .mbsc-fr-w, -.mbsc-android-holo.mbsc-fr-inline .mbsc-fr-w .mbsc-fr-btn-w .mbsc-fr-btn, -.mbsc-android-holo.mbsc-fr-top .mbsc-fr-w .mbsc-fr-btn-w .mbsc-fr-btn, -.mbsc-android-holo.mbsc-fr-bottom .mbsc-fr-w .mbsc-fr-btn-w .mbsc-fr-btn { - border-radius: 0; -} - - -/* Bubble positioning */ - -.mbsc-android-holo .mbsc-fr-bubble-bottom .mbsc-fr-arr { - border-color: transparent transparent #292829 transparent; -} - -.mbsc-android-holo .mbsc-fr-bubble-top .mbsc-fr-arr { - border-color: #292829 transparent transparent transparent; -} diff --git a/src/less/themes/android-holo.input.less b/src/less/themes/android-holo.input.less deleted file mode 100644 index 78832c51..00000000 --- a/src/less/themes/android-holo.input.less +++ /dev/null @@ -1,59 +0,0 @@ -@import "../input"; - -/* Input */ - -.mbsc-android-holo .mbsc-input { - padding: .75em; -} - -.mbsc-android-holo .mbsc-input input, -.mbsc-android-holo .mbsc-input textarea { - height: 2em; - padding: 0 .75em; - background: #000; - border: 0; - border-bottom: 5px solid #a9a9a9; - outline: 4px solid #000; - outline-offset: -5px; - color: #fff; -} - -.mbsc-android-holo.mbsc-wdg .mbsc-input textarea, -.mbsc-android-holo.mbsc-wdg .mbsc-input input, -.mbsc-lv-android-holo .mbsc-input input, -.mbsc-lv-android-holo .mbsc-input textarea { - background: #292929; - outline: 4px solid #292929; -} - -.mbsc-android-holo .mbsc-input textarea { - padding: .25em .75em 0 .75em; -} - -.mbsc-android-holo .mbsc-input input:focus, -.mbsc-android-holo .mbsc-input select:focus + input, -.mbsc-android-holo .mbsc-input textarea:focus { - border-color: #31c6e7; -} - -.mbsc-android-holo .mbsc-input.mbsc-err input, -.mbsc-android-holo .mbsc-input.mbsc-err textarea { - border-color: #f35047; -} - -.mbsc-android-holo .mbsc-input .mbsc-control:focus ~ .mbsc-select-ic { - border-color: transparent #31c6e7 #31c6e7 transparent; -} - -.mbsc-android-holo .mbsc-input select:disabled ~ input, -.mbsc-android-holo .mbsc-input textarea:disabled, -.mbsc-android-holo .mbsc-input input:disabled { - opacity: .4; -} - -.mbsc-android-holo .mbsc-input textarea:-webkit-autofill, -.mbsc-android-holo .mbsc-input input:-webkit-autofill { - border-color: #faffbd; - box-shadow: 0 0 0 50em #000 inset; - -webkit-text-fill-color: #fff; -} diff --git a/src/less/themes/android-holo.notifications.less b/src/less/themes/android-holo.notifications.less deleted file mode 100644 index c16fa1be..00000000 --- a/src/less/themes/android-holo.notifications.less +++ /dev/null @@ -1,23 +0,0 @@ -@import "../notifications"; -@import "android-holo.widget.less"; - -/* Snackbar */ - -.mbsc-android-holo.mbsc-snackbar .mbsc-fr-w { - background: #323232; - color: #fff; -} - -.mbsc-android-holo.mbsc-snackbar .mbsc-snackbar-btn { - color: #eeff41; - text-transform: uppercase; -} - - -/* Toast */ - -.mbsc-android-holo.mbsc-toast .mbsc-toast-msg { - background: rgba(80, 80, 80, .9); - border-radius: 1.571429em; - color: #fff; -} diff --git a/src/less/themes/android-holo.page.less b/src/less/themes/android-holo.page.less deleted file mode 100644 index e3ac8f30..00000000 --- a/src/less/themes/android-holo.page.less +++ /dev/null @@ -1,12 +0,0 @@ -@import "../page"; - -/* Page */ - -.mbsc-android-holo.mbsc-page { - background: #000; - color: #fff; -} - -.mbsc-android-holo a { - color: #31c6e7; -} diff --git a/src/less/themes/android-holo.progress.less b/src/less/themes/android-holo.progress.less deleted file mode 100644 index 992a9b49..00000000 --- a/src/less/themes/android-holo.progress.less +++ /dev/null @@ -1,74 +0,0 @@ -@import "../progress"; - -/* Progress */ - -.mbsc-android-holo.mbsc-progress { - padding: .75em; -} - -.mbsc-android-holo.mbsc-progress .mbsc-input-ic { - top: .25em; -} - -.mbsc-ltr.mbsc-android-holo.mbsc-progress.mbsc-ic-right, -.mbsc-rtl.mbsc-android-holo.mbsc-progress.mbsc-ic-left { - padding-right: 3.25em; -} - -.mbsc-ltr.mbsc-android-holo.mbsc-progress.mbsc-ic-left, -.mbsc-rtl.mbsc-android-holo.mbsc-progress.mbsc-ic-right { - padding-left: 3.25em; -} - -.mbsc-android-holo.mbsc-progress.mbsc-ic-right .mbsc-right-ic, -.mbsc-rtl.mbsc-android-holo.mbsc-progress.mbsc-ic-left .mbsc-left-ic { - left: auto; - right: -2.375em; -} - -.mbsc-android-holo.mbsc-progress.mbsc-ic-left .mbsc-left-ic, -.mbsc-rtl.mbsc-android-holo.mbsc-progress.mbsc-ic-right .mbsc-right-ic { - right: auto; - left: -2.375em; -} - -.mbsc-android-holo.mbsc-progress .mbsc-input-wrap { - padding: 0; -} - -.mbsc-android-holo.mbsc-progress .mbsc-label { - padding: 0; - font-size: .75em; -} - -.mbsc-android-holo .mbsc-progress-cont { - padding: 1em 0; -} - -.mbsc-android-holo .mbsc-progress-track { - background: #818181; - height: .125em; -} - -.mbsc-android-holo .mbsc-progress-bar { - background: #31c6e7; -} - -.mbsc-android-holo .mbsc-progress-value { - font-size: .75em; - width: 4em; -} - -.mbsc-ltr.mbsc-android-holo.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap, -.mbsc-rtl.mbsc-android-holo.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap { - padding-left: 3.25em; -} - -.mbsc-ltr.mbsc-android-holo.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap, -.mbsc-rtl.mbsc-android-holo.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap { - padding-right: 3.25em; -} - -.mbsc-android-holo .mbsc-progress-step-label { - top: 1.5em; -} diff --git a/src/less/themes/android-holo.scroller.less b/src/less/themes/android-holo.scroller.less deleted file mode 100644 index 61af408e..00000000 --- a/src/less/themes/android-holo.scroller.less +++ /dev/null @@ -1,97 +0,0 @@ -@import "../scroller"; -@import "android-holo.frame.less"; - -/* Scroller */ - -.mbsc-android-holo .mbsc-sc-whl-gr { - padding: .0625em .625em; -} - -.mbsc-android-holo .mbsc-sc-lbl-v .mbsc-sc-whl-gr { - padding: 1.875em .625em .0625em .625em; -} - -.mbsc-android-holo .mbsc-sc-lbl { - font-size: .75em; - line-height: 2.5em; -} - -.mbsc-android-holo .mbsc-sc-whl-w { - margin: 0 .625em; -} - -.mbsc-android-holo .mbsc-sc-whl-o { - display: block; - background: -webkit-linear-gradient(#282828, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828); - background: linear-gradient(#282828, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828); -} - -.mbsc-android-holo .mbsc-sc-whl-l { - z-index: 3; - border-top: 2px solid #31b6e7; - border-bottom: 2px solid #31b6e7; -} - -.mbsc-android-holo .mbsc-sc-itm { - color: #fff; - font-size: 1.125em; -} - -.mbsc-android-holo .mbsc-sc-itm.mbsc-btn-a { - background: rgba(49, 182, 231, .5); -} - -.mbsc-android-holo .mbsc-sc-btn { - color: #7e7e7e; - background: #292829; -} - -.mbsc-android-holo.mbsc-no-touch .mbsc-sc-btn:hover, -.mbsc-android-holo .mbsc-sc-btn-a { - background: #292829; - color: #319abd; -} - -.mbsc-android-holo .mbsc-sc-btn:before { - font-size: 1.625em; -} - - -/* Multiple select */ - -.mbsc-android-holo .mbsc-sc-whl-multi .mbsc-sc-whl-o { - display: none; -} - -.mbsc-android-holo .mbsc-sc-whl-multi .mbsc-sc-itm { - padding: 0 2.25em; -} - -.mbsc-android-holo .mbsc-sc-whl-multi .mbsc-sc-itm:after { - content: ''; - position: absolute; - z-index: 1; - top: 50%; - left: auto; - right: .625em; - width: .875em; - height: .875em; - margin-top: -.5625em; - border: 1px solid #424542; -} - -.mbsc-android-holo .mbsc-sc-itm-ph:after { - display: none; -} - -.mbsc-android-holo .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { - z-index: 2; - top: 50%; - left: auto; - right: .625em; - width: .875em; - color: #31b6e7; - margin-top: -.625em; - line-height: .875em; - text-shadow: 0 0 .375em #29799c; -} diff --git a/src/less/themes/android-holo.slider.less b/src/less/themes/android-holo.slider.less deleted file mode 100644 index f18285ac..00000000 --- a/src/less/themes/android-holo.slider.less +++ /dev/null @@ -1,85 +0,0 @@ -@import "../slider"; -@import "android-holo.progress.less"; - -/* Slider */ - -.mbsc-android-holo.mbsc-slider .mbsc-input-wrap { - padding: 0 .9375em; -} - -.mbsc-android-holo .mbsc-slider-step { - background: #fff; -} - -.mbsc-android-holo .mbsc-slider-handle { - top: 50%; - width: .625em; - height: .625em; - margin: -.3125em -.3125em 0 0; - border-radius: .625em; - background: #31c6e7; -} - -.mbsc-android-holo .mbsc-slider-handle.mbsc-active { - background: #fff; -} - -.mbsc-android-holo .mbsc-slider-handle:after { - position: absolute; - top: 50%; - left: 50%; - margin-top: -.9375em; - margin-left: -.9375em; - border-radius: 1.875em; - height: 1.875em; - width: 1.875em; - content: ' '; - background: rgba(67, 198, 231, .3); -} - -.mbsc-android-holo .mbsc-slider-handle:focus:after, -.mbsc-android-holo .mbsc-active .mbsc-slider-handle:after { - margin-top: -1em; - margin-left: -1em; - border: 1px solid #29799c; -} - -.mbsc-android-holo .mbsc-slider-tooltip { - width: 3em; - top: -1.25em; - margin-right: -1.5em; - text-align: center; - color: #fff; - background: #000; - -webkit-transition: opacity .2s ease-in-out; - transition: opacity .2s ease-in-out; -} - -.mbsc-android-holo .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, -.mbsc-android-holo .mbsc-active .mbsc-slider-tooltip { - opacity: 1; -} - -.mbsc-android-holo.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { - background: #fff; - opacity: .4; -} - -.mbsc-android-holo.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle { - width: .25em; - height: .25em; - margin: -.125em -.125em 0 0; - border-radius: .625em; - background: #fff; -} - -.mbsc-android-holo.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle:after { - margin-top: -.9375em; - margin-left: -.9375em; - border: 0; - background: rgba(200, 200, 200, .5); -} - -.mbsc-android-holo.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-bar { - background: #a9a9a9; -} diff --git a/src/less/themes/android-holo.widget.less b/src/less/themes/android-holo.widget.less deleted file mode 100644 index fc2a7803..00000000 --- a/src/less/themes/android-holo.widget.less +++ /dev/null @@ -1,2 +0,0 @@ -@import "../widget"; -@import "android-holo.frame.less"; diff --git a/src/less/themes/ios.collapsible.less b/src/less/themes/ios.collapsible.less deleted file mode 100644 index 09970a3f..00000000 --- a/src/less/themes/ios.collapsible.less +++ /dev/null @@ -1,16 +0,0 @@ -/* collapsible */ - -.mbsc-ios .mbsc-collapsible { - .mbsc-collapsible-header { - padding-right: 3em; - } - - .mbsc-form-group-title { - padding-top: 2.5em; - margin: 0; - - .mbsc-collapsible-icon { - margin-top: .5em; - } - } -} diff --git a/src/less/themes/ios.forms.less b/src/less/themes/ios.forms.less deleted file mode 100644 index 9915a339..00000000 --- a/src/less/themes/ios.forms.less +++ /dev/null @@ -1,920 +0,0 @@ -@import "../forms"; -@import "ios"; -@import "ios.page.less"; -@import "ios.borders.less"; -@import "ios.input.less"; -@import "ios.slider.less"; -@import "ios.rating.less"; -@import "ios.notifications.less"; -@import "ios.collapsible.less"; - -/* Form */ - -.mbsc-ios { - - &.mbsc-form { - background: #efeff4; - color: #000; - } - - &.mbsc-form *::-moz-selection { - color: #fff; - background: #1272dc; - } - - &.mbsc-form *::selection { - color: #fff; - background: #1272dc; - } - - .mbsc-input-ic { - color: #7f8797; - } - - .mbsc-desc { - opacity: .5; - } - - .mbsc-divider, - .mbsc-form-group-title { - position: relative; - z-index: 2; - margin-top: -1px; - border-bottom: 1px solid #ccc; - color: #6d6d72; - font-size: 0.75em; - line-height: 1.5em; - text-transform: uppercase; - } - - .mbsc-divider { - padding: 2.333334em 1.333334em .5em 1.333334em; - border-top: 1px solid #ccc; - } - - .mbsc-form-group-title { - padding: .5em 1.333334em; - } - - &.mbsc-form-outline .mbsc-divider, - &.mbsc-form-outline .mbsc-form-group-title, - &.mbsc-form-box .mbsc-divider, - &.mbsc-form-box .mbsc-form-group-title { - border: 0; - } - - /* Form grid */ - - .mbsc-form-grid { - margin-top: .75em; - margin-bottom: .75em; - } - - .mbsc-form-grid .mbsc-input-box.mbsc-control-w, - .mbsc-form-grid .mbsc-input-outline.mbsc-control-w { - margin: .75em 1em; - } - - /* Checkbox, radio */ - &.mbsc-form .mbsc-checkbox, - &.mbsc-form .mbsc-radio { - padding: .875em 3.75em .875em 1em; - background: #fff; - } - - &.mbsc-rtl .mbsc-checkbox, - &.mbsc-rtl .mbsc-radio { - padding: .875em 1em .875em 3.75em; - } - - .mbsc-checkbox input:disabled + .mbsc-checkbox-box, - .mbsc-checkbox input:disabled ~ .mbsc-label, - .mbsc-checkbox input:disabled ~ .mbsc-desc, - .mbsc-radio input:disabled + .mbsc-radio-box, - .mbsc-radio input:disabled ~ .mbsc-label, - .mbsc-radio input:disabled ~ .mbsc-desc, - .mbsc-switch input:disabled + .mbsc-switch-track, - .mbsc-switch input:disabled ~ .mbsc-label, - .mbsc-switch input:disabled ~ .mbsc-desc { - opacity: .3; - } - - .mbsc-checkbox-box:after, - .mbsc-radio-box:after { - transition: opacity .2s ease-in-out; - } - - /* Checkbox */ - .mbsc-checkbox-box { - right: 1em; - width: 1.75em; - height: 1.75em; - margin-top: -.875em; - background: transparent; - border: .125em solid #1272dc; - border-radius: 2em; - } - - &.mbsc-rtl .mbsc-checkbox-box { - right: auto; - left: 1em; - } - - .mbsc-checkbox-box:after { - top: 32%; - left: 26%; - width: .75em; - height: .375em; - border: .125em solid #1272dc; - border-top: 0; - border-right: 0; - } - - /* Checkbox color presets */ - .mbsc-checkbox-primary { - - .mbsc-checkbox-box, - .mbsc-checkbox-box:after { - border-color: @ios-primary; - } - } - - .mbsc-checkbox-secondary { - - .mbsc-checkbox-box, - .mbsc-checkbox-box:after { - border-color: @ios-secondary; - } - } - - .mbsc-checkbox-success { - - .mbsc-checkbox-box, - .mbsc-checkbox-box:after { - border-color: @ios-success; - } - } - - .mbsc-checkbox-danger { - - .mbsc-checkbox-box, - .mbsc-checkbox-box:after { - border-color: @ios-danger; - } - } - - .mbsc-checkbox-warning { - - .mbsc-checkbox-box, - .mbsc-checkbox-box:after { - border-color: @ios-warning; - } - } - - .mbsc-checkbox-info { - - .mbsc-checkbox-box, - .mbsc-checkbox-box:after { - border-color: @ios-info; - } - } - - /* Radio */ - .mbsc-radio-box { - right: 1.125em; - margin-top: -.625em; - background: transparent; - } - - &.mbsc-rtl .mbsc-radio-box { - right: auto; - left: 1.125em; - } - - .mbsc-radio-box:after { - position: absolute; - top: 44%; - left: 23%; - width: 1em; - height: .5em; - border: .125em solid #1272dc; - border-top: 0; - border-right: 0; - border-radius: 0; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - } - - .mbsc-radio input:disabled ~ .mbsc-radio-label { - color: #a6a7a6; - } - - /* Radio color presets */ - .mbsc-radio-primary .mbsc-radio-box:after { - border-color: @ios-primary; - } - - .mbsc-radio-secondary .mbsc-radio-box:after { - border-color: @ios-secondary; - } - - .mbsc-radio-success .mbsc-radio-box:after { - border-color: @ios-success; - } - - .mbsc-radio-danger .mbsc-radio-box:after { - border-color: @ios-danger; - } - - .mbsc-radio-warning .mbsc-radio-box:after { - border-color: @ios-warning; - } - - .mbsc-radio-info .mbsc-radio-box:after { - border-color: @ios-info; - } - - /* Buttons */ - .mbsc-btn { - margin: .5em .25em; - padding: .625em 1.375em; - background: #fff; - border: 0; - border-radius: .25em; - color: #1272dc; - } - - .mbsc-btn-ic { - padding-right: .625em; - } - - .mbsc-btn-icon-only .mbsc-btn-ic { - padding: 0; - } - - &.mbsc-no-touch .mbsc-btn:not(:disabled):not(.mbsc-active):hover { - opacity: .8; - } - - .mbsc-btn.mbsc-active { - opacity: .6; - } - - .mbsc-btn:disabled { - background: #dfdfdf; - color: #c4c4c4; - } - - .mbsc-btn.mbsc-btn-outline:disabled { - color: #c4c4c4; - border-color: #c4c4c4; - } - - .mbsc-btn.mbsc-btn-flat { - background: transparent; - border-color: transparent; - } - - .mbsc-btn-flat.mbsc-active { - opacity: .6; - } - - .mbsc-btn-flat:disabled { - background: transparent; - opacity: .8; - color: #c4c4c4; - } - - .mbsc-btn-group, - .mbsc-btn-group-justified, - .mbsc-btn-group-block { - margin: .5em .75em; - } - - .mbsc-btn-group-block { - margin: .5em 1em; - } - - /* Button color presets */ - .mbsc-btn-primary.mbsc-btn { - background: @ios-primary; - color: @ios-light-text; - - &.mbsc-btn-flat { - color: @ios-primary; - } - } - - .mbsc-btn-secondary.mbsc-btn { - background: @ios-secondary; - color: @ios-light-text; - - &.mbsc-btn-flat { - color: @ios-secondary; - } - } - - .mbsc-btn-success.mbsc-btn { - background: @ios-success; - color: @ios-light-text; - - &.mbsc-btn-flat { - color: @ios-success; - } - } - - .mbsc-btn-danger.mbsc-btn { - background: @ios-danger; - color: @ios-light-text; - - &.mbsc-btn-flat { - color: @ios-danger; - } - } - - .mbsc-btn-warning.mbsc-btn { - background: @ios-warning; - color: @ios-light-text; - - &.mbsc-btn-flat { - color: @ios-warning; - } - } - - .mbsc-btn-info.mbsc-btn { - background: @ios-info; - color: @ios-light-text; - - &.mbsc-btn-flat { - color: @ios-info; - } - } - - .mbsc-btn-light.mbsc-btn { - background: @ios-light; - color: @ios-dark-text; - - &.mbsc-btn-flat { - color: darken(@ios-light, 20%); - } - } - - .mbsc-btn-dark.mbsc-btn { - background: @ios-dark; - color: @ios-light-text; - - &.mbsc-btn-flat { - color: @ios-dark; - } - } - - /* Flat buttons */ - .mbsc-btn-flat.mbsc-btn { - background: transparent; - } - - /* Outline buttons */ - .mbsc-btn-outline.mbsc-btn { - background: transparent; - border: 1px solid #1272dc; - color: #1272dc; - - &.mbsc-active { - background: #1272dc; - color: #efeff4; - opacity: 1; - } - - &.mbsc-btn-primary { - border-color: @ios-primary; - color: @ios-primary; - - &.mbsc-active { - background: @ios-primary; - color: @ios-light; - } - } - - &.mbsc-btn-secondary { - border-color: @ios-secondary; - color: @ios-secondary; - - &.mbsc-active { - background: @ios-secondary; - color: @ios-light; - } - } - - &.mbsc-btn-success { - border-color: @ios-success; - color: @ios-success; - - &.mbsc-active { - background: @ios-success; - color: @ios-light; - } - } - - &.mbsc-btn-danger { - border-color: @ios-danger; - color: @ios-danger; - - &.mbsc-active { - background: @ios-danger; - color: @ios-light; - } - } - - &.mbsc-btn-warning { - border-color: @ios-warning; - color: @ios-warning; - - &.mbsc-active { - background: @ios-warning; - color: @ios-light; - } - } - - &.mbsc-btn-info { - border-color: @ios-info; - color: @ios-info; - - &.mbsc-active { - background: @ios-info; - color: @ios-light; - } - } - - &.mbsc-btn-light { - border-color: darken(@ios-light, 25%); - color: darken(@ios-light, 25%); - - &.mbsc-active { - background: darken(@ios-light, 25%); - color: @ios-light; - } - } - - &.mbsc-btn-dark { - border-color: @ios-dark; - color: @ios-dark; - - &.mbsc-active { - background: @ios-dark; - color: @ios-light; - } - } - } - - /* Switch */ - &.mbsc-form .mbsc-switch { - padding: .875em 5em .875em 1em; - background: #fff; - } - - &.mbsc-rtl .mbsc-switch { - padding: .875em 1em .875em 5em; - } - - .mbsc-switch-track { - right: 1em; - width: 3em; - height: 1.75em; - padding: 0; - margin-top: -.96875em; - background: #e5e5e5; - border: .0625em solid #e5e5e5; - border-radius: 1.25em; - box-sizing: content-box; - } - - &.mbsc-rtl .mbsc-switch-track { - right: auto; - left: 1em; - } - - .mbsc-switch-track:after { - content: ''; - position: absolute; - z-index: 1; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: #fff; - border-radius: 1.25em; - -webkit-transform: scale(1); - transform: scale(1); - transition: transform .2s ease-out; - } - - .mbsc-switch-track .mbsc-progress-track { - margin: 0 .875em; - } - - .mbsc-switch-handle { - z-index: 2; - top: 50%; - left: 50%; - width: 1.75em; - height: 1.75em; - margin: -.875em 0 0 -.875em; - background: #fff; - border-radius: 1.75em; - box-shadow: 0 0 1em rgba(0, 0, 0, .1), 0 0 .0625em rgba(0, 0, 0, .15), 0 .125em .125em rgba(0, 0, 0, .15); - transition: transform .2s ease-out; - } - - &.mbsc-rtl .mbsc-switch-handle { - margin: -.875em -.875em 0 0; - } - - .mbsc-switch input:checked + .mbsc-switch-track { - background: #4cd764; - border-color: #4cd764; - } - - .mbsc-switch input:checked + .mbsc-switch-track:after { - -webkit-transform: scale(0); - transform: scale(0); - } - - /* swithc color presets */ - .mbsc-switch-primary.mbsc-switch input:checked + .mbsc-switch-track { - border-color: @ios-primary; - background: @ios-primary; - } - - .mbsc-switch-secondary.mbsc-switch input:checked + .mbsc-switch-track { - border-color: @ios-secondary; - background: @ios-secondary; - } - - .mbsc-switch-success.mbsc-switch input:checked + .mbsc-switch-track { - border-color: @ios-success; - background: @ios-success; - } - - .mbsc-switch-danger.mbsc-switch input:checked + .mbsc-switch-track { - border-color: @ios-danger; - background: @ios-danger; - } - - .mbsc-switch-warning.mbsc-switch input:checked + .mbsc-switch-track { - border-color: @ios-warning; - background: @ios-warning; - } - - .mbsc-switch-info.mbsc-switch input:checked + .mbsc-switch-track { - border-color: @ios-info; - background: @ios-info; - } - - /* Segmented & Stepper */ - .mbsc-segmented { - padding: .75em; - background-color: #fff; - } - - .mbsc-stepper { - display: block; - } - - .mbsc-segmented-content { - height: 2.142857142em; - margin-left: -.07142857em; - line-height: 2.142857142857143em; - padding: 0 .42857em; - color: #1272dc; - text-transform: capitalize; - border: .07142857em solid #1272dc; - background: #fff; - } - - &.mbsc-ltr .mbsc-stepper-minus .mbsc-segmented-content, - &.mbsc-ltr .mbsc-segmented-item:first-child .mbsc-segmented-content, - &.mbsc-rtl .mbsc-stepper-plus .mbsc-segmented-content, - &.mbsc-rtl .mbsc-segmented-item:last-child .mbsc-segmented-content { - border-top-left-radius: .25em; - border-bottom-left-radius: .25em; - } - - .mbsc-segmented.mbsc-stepper.mbsc-control-w:before, - .mbsc-segmented.mbsc-stepper.mbsc-control-w:after { - border: 0; - } - - &.mbsc-ltr .mbsc-stepper-plus .mbsc-segmented-content, - &.mbsc-ltr .mbsc-segmented-item:last-child .mbsc-segmented-content, - &.mbsc-rtl .mbsc-stepper-minus .mbsc-segmented-content, - &.mbsc-rtl .mbsc-segmented-item:first-child .mbsc-segmented-content { - border-top-right-radius: .25em; - border-bottom-right-radius: .25em; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: #1272dc; - color: #fff; - } - - .mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - background: rgba(18, 114, 220, .3); - color: #1272dc; - } - - .mbsc-stepper-cont { - padding: 1.5em 11.75em 1.5em 1em; - background: #fff; - } - - &.mbsc-rtl .mbsc-stepper-cont { - padding: 1.5em 1em 1.5em 11.75em; - } - - .mbsc-stepper { - right: 1em; - margin-top: -1em; - } - - &.mbsc-rtl .mbsc-stepper { - right: auto; - left: 1em; - } - - .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { - background: none; - color: #c4c4c4; - border-color: #c4c4c4; - } - - .mbsc-stepper input:disabled { - color: #c4c4c4; - -webkit-text-fill-color: #c4c4c4; - } - - .mbsc-stepper .mbsc-segmented-item { - width: 3.25em; - } - - .mbsc-segmented input:disabled:checked + .mbsc-segmented-content { - background: #dfdfdf; - } - - .mbsc-stepper input { - color: #000; - width: 3.714286em; - left: 3.714286em; - z-index: 3; - } - - &.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content { - background: rgba(18, 114, 220, .15); - } - - .mbsc-segmented { - - /* Stepper color presets */ - .mbsc-segmented-primary { - .mbsc-segmented-content { - border-color: @ios-primary; - color: @ios-primary; - } - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - color: @ios-primary; - background: fade(@ios-primary, 45%) - } - - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @ios-primary; - } - } - - .mbsc-segmented-secondary { - .mbsc-segmented-content { - border-color: @ios-secondary; - color: @ios-secondary; - } - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - color: @ios-secondary; - background: fade(@ios-secondary, 45%) - } - - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @ios-secondary; - } - } - - .mbsc-segmented-success { - .mbsc-segmented-content { - border-color: @ios-success; - color: @ios-success; - } - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - color: @ios-success; - background: fade(@ios-success, 45%) - } - - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @ios-success; - } - } - - .mbsc-segmented-danger { - .mbsc-segmented-content { - border-color: @ios-danger; - color: @ios-danger; - } - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - color: @ios-danger; - background: fade(@ios-danger, 45%) - } - - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @ios-danger; - } - } - - .mbsc-segmented-warning { - .mbsc-segmented-content { - border-color: @ios-warning; - color: @ios-warning; - } - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - color: @ios-warning; - background: fade(@ios-warning, 45%) - } - - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @ios-warning; - } - } - - .mbsc-segmented-info { - .mbsc-segmented-content { - border-color: @ios-info; - color: @ios-info; - } - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - color: @ios-info; - background: fade(@ios-info, 45%) - } - - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @ios-info; - } - } - } - - &.mbsc-no-touch { - - /* Segmented hover color presets*/ - .mbsc-segmented-primary { - &.mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@ios-primary, 15%) - } - } - - .mbsc-segmented-secondary { - &.mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@ios-secondary, 15%) - } - } - - .mbsc-segmented-success { - &.mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@ios-success, 15%) - } - } - - .mbsc-segmented-danger { - &.mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@ios-danger, 15%) - } - } - - .mbsc-segmented-warning { - &.mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@ios-warning, 15%) - } - } - - .mbsc-segmented-info { - &.mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@ios-info, 15%) - } - } - - /* Stepper color presets*/ - .mbsc-stepper-primary { - .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@ios-primary, 15%) - } - } - - .mbsc-stepper-secondary { - .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@ios-secondary, 15%) - } - } - - .mbsc-stepper-success { - .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@ios-success, 15%) - } - } - - .mbsc-stepper-danger { - .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@ios-danger, 15%) - } - } - - .mbsc-stepper-warning { - .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@ios-warning, 15%) - } - } - - .mbsc-stepper-info { - .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@ios-info, 15%) - } - } - } - - /* Stepper color presets */ - .mbsc-stepper-primary { - .mbsc-segmented-content { - border-color: @ios-primary; - color: @ios-primary; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { - background: @ios-primary; - } - } - - .mbsc-stepper-secondary { - .mbsc-segmented-content { - border-color: @ios-secondary; - color: @ios-secondary; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { - background: @ios-secondary; - } - } - - .mbsc-stepper-success { - .mbsc-segmented-content { - border-color: @ios-success; - color: @ios-success; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { - background: @ios-success; - } - } - - .mbsc-stepper-danger { - .mbsc-segmented-content { - border-color: @ios-danger; - color: @ios-danger; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { - background: @ios-danger; - } - } - - .mbsc-stepper-warning { - .mbsc-segmented-content { - border-color: @ios-warning; - color: @ios-warning; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { - background: @ios-warning; - } - } - - .mbsc-stepper-info { - .mbsc-segmented-content { - border-color: @ios-info; - color: @ios-info; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { - background: @ios-info; - } - } -} diff --git a/src/less/themes/ios.frame.less b/src/less/themes/ios.frame.less deleted file mode 100644 index 2568d226..00000000 --- a/src/less/themes/ios.frame.less +++ /dev/null @@ -1,271 +0,0 @@ -@import "../frame"; -@import "ios"; -@import "ios.borders.less"; - -/* Frame */ - -.mbsc-ios.mbsc-fr-top .mbsc-fr-btn-cont, -.mbsc-ios.mbsc-fr-bottom .mbsc-fr-btn-cont { - background: #efefef; - padding-left: constant(safe-area-inset-left); - padding-left: env(safe-area-inset-left); - padding-right: constant(safe-area-inset-right); - padding-right: env(safe-area-inset-right); -} - -.mbsc-ios .mbsc-fr-overlay { - background: rgba(0, 0, 0, .2); -} - -.mbsc-ios .mbsc-fr-w { - position: relative; - padding-top: 3.666667em; - background: #f7f7f7; - color: #000; - font-size: 12px; - font-family: -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif; -} - -.mbsc-ios .mbsc-fr-has-hdr .mbsc-fr-w { - min-width: 25em; -} - -.mbsc-ios.mbsc-fr-nobtn .mbsc-fr-w, -.mbsc-ios.mbsc-fr-center .mbsc-fr-w { - min-width: 16.666667em; -} - -.mbsc-ios .mbsc-fr-hdr { - position: absolute; - z-index: 1; - top: 0; - right: 0; - left: 0; - line-height: 1.25em; - padding: .75em 4.375em; - color: #000; - font-size: 1.333334em; - font-weight: bold; - text-overflow: ellipsis; - white-space: nowrap; -} - -.mbsc-ios.mbsc-fr-nobtn .mbsc-fr-hdr, -.mbsc-ios.mbsc-fr-center:not(.mbsc-cal-liq) .mbsc-fr-hdr { - position: relative; - padding: .75em .5em; - margin-bottom: -1px; - border-bottom: 1px solid #ccc; - white-space: normal; -} - -.mbsc-ios .mbsc-fr-btn-cont { - position: absolute; - top: 0; - left: 0; - right: 0; - display: block; - border-bottom: 1px solid #ccc; -} - -.mbsc-ios .mbsc-ltr .mbsc-fr-btn-cont { - text-align: right; -} - -.mbsc-ios .mbsc-rtl .mbsc-fr-btn-cont { - text-align: left; -} - -.mbsc-ios .mbsc-fr-btn { - height: 2.75em; - line-height: 2.75em; - padding: 0 .625em; - text-align: center; - color: #007aff; - font-size: 1.333334em; -} - -.mbsc-ios .mbsc-fr-btn.mbsc-active { - opacity: .5; -} - -.mbsc-ios.mbsc-fr-center.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover { - background: #ebebe8; -} - -.mbsc-ios .mbsc-fr-btn-w { - display: inline-block; -} - -.mbsc-ios .mbsc-ltr .mbsc-fr-btn-c { - float: left; -} - -.mbsc-ios .mbsc-rtl .mbsc-fr-btn-c { - float: right; -} - -.mbsc-ios .mbsc-fr-btn-s .mbsc-fr-btn { - font-weight: bold; -} - - -.mbsc-ios.mbsc-fr-bubble .mbsc-fr-w, -.mbsc-ios.mbsc-fr-center .mbsc-fr-w { - border-radius: 8px; -} - -.mbsc-ios.mbsc-fr-inline .mbsc-fr-w { - border-radius: 0; -} - -/* Bubble arrow */ - -.mbsc-ios .mbsc-fr-arr { - background: #f7f7f7; - border-radius: 6px; -} - -/* Top and bottom display */ - -.mbsc-ios.mbsc-fr-bottom .mbsc-fr-overlay, -.mbsc-ios.mbsc-fr-top .mbsc-fr-overlay { - background: none; -} - -.mbsc-ios.mbsc-fr-bottom .mbsc-fr-popup { - border-top: 1px solid #909090; -} - -.mbsc-ios.mbsc-fr-top .mbsc-fr-popup { - border-bottom: 1px solid #909090; -} - - -/* Center display button */ - -.mbsc-ios.mbsc-fr-center .mbsc-fr-w { - padding-top: 0; - padding-bottom: 3.75em; -} - -.mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-w { - padding: 0; -} - -.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-cont { - display: table; - top: auto; - bottom: 0; - border: 0; - table-layout: fixed; -} - -.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w { - display: table-cell; - float: none; - border-top: 1px solid #ccc; - border-left: 1px solid #ccc; -} - -.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w:first-child { - border-left: 0; -} - -.mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w { - border-left: 0; - border-right: 1px solid #ccc; -} - -.mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:first-child { - border-right: 0; -} - -.mbsc-ios.mbsc-fr-center .mbsc-ltr .mbsc-fr-btn-w:first-child .mbsc-fr-btn, -.mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:last-child .mbsc-fr-btn { - border-radius: 0 0 0 .5em; -} - -.mbsc-ios.mbsc-fr-center .mbsc-ltr .mbsc-fr-btn-w:last-child .mbsc-fr-btn, -.mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:first-child .mbsc-fr-btn { - border-radius: 0 0 .5em 0; -} - -.mbsc-ios.mbsc-fr-center .mbsc-fr-btn.mbsc-active { - background: #ebebe8; - opacity: 1; -} - -.mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-btn-cont { - position: static; - display: block; -} - -.mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-btn-w { - display: block; - border-left: 0; - border-right: 0; -} - -.mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-w .mbsc-fr-btn-w .mbsc-fr-btn { - border-radius: 0; -} - -.mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-btn-w:last-child .mbsc-fr-btn { - border-radius: 0 0 .5em .5em; -} - - -/* Inline display */ - -.mbsc-ios.mbsc-fr-inline .mbsc-fr-w { - margin-top: -1px; - background: @ios-background-alt; - border-top: 1px solid @ios-border; -} - -.mbsc-ios.mbsc-fr-inline .mbsc-fr-c { - border-bottom: 1px solid @ios-border; -} - - -/* No buttons */ - -.mbsc-ios.mbsc-fr-nobtn .mbsc-fr-w { - padding: 0; -} - -.mbsc-ios.mbsc-fr-nobtn.mbsc-fr-bottom .mbsc-fr-w { - padding-bottom: constant(safe-area-inset-bottom); - padding-bottom: env(safe-area-inset-bottom); -} - -.mbsc-ios.mbsc-fr-no-overlay { - .mbsc-fr-arr { - box-shadow: 0 0 1em @ios-popup-arrow-shadow; - } - - .mbsc-fr-w { - box-shadow: 0 .125em 1em @ios-popup-shadow; - } -} - -/* Desktop view */ - -.mbsc-ios.mbsc-fr-pointer { - - .mbsc-fr-persp .mbsc-fr-popup .mbsc-fr-w, - .mbsc-fr-persp .mbsc-cal-picker { - background: @ios-background-desktop; - } - - .mbsc-fr-popup { - border: 0; - } - - .mbsc-fr-hdr { - border-color: @ios-popup-border; - font-size: 1.166667em; - line-height: 1.5em; - } -} diff --git a/src/less/themes/ios.input.less b/src/less/themes/ios.input.less deleted file mode 100644 index 88ea7ec1..00000000 --- a/src/less/themes/ios.input.less +++ /dev/null @@ -1,575 +0,0 @@ -@import "../input"; - -/* Input */ - -.mbsc-ios { - - .mbsc-input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0; - background: #fff; - } - - .mbsc-input input { - height: 2.75em; - padding: 0 1em; - background: transparent; - } - - .mbsc-input .mbsc-control::-webkit-input-placeholder { - color: #ccc; - } - - .mbsc-input .mbsc-control::-ms-input-placeholder { - color: #ccc; - } - - .mbsc-input .mbsc-control::-moz-placeholder { - color: #ccc; - } - - .mbsc-input-wrap { - position: static; - -webkit-box-flex: 1; - -webkit-flex: 1 auto; - -moz-box-flex: 1; - -moz-flex: 1 auto; - -ms-flex: 1 auto; - flex: 1 auto; - } - - .mbsc-input-wrap .mbsc-input-fill { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: -1; - border-radius: 8px; - } - - .mbsc-input-wrap input:-webkit-autofill ~ .mbsc-input-fill { - background: #FAFFBA; - } - - .mbsc-input-wrap input:-webkit-autofill { - box-shadow: 0 0 0px 1000px #FAFFBA inset; - } - - /* Textbox, select, textarea */ - .mbsc-textarea textarea { - height: 3em; - padding: 0 1em; - background: transparent; - } - - .mbsc-input .mbsc-label, - .mbsc-progress .mbsc-label { - -webkit-box-flex: 0; - -webkit-flex: 0 auto; - -moz-box-flex: 0; - -moz-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 30%; - max-width: 12.5em; - overflow: hidden; - font-size: 1em; - line-height: 2.75em; - color: #020202; - white-space: nowrap; - text-overflow: ellipsis; - box-sizing: content-box; - } - - &.mbsc-ltr .mbsc-input .mbsc-label { - padding-left: 1em; - } - - &.mbsc-rtl .mbsc-input .mbsc-label { - padding-right: 1em; - } - - .mbsc-input input:disabled, - .mbsc-input textarea:disabled, - .mbsc-input .mbsc-control:disabled ~ input, - .mbsc-input .mbsc-control:disabled ~ .mbsc-ic { - opacity: .5; - } - - .mbsc-err-msg { - padding: .5em 1.3333em; - color: #d8332a; - } - - /* Select */ - &.mbsc-ltr .mbsc-select input { - padding-right: 2.25em; - } - - &.mbsc-rtl .mbsc-select input { - padding-left: 2.25em; - } - - .mbsc-select-ic { - position: absolute; - display: block; - height: 1.25em; - width: 1.25em; - top: .875em; - right: 1em; - text-align: center; - } - - &.mbsc-rtl .mbsc-select-ic { - right: auto; - left: 1em; - } - - .mbsc-ic-right .mbsc-select-ic { - right: 3.4em; - } - - &.mbsc-rtl .mbsc-ic-right .mbsc-select-ic { - right: auto; - left: 3.4em; - } - - /* Select inline */ - .mbsc-select-inline .mbsc-select-ic { - display: none; - } - - /* Textarea */ - .mbsc-textarea .mbsc-input-wrap { - padding: .625em 0; - } - - /* Icons */ - .mbsc-input-ic { - top: .375em; - margin-top: -1px; - } - - .mbsc-ic-left { - z-index: 1; - } - - &.mbsc-ltr .mbsc-ic-left .mbsc-input-wrap, - &.mbsc-rtl .mbsc-ic-right .mbsc-input-wrap { - padding-left: 2.25em; - } - - &.mbsc-ltr .mbsc-ic-right .mbsc-input-wrap, - &.mbsc-rtl .mbsc-ic-left .mbsc-input-wrap { - padding-right: 2.25em; - } - - &.mbsc-ltr .mbsc-ic-left .mbsc-label { - padding-left: 3.25em; - } - - &.mbsc-rtl .mbsc-ic-left .mbsc-label { - padding-right: 3.25em; - } - - &.mbsc-ltr .mbsc-ic-left .mbsc-label ~ .mbsc-input-wrap { - padding-left: 0; - } - - &.mbsc-rtl .mbsc-ic-left .mbsc-label ~ .mbsc-input-wrap { - padding-right: 0; - } - - .mbsc-ic-left .mbsc-left-ic, - &.mbsc-rtl .mbsc-ic-right .mbsc-right-ic { - right: auto; - left: .625em; - } - - .mbsc-ic-right .mbsc-right-ic, - &.mbsc-rtl .mbsc-ic-left .mbsc-left-ic { - left: auto; - right: .625em; - } - - /* Row separator */ - .mbsc-control-w { - margin-top: -1px; - } - - .mbsc-control-w:before, - .mbsc-control-w:after { - border-top: 1px solid #ccc; - content: ""; - position: absolute; - right: 0; - left: 1em; - } - - .mbsc-control-w:before { - top: 0; - } - - .mbsc-control-w:after { - bottom: 0; - } - - .mbsc-form-group-title + .mbsc-control-w:before, - .mbsc-control-w:first-child:before, - .mbsc-control-w:last-child:after { - left: 0; - } - - .mbsc-control-ng .mbsc-control-w:before, - .mbsc-control-ng .mbsc-control-w:after { - left: 1em; - } - - .mbsc-form-group-title + .mbsc-control-ng .mbsc-control-w:before, - .mbsc-control-ng:first-child .mbsc-control-w:before, - .mbsc-control-ng:last-child .mbsc-control-w:after { - left: 0; - } - - .mbsc-ic-left:before, - .mbsc-ic-left:after { - left: 3.25em; - } - - .mbsc-err { - z-index: 2; - } - - .mbsc-control-w.mbsc-err:after, - .mbsc-control-w.mbsc-err + .mbsc-err:before, - .mbsc-control-w.mbsc-err + .mbsc-divider { - border-top-color: #ec2a32; - } - - .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-control-w, - .mbsc-form-group-inset .mbsc-control-w:first-child { - border-top-left-radius: .5em; - border-top-right-radius: .5em; - } - - .mbsc-form-group-inset .mbsc-control-w:last-child { - border-bottom-left-radius: .5em; - border-bottom-right-radius: .5em; - } - - .mbsc-form-group-inset .mbsc-form-group-title, - .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-control-w:before, - .mbsc-form-group-inset .mbsc-control-w:first-child:before, - .mbsc-form-group-inset .mbsc-control-w:last-child:after { - border-width: 0; - } - - .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w { - border-radius: 0; - } - - .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:before, - .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:after { - border-width: 1px; - } - - &.mbsc-form .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-control-ng .mbsc-control-w:before, - &.mbsc-form .mbsc-form-group-inset .mbsc-control-ng:first-child .mbsc-control-w:before, - &.mbsc-form .mbsc-form-group-inset .mbsc-control-ng:last-child .mbsc-control-w:after { - border-width: 0; - } - - .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-control-ng .mbsc-control-w, - .mbsc-form-group-inset .mbsc-control-ng:first-child .mbsc-control-w { - border-top-left-radius: .5em; - border-top-right-radius: .5em; - } - - .mbsc-form-group-inset .mbsc-control-ng:last-child .mbsc-control-w { - border-bottom-left-radius: .5em; - border-bottom-right-radius: .5em; - } - - /* Stacked label */ - .mbsc-label-stacked.mbsc-input { - .mbsc-label { - font-size: .75em; - position: absolute; - top: 1em; - line-height: 1em; - padding: 0; - width: auto; - max-width: none; - } - - .mbsc-label ~ .mbsc-input-wrap { - input { - height: 3.75em; - padding-top: 1.5em; - } - - .mbsc-input-ic { - top: 1.625em; - } - } - - &.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap { - padding-top: 1.625em; - } - - &.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { - top: 1.4375em; - } - } - - &.mbsc-ltr .mbsc-label-stacked.mbsc-input { - .mbsc-label { - left: 1.333334em; - right: auto; - } - - &.mbsc-ic-left { - .mbsc-input-wrap { - padding-left: 2.375em; - } - - .mbsc-label { - left: 4.5em; - } - } - } - - &.mbsc-rtl .mbsc-label-stacked.mbsc-input { - .mbsc-label { - left: auto; - right: 1.333334em; - } - - &.mbsc-ic-left { - .mbsc-input-wrap { - padding-right: 2.375em; - } - - .mbsc-label { - right: 4.5em; - } - } - - &.mbsc-control-w:before, - &.mbsc-control-w:after { - right: 0; - } - } - - /* Floating label */ - .mbsc-label-floating.mbsc-input { - .mbsc-label { - position: absolute; - padding: 0; - font-size: 1em; - line-height: 2em; - top: .875em; - width: auto; - transform-origin: 0 0; - transition: transform .2s; - } - - &.mbsc-ic-left .mbsc-label, - &.mbsc-ic-right .mbsc-label { - top: 1.625em; - } - - .mbsc-label ~ .mbsc-input-wrap { - input { - height: 3.75em; - padding-top: 1.5em; - } - - .mbsc-input-ic { - top: 1.625em; - } - } - - &.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap { - padding-top: 1.625em; - } - - &.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { - top: 1.4375em; - } - - &.mbsc-label-floating-active { - .mbsc-label { - -webkit-transform: translateY(-.5em) scale(.75); - transform: translateY(-.5em) scale(.75); - } - - &.mbsc-ic-left .mbsc-label, - &.mbsc-ic-right .mbsc-label { - -webkit-transform: translateY(-1.25em) scale(.75); - transform: translateY(-1.25em) scale(.75); - } - } - } - - &.mbsc-ltr .mbsc-label-floating.mbsc-input { - .mbsc-label { - left: 1em; - } - - &.mbsc-ic-left { - .mbsc-input-wrap { - padding-left: 2.375em; - } - - .mbsc-label { - left: 3.375em; - } - } - } - - &.mbsc-rtl .mbsc-label-floating.mbsc-input { - .mbsc-label { - right: 1em; - } - - &.mbsc-ic-left { - .mbsc-input-wrap { - padding-right: 2.375em; - } - - .mbsc-label { - right: 3.375em; - } - } - - &.mbsc-control-w:before, - &.mbsc-control-w:after { - right: 0; - } - } - - /* Box Input and Outline */ - .mbsc-input-box, - .mbsc-input-outline { - - /* Row separator */ - &.mbsc-control-w { - margin-top: -1px; - margin: 1.5em 1em; - border-radius: 8px; - border: 1px solid transparent; - - input { - border-radius: 8px; - } - } - - &.mbsc-control-w:before, - &.mbsc-control-w:after { - border-top: 0; - } - - &.mbsc-err { - border-color: #d8332a; - } - - .mbsc-err-msg { - position: absolute; - bottom: -1.5em; - padding: 0; - color: #d8332a; - } - - &.mbsc-control-w.mbsc-err + .mbsc-divider { - border-top: 0; - } - - &.mbsc-label-stacked.mbsc-input { - .mbsc-label { - top: .75em; - } - - .mbsc-label ~ .mbsc-input-wrap { - input { - height: 3.375em; - padding-top: 1.25em; - } - - .mbsc-input-ic { - top: .75em; - } - } - - &.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap { - padding-top: 1.75em; - } - - &.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { - top: 1.25em; - } - } - - /* Floating labels */ - &.mbsc-label-floating.mbsc-input { - .mbsc-label { - top: .6875em; - } - - .mbsc-label ~ .mbsc-input-wrap { - input { - height: 3.375em; - padding-top: 1.25em; - } - - .mbsc-input-ic { - top: .75em; - } - } - - &.mbsc-label-floating-active { - .mbsc-label { - -webkit-transform: translateY(-.5em) scale(.75); - transform: translateY(-.5em) scale(.75); - } - } - } - } - - &.mbsc-ltr .mbsc-input-box .mbsc-err-msg, - &.mbsc-ltr .mbsc-input-outline .mbsc-err-msg { - left: 1.333334em; - } - - &.mbsc-rtl .mbsc-input-box .mbsc-err-msg, - &.mbsc-rtl .mbsc-input-outline .mbsc-err-msg { - right: 1.333334em; - } - - /* Box and outline inputs inside form group inset */ - .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w.mbsc-input-box, - .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w.mbsc-input-outline { - border-radius: .5em; - } - - /* Outline */ - .mbsc-input-outline { - - /* Row separator */ - &.mbsc-control-w { - border: 1px solid #ccc; - } - - &.mbsc-err.mbsc-control-w { - border-color: #d8332a; - } - - &.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { - top: .875em; - } - } -} diff --git a/src/less/themes/ios.less b/src/less/themes/ios.less deleted file mode 100644 index 64882bc7..00000000 --- a/src/less/themes/ios.less +++ /dev/null @@ -1,58 +0,0 @@ -/* Input parameters */ - -@ios-background: #f7f7f7; -@ios-accent: #007aff; -@ios-text: #000; - -/* Calculations */ - -@ios-background-limited: hsl(hue(@ios-background), saturation(@ios-background), max(lightness(@ios-background), 3%)); -@ios-background-alt: lighten(@ios-background-limited, 3%); -@ios-card-shadow: darken(@ios-background-limited, 17%); - -/* Light/dark versions */ - -.light-or-dark(); - -// Light background -.light-or-dark() when (lightness(@ios-background) > 50%) { - @ios-border: darken(@ios-background-limited, 17%); - @ios-text-alt: lighten(@ios-text, 53%); - @ios-empty-color: lighten(@ios-text, 43%); - @ios-scrollbar-track: rgba(0, 0, 0, .05); - @ios-background-desktop: @ios-background-limited; - @ios-popup-shadow: rgba(0, 0, 0, .3); - @ios-popup-arrow-shadow: rgba(0, 0, 0, .2); - @ios-popup-border: @ios-border; - @ios-popup-background: @ios-background-alt; -} - -// Dark background -.light-or-dark() when (lightness(@ios-background) <=50%) { - @ios-border: lighten(@ios-background-limited, 17%); - @ios-text-alt: darken(@ios-text, 53%); - @ios-empty-color: @ios-text; - @ios-scrollbar-track: rgba(255, 255, 255, .2); - @ios-background-desktop: lighten(@ios-background-limited, 17%); - @ios-popup-shadow: rgba(0, 0, 0, .8); - @ios-popup-arrow-shadow: rgba(0, 0, 0, .8); - @ios-popup-border: lighten(@ios-border, 13%); - @ios-popup-background: @ios-background-desktop; -} - - -// Light accent -.light-or-dark() when (lightness(@ios-accent) > 50%) { - @ios-accent-alt: darken(saturate(@ios-accent, 5%), 42%); -} - -// Dark accent -.light-or-dark() when (lightness(@ios-accent) <=50%) { - @ios-accent-alt: lighten(desaturate(@ios-accent, 5%), 42%); -} - -/* Empty view styling */ - -.mbsc-ios .mbsc-empty { - color: @ios-empty-color; -} diff --git a/src/less/themes/ios.notifications.less b/src/less/themes/ios.notifications.less deleted file mode 100644 index 9c77a5a9..00000000 --- a/src/less/themes/ios.notifications.less +++ /dev/null @@ -1,100 +0,0 @@ -@import "../notifications"; -@import "ios.popup.less"; - -/* Alert, confirm, prompt */ - -.mbsc-ios { - - &.mbsc-alert .mbsc-fr-c.mbsc-wdg-c { - padding: 1.142857em; - line-height: 1.285714; - text-align: center; - } - - &.mbsc-alert h2 { - margin: 0.277778em 0; - font-size: 1.285715em; - } - - &.mbsc-alert p { - margin: 0.357143em 0; - } - - &.mbsc-alert .mbsc-input { - margin-top: 1.142857em; - border: 1px solid #ccc; - border-radius: 0; - } - - &.mbsc-alert .mbsc-input input { - height: 1.714286em; - padding: 0 0.357143em; - } - - /* Snackbar */ - - &.mbsc-snackbar .mbsc-fr-w { - background: #646464; - color: #fff; - } - - &.mbsc-snackbar .mbsc-snackbar-btn { - color: #a0cbf8; - } - - /* Toast */ - - &.mbsc-toast .mbsc-toast-msg { - background: #646464; - border-radius: .5em; - color: #fff; - opacity: .9; - } - - /* Snackbar and Toast color presets */ - - &.mbsc-snackbar.mbsc-primary .mbsc-fr-w, - &.mbsc-toast.mbsc-primary .mbsc-toast-msg { - background: @ios-primary; - color: @ios-light-text; - } - - &.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, - &.mbsc-toast.mbsc-secondary .mbsc-toast-msg { - background: @ios-secondary; - color: @ios-light-text; - } - - &.mbsc-snackbar.mbsc-success .mbsc-fr-w, - &.mbsc-toast.mbsc-success .mbsc-toast-msg { - background: @ios-success; - color: @ios-light-text; - } - - &.mbsc-snackbar.mbsc-danger .mbsc-fr-w, - &.mbsc-toast.mbsc-danger .mbsc-toast-msg { - background: @ios-danger; - color: @ios-light-text; - } - - &.mbsc-snackbar.mbsc-warning .mbsc-fr-w, - &.mbsc-toast.mbsc-warning .mbsc-toast-msg { - background: @ios-warning; - color: @ios-light-text; - } - - &.mbsc-snackbar.mbsc-info .mbsc-fr-w, - &.mbsc-toast.mbsc-info .mbsc-toast-msg { - background: @ios-info; - color: @ios-light-text; - } - - &.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn { - color: @ios-light-text; - } -} diff --git a/src/less/themes/ios.page.less b/src/less/themes/ios.page.less deleted file mode 100644 index 748961a3..00000000 --- a/src/less/themes/ios.page.less +++ /dev/null @@ -1,73 +0,0 @@ -@import "../page"; -@import "ios"; - -/* Colors */ - -@ios-primary: @primary; -@ios-secondary: @secondary; -@ios-success: @success; -@ios-danger: @danger; -@ios-warning: @warning; -@ios-info: @info; -@ios-light: @light; -@ios-dark: @dark; -@ios-dark-text: #000; -@ios-light-text: #eee; - -/* Page */ - -.mbsc-ios { - &.mbsc-page { - background: #efeff4; - color: #000; - } - - a { - color: @ios-accent; - } - - .mbsc-note { - border-radius: .25em; - } - - .mbsc-note, - .mbsc-note-primary { - color: darken(@ios-primary, 30%); - background-color: lighten(@ios-primary, 20%); - } - - .mbsc-note-secondary { - color: darken(@ios-secondary, 30%); - background-color: lighten(@ios-secondary, 20%); - } - - .mbsc-note-success { - color: darken(@ios-success, 30%); - background-color: lighten(@ios-success, 20%); - } - - .mbsc-note-danger { - color: darken(@ios-danger, 30%); - background-color: lighten(@ios-danger, 20%); - } - - .mbsc-note-warning { - color: darken(@ios-warning, 30%); - background-color: lighten(@ios-warning, 20%); - } - - .mbsc-note-info { - color: darken(@ios-info, 30%); - background-color: lighten(@ios-info, 20%); - } - - .mbsc-note-light { - color: darken(@ios-light, 70%); - background-color: lighten(@ios-light, 20%); - } - - .mbsc-note-dark { - color: darken(@ios-dark, 30%); - background-color: lighten(@ios-dark, 20%); - } -} diff --git a/src/less/themes/ios.popup.less b/src/less/themes/ios.popup.less deleted file mode 100644 index d0c99708..00000000 --- a/src/less/themes/ios.popup.less +++ /dev/null @@ -1,2 +0,0 @@ -@import "../popup"; -@import "ios.frame.less"; diff --git a/src/less/themes/ios.progress.less b/src/less/themes/ios.progress.less deleted file mode 100644 index 46b65d6b..00000000 --- a/src/less/themes/ios.progress.less +++ /dev/null @@ -1,197 +0,0 @@ -@import "../progress"; - -/* Progress */ - -.mbsc-ios.mbsc-progress { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - min-height: 4em; - margin-top: -1px; - padding: .625em 1em; - background: #fff; - align-items: center; - box-sizing: border-box; -} - -.mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-control-w .mbsc-label { - padding: 0; -} - -.mbsc-ios.mbsc-progress .mbsc-input-ic { - top: .0625em; - margin: 0; -} - -.mbsc-ios.mbsc-progress.mbsc-ic-left .mbsc-left-ic, -.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-right .mbsc-right-ic { - right: auto; - left: -.375em; -} - -.mbsc-ios.mbsc-progress.mbsc-ic-right .mbsc-right-ic, -.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-left .mbsc-left-ic { - left: auto; - right: -.375em; -} - -.mbsc-ios.mbsc-progress .mbsc-input-wrap { - position: relative; - padding: 0 .75em; -} - -.mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-ic-left .mbsc-input-wrap, -.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-ic-right .mbsc-input-wrap { - padding-left: 2.5em; -} - -.mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-ic-right .mbsc-input-wrap, -.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-ic-left .mbsc-input-wrap { - padding-right: 2.5em; -} - -.mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap, -.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap { - padding-left: 3.5em; -} - -.mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap, -.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap { - padding-right: 3.5em; -} - -.mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap, -.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap { - padding-left: 5.5em; -} - -.mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap, -.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap { - padding-right: 5.5em; -} - -.mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-progress-value, -.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-progress-value { - left: 2.2857em; -} - -.mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-progress-value, -.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-progress-value { - right: 2.2857em; -} - -.mbsc-ios .mbsc-progress-cont { - padding: 1em 0; -} - -.mbsc-ios .mbsc-progress-track { - background: #dedede; - border-radius: 1em; - height: .0625em; -} - -.mbsc-ios .mbsc-progress-bar { - background: #1272dc; - z-index: 1; -} - -.mbsc-ios .mbsc-progress-value { - width: 3.715em; - font-size: .875em; - color: #b6b6b6; -} - -.mbsc-ios .mbsc-progress-step-label { - top: 1.333334em; - color: #b6b6b6; -} - -.mbsc-ios.mbsc-progress.mbsc-ic-left:before, -.mbsc-ios.mbsc-progress.mbsc-ic-left:after { - left: 1em; -} - -.mbsc-ios { - - /* Progress color presets */ - .mbsc-progress-primary .mbsc-progress-bar { - background: @ios-primary; - } - - .mbsc-progress-secondary .mbsc-progress-bar { - background: @ios-secondary; - } - - .mbsc-progress-success .mbsc-progress-bar { - background: @ios-success; - } - - .mbsc-progress-danger .mbsc-progress-bar { - background: @ios-danger; - } - - .mbsc-progress-warning .mbsc-progress-bar { - background: @ios-warning; - } - - .mbsc-progress-info .mbsc-progress-bar { - background: @ios-info; - } - - /* Stacked label */ - .mbsc-label-stacked.mbsc-progress.mbsc-control-w { - .mbsc-label { - font-size: .75em; - position: absolute; - top: .666667em; - line-height: 1em; - padding: 0; - overflow: visible; - } - - &:not(.mbsc-slider) .mbsc-input-wrap { - padding-left: 0; - padding-right: 0; - } - - .mbsc-label + .mbsc-input-wrap { - padding-top: 1em; - padding-bottom: 1em; - - .mbsc-input-ic { - top: 1em; - } - } - - &.mbsc-ltr.mbsc-ic-right .mbsc-input-wrap, - &.mbsc-rtl.mbsc-ic-left .mbsc-input-wrap { - padding-right: 2.5em; - } - - &.mbsc-ltr.mbsc-ic-left .mbsc-input-wrap, - &.mbsc-rtl.mbsc-ic-right .mbsc-input-wrap { - padding-left: 2.5em; - } - - &.mbsc-ltr.mbsc-progress-value-right .mbsc-input-wrap, - &.mbsc-rtl.mbsc-progress-value-left .mbsc-input-wrap { - padding-right: 3.5em; - } - - &.mbsc-ltr.mbsc-progress-value-left .mbsc-input-wrap, - &.mbsc-rtl.mbsc-progress-value-right .mbsc-input-wrap { - padding-left: 3.5em; - } - - &.mbsc-ltr.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap, - &.mbsc-rtl.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap { - padding-left: 5.5em; - } - - &.mbsc-ltr.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap, - &.mbsc-rtl.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap { - padding-right: 5.5em; - } - } -} diff --git a/src/less/themes/ios.rating.less b/src/less/themes/ios.rating.less deleted file mode 100644 index f2bf3a8b..00000000 --- a/src/less/themes/ios.rating.less +++ /dev/null @@ -1,44 +0,0 @@ -@import "../rating"; -@import "ios"; -@import "ios.progress.less"; - -/* Rating */ - -.mbsc-ios.mbsc-rating { - .mbsc-progress-track { - color: @ios-accent; - } - - &.mbsc-progress .mbsc-input-wrap { - padding: 0; - } - - input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { - opacity: .4; - } - - /* Color presets */ - &.mbsc-rating-primary .mbsc-progress-track { - color: @ios-primary; - } - - &.mbsc-rating-secondary .mbsc-progress-track { - color: @ios-secondary; - } - - &.mbsc-rating-success .mbsc-progress-track { - color: @ios-success; - } - - &.mbsc-rating-danger .mbsc-progress-track { - color: @ios-danger; - } - - &.mbsc-rating-warning .mbsc-progress-track { - color: @ios-warning; - } - - &.mbsc-rating-info .mbsc-progress-track { - color: @ios-info; - } -} diff --git a/src/less/themes/ios.scroller.less b/src/less/themes/ios.scroller.less deleted file mode 100644 index 28244a2a..00000000 --- a/src/less/themes/ios.scroller.less +++ /dev/null @@ -1,251 +0,0 @@ -@import "../scroller"; -@import "ios.frame.less"; - -/* Scroller */ - -.mbsc-ios.mbsc-sc.mbsc-fr-top .mbsc-fr-w, -.mbsc-ios.mbsc-sc.mbsc-fr-bottom .mbsc-fr-w { - background: #d1d5db; -} - -.mbsc-ios.mbsc-calendar .mbsc-fr-persp .mbsc-fr-w { - background: #f7f7f7; -} - -.mbsc-ios.mbsc-sc.mbsc-fr-top .mbsc-fr-btn-cont, -.mbsc-ios.mbsc-sc.mbsc-fr-bottom .mbsc-fr-btn-cont { - border-bottom: 0; -} - -.mbsc-ios.mbsc-calendar.mbsc-fr-top .mbsc-fr-btn-cont, -.mbsc-ios.mbsc-calendar.mbsc-fr-bottom .mbsc-fr-btn-cont { - border-bottom: 1px solid #ccc; -} - - -/* Top / bottom color theme */ - -.mbsc-ios.mbsc-fr-top .mbsc-sc-whl-l, -.mbsc-ios.mbsc-fr-bottom .mbsc-sc-whl-l { - border-top: 1px solid #aaa; - border-bottom: 1px solid #aaa; -} - -.mbsc-ios.mbsc-fr-top .mbsc-sc-whl-o, -.mbsc-ios.mbsc-fr-bottom .mbsc-sc-whl-o { - background: -webkit-linear-gradient(#d1d5db, rgba(209, 213, 219, 0) 52%, rgba(209, 213, 219, 0) 48%, #d1d5db); - background: linear-gradient(#d1d5db, rgba(209, 213, 219, 0) 52%, rgba(209, 213, 219, 0) 48%, #d1d5db); -} - -.mbsc-ios.mbsc-fr-top .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c, -.mbsc-ios.mbsc-fr-bottom .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c { - background: #d1d5db; -} - - -/* Inline color theme */ - -.mbsc-ios.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-o { - background: -webkit-linear-gradient(#fff, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 48%, #fff); - background: linear-gradient(#fff, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 48%, #fff); -} - -.mbsc-ios.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c { - background: #fff; -} - - -/* Wheel label */ - -.mbsc-ios .mbsc-sc-lbl { - color: #ababab; - line-height: 2.5em; -} - -.mbsc-ios .mbsc-sc-whl-gr-c { - padding: 0 3%; -} - -.mbsc-ios .mbsc-sc-whl-gr { - padding: .833333em; -} - -.mbsc-ios .mbsc-sc-lbl-v { - margin-bottom: -1.666667em; -} - -.mbsc-ios .mbsc-sc-lbl-v .mbsc-sc-whl-gr { - padding-top: 2.5em; - padding-bottom: 2.5em; -} - -.mbsc-ios .mbsc-sc-whl-l, -.mbsc-ios.mbsc-calendar .mbsc-sc-whl-l { - display: block; - margin: 0 -.833333em; - border-top: 1px solid #ccc; - border-bottom: 1px solid #ccc; -} - -.mbsc-ios .mbsc-sc-whl-w .mbsc-sc-whl-l { - display: none; -} - -.mbsc-ios .mbsc-sc-whl-o, -.mbsc-ios.mbsc-calendar .mbsc-sc-whl-o { - display: block; - background: -webkit-linear-gradient(#f7f7f7, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f7f7f7); - background: linear-gradient(#f7f7f7, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f7f7f7); -} - -.mbsc-ios .mbsc-sc-itm { - padding: 0 .5em; - color: #9d9d9d; - font-size: 1.833333em; -} - -.mbsc-ios.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, -.mbsc-ios .mbsc-sc-itm:focus { - outline: 0; - background: fade(@ios-accent, 15%); -} - -.mbsc-ios.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active { - background: fade(@ios-accent, 20%); -} - -.mbsc-ios .mbsc-sc-itm-sel { - color: #000; -} - - -/* 3D */ - -.mbsc-ios .mbsc-sc-whl-gr-3d-c .mbsc-sc-whl-l { - z-index: 3; -} - -.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm { - color: #000; -} - -.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c { - margin: 0 -.166667em; -} - -.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c, -.mbsc-ios.mbsc-calendar .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c { - background: #f7f7f7; -} - -.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d { - font-size: 1.666666em; - color: #666; -} - - -/* Clickpick mode */ - -.mbsc-ios .mbsc-sc-cp .mbsc-sc-whl .mbsc-sc-itm { - text-align: center; -} - -.mbsc-ios .mbsc-sc-cp .mbsc-sc-whl-w { - padding: 2.666667em 0; -} - -.mbsc-ios .mbsc-sc-btn { - color: #007aff; - height: 2.666667em; - line-height: 2.666667em; - opacity: 1; -} - -.mbsc-ios .mbsc-sc-btn:before { - font-size: 2em; -} - -.mbsc-ios .mbsc-sc-btn.mbsc-active:before { - opacity: .5; -} - - -/* Multiple select */ - -.mbsc-ios.mbsc-sel-multi .mbsc-sc-whl-l { - display: none; -} - -.mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-whl-o { - display: none; -} - -.mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm { - padding: 0 1.818181em; -} - -.mbsc-ios.mbsc-sel-multi .mbsc-sc-itm { - color: #000; -} - -.mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm-sel { - color: #007aff; -} - -.mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { - font-size: 1.818181em; -} - -.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-whl-multi .mbsc-sc-whl-o { - display: block; -} - -.mbsc-ios.mbsc-sel-multi .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c { - visibility: hidden; -} - -/* Desktop view */ - -.mbsc-ios.mbsc-fr-pointer { - .mbsc-sc-whl-o { - display: none; - } - - .mbsc-sc-whl-l { - border-color: @ios-popup-border; - } - - .mbsc-sc-lbl-v { - margin-bottom: -2.5em; - } - - .mbsc-sc-lbl { - padding: 0 1.666667em; - } - - .mbsc-sc-itm { - font-size: 1.333334em; - padding: 0 1.25em; - color: #000; - } - - .mbsc-sc-whl-multi .mbsc-sc-itm { - padding: 0 2.5em; - } - - .mbsc-sc-itm-sel { - color: @ios-accent; - } - - .mbsc-sc-itm-sel:before { - font-size: 2em; - } - - .mbsc-ltr .mbsc-sc-itm-sel:before { - left: .125em; - } - - .mbsc-rtl .mbsc-sc-itm-sel:before { - right: .125em; - } -} diff --git a/src/less/themes/ios.slider.less b/src/less/themes/ios.slider.less deleted file mode 100644 index 765e272b..00000000 --- a/src/less/themes/ios.slider.less +++ /dev/null @@ -1,74 +0,0 @@ -@import "ios.page.less"; -@import "../slider"; -@import "ios.progress.less"; - -/* Slider */ - -.mbsc-ios .mbsc-slider-handle-cont { - top: 0; -} - -.mbsc-ios .mbsc-slider-handle { - top: 50%; - width: 1.75em; - height: 1.75em; - margin: -.875em -.875em 0 0; - background: #fff; - border-radius: 1.25em; - box-shadow: 0 0 1em rgba(0, 0, 0, .1), 0 0 .0625em rgba(0, 0, 0, .15), 0 .125em .125em rgba(0, 0, 0, .15); -} - -.mbsc-ios .mbsc-slider-tooltip { - font-size: .875em; - width: 3em; - margin-right: -1.5em; - top: -1em; - text-align: center; - color: #b6b6b6; - background: #fff; - opacity: 0; - transition: opacity .2s ease-in-out; -} - -.mbsc-ios .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, -.mbsc-ios .mbsc-active .mbsc-slider-tooltip { - opacity: 1; -} - -.mbsc-ios .mbsc-slider-step { - height: .5em; - width: .0625em; - margin-top: -.1875em; - margin-left: -.0625em; - background: #dedede; -} - -.mbsc-ios.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { - opacity: .4; -} - -.mbsc-ios { - .mbsc-slider-primary .mbsc-progress-bar { - background: @ios-primary; - } - - .mbsc-slider-secondary .mbsc-progress-bar { - background: @ios-secondary; - } - - .mbsc-slider-success .mbsc-progress-bar { - background: @ios-success; - } - - .mbsc-slider-danger .mbsc-progress-bar { - background: @ios-danger; - } - - .mbsc-slider-warning .mbsc-progress-bar { - background: @ios-warning; - } - - .mbsc-slider-info .mbsc-progress-bar { - background: @ios-info; - } -} diff --git a/src/less/themes/ios.widget.less b/src/less/themes/ios.widget.less deleted file mode 100644 index b2535643..00000000 --- a/src/less/themes/ios.widget.less +++ /dev/null @@ -1,2 +0,0 @@ -@import "../widget"; -@import "ios.frame.less"; diff --git a/src/less/themes/material.collapsible.less b/src/less/themes/material.collapsible.less deleted file mode 100644 index 78a12c95..00000000 --- a/src/less/themes/material.collapsible.less +++ /dev/null @@ -1,11 +0,0 @@ -/* collapsible */ - -.mbsc-material .mbsc-collapsible { - .mbsc-form-group-title { - padding: 1em; - } - - .mbsc-collapsible-header { - padding-right: 3em; - } -} diff --git a/src/less/themes/material.forms.less b/src/less/themes/material.forms.less deleted file mode 100644 index cd78e44a..00000000 --- a/src/less/themes/material.forms.less +++ /dev/null @@ -1,1146 +0,0 @@ -@import "../forms"; -@import "material"; -@import "material.page.less"; -@import "material.input.less"; -@import "material.slider.less"; -@import "material.rating.less"; -@import "material.notifications.less"; -@import "material.collapsible.less"; - -/* Form */ - -.mbsc-material { - - &.mbsc-form { - background-color: #eee; - color: #6d6d6d; - } - - &.mbsc-form *::-moz-selection { - color: #fff; - background: #009688; - } - - &.mbsc-form *::selection { - color: #fff; - background: #009688; - } - - .mbsc-desc { - opacity: .7; - } - - .mbsc-divider, - .mbsc-form-group-title { - padding: .5em 1em; - color: #009688; - } - - .mbsc-err-msg { - position: absolute; - padding-top: .333334em; - font-size: .75em; - color: #de3226; - } - - .mbsc-err .mbsc-label { - color: #de3226; - } - - &.mbsc-ltr .mbsc-err-msg { - left: 0; - } - - &.mbsc-rtl .mbsc-err-msg { - right: 0; - } - - /* Form grid */ - - .mbsc-form-grid { - margin-top: .75em; - margin-bottom: .75em; - } - - .mbsc-form-grid .mbsc-input-box, - .mbsc-form-grid .mbsc-input-outline { - margin: .75em 1em; - } - - /* Checkbox, radio */ - &.mbsc-form .mbsc-checkbox, - &.mbsc-form .mbsc-radio { - padding: .9375em 3.5em .9375em 1em; - line-height: 1.25em; - } - - &.mbsc-rtl .mbsc-checkbox, - &.mbsc-rtl .mbsc-radio { - padding: .9375em 1em .9375em 3.5em; - } - - .mbsc-checkbox-box, - .mbsc-radio-box { - right: 1.25em; - width: 1.125em; - height: 1.125em; - margin-top: -.5625em; - background: transparent; - border: .125em solid #6d6d6d; - -webkit-transition: background-color .1s ease-out; - transition: background-color .1s ease-out; - } - - &.mbsc-rtl .mbsc-checkbox-box, - &.mbsc-rtl .mbsc-radio-box { - right: auto; - left: 1.25em; - } - - .mbsc-checkbox-box:after, - .mbsc-radio-box:after { - opacity: 1; - -webkit-transform: scale(0) rotate(-45deg); - transform: scale(0) rotate(-45deg); - -webkit-transition: -webkit-transform .1s ease-out; - transition: transform .1s ease-out; - } - - .mbsc-checkbox input:checked + .mbsc-checkbox-box:after, - .mbsc-radio input:checked + .mbsc-radio-box:after { - -webkit-transform: scale(1) rotate(-45deg); - transform: scale(1) rotate(-45deg); - } - - .mbsc-checkbox-box:before, - .mbsc-radio-box:before { - content: ''; - position: absolute; - top: -1em; - left: -1em; - z-index: -1; - width: 2.875em; - height: 2.875em; - opacity: 0; - background: rgba(0, 0, 0, .1); - border-radius: 2.875em; - -webkit-transition: opacity .2s ease-in-out; - transition: opacity .2s ease-in-out; - } - - .mbsc-checkbox input:disabled + .mbsc-checkbox-box, - .mbsc-checkbox input:disabled ~ .mbsc-label, - .mbsc-checkbox input:disabled ~ .mbsc-desc, - .mbsc-radio input:disabled + .mbsc-radio-box, - .mbsc-radio input:disabled ~ .mbsc-label, - .mbsc-radio input:disabled ~ .mbsc-desc, - .mbsc-switch input:disabled ~ .mbsc-label, - .mbsc-switch input:disabled ~ .mbsc-desc { - opacity: .3; - } - - .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:before, - .mbsc-radio input.mbsc-active + .mbsc-radio-box:before, - .mbsc-switch input.mbsc-active + .mbsc-switch-track .mbsc-switch-handle:before { - opacity: 1; - } - - /* Checkbox */ - .mbsc-checkbox-box { - border-radius: .1875em; - } - - .mbsc-checkbox-box:after { - top: .125em; - left: .0625em; - width: .8125em; - height: .4375em; - border: .125em solid #fff; - border-top: 0; - border-right: 0; - } - - .mbsc-checkbox input:checked + .mbsc-checkbox-box { - background: #009688; - border-color: #009688; - } - - /* Checkbox color presets */ - .mbsc-checkbox-primary.mbsc-checkbox { - input:checked + .mbsc-checkbox-box { - background: @material-primary; - border-color: @material-primary; - } - } - - .mbsc-checkbox-secondary.mbsc-checkbox { - input:checked .mbsc-checkbox-box { - background: @material-secondary; - border-color: @material-secondary; - } - } - - .mbsc-checkbox-success.mbsc-checkbox { - input:checked + .mbsc-checkbox-box { - background: @material-success; - border-color: @material-success; - } - } - - .mbsc-checkbox-danger.mbsc-checkbox { - input:checked + .mbsc-checkbox-box { - background: @material-danger; - border-color: @material-danger; - } - } - - .mbsc-checkbox-warning.mbsc-checkbox { - input:checked + .mbsc-checkbox-box { - background: @material-warning; - border-color: @material-warning; - } - } - - .mbsc-checkbox-info.mbsc-checkbox { - input:checked + .mbsc-checkbox-box { - background: @material-info; - border-color: @material-info; - } - } - - /* Radio */ - .mbsc-radio-box:after { - width: .625em; - height: .625em; - margin-top: -.3125em; - margin-left: -.3125em; - background: #009688; - border-radius: .625em; - } - - .mbsc-radio input:checked + .mbsc-radio-box { - background: transparent; - border-color: #009688; - } - - /* Radio color presets */ - .mbsc-radio-primary.mbsc-radio input:checked { - + .mbsc-radio-box { - border-color: @material-primary; - } - - + .mbsc-radio-box:after { - background: @material-primary; - } - } - - .mbsc-radio-secondary.mbsc-radio input:checked { - + .mbsc-radio-box { - border-color: @material-secondary; - } - - + .mbsc-radio-box:after { - background: @material-secondary; - } - } - - .mbsc-radio-success.mbsc-radio input:checked { - + .mbsc-radio-box { - border-color: @material-success; - } - - + .mbsc-radio-box:after { - background: @material-success; - } - } - - .mbsc-radio-danger.mbsc-radio input:checked { - + .mbsc-radio-box { - border-color: @material-danger; - } - - + .mbsc-radio-box:after { - background: @material-danger; - } - } - - .mbsc-radio-warning.mbsc-radio input:checked { - + .mbsc-radio-box { - border-color: @material-warning; - } - - + .mbsc-radio-box:after { - background: @material-warning; - } - } - - .mbsc-radio-info.mbsc-radio input:checked { - + .mbsc-radio-box { - border-color: @material-info; - } - - + .mbsc-radio-box:after { - background: @material-info; - } - } - - /* Button */ - .mbsc-btn { - margin: .5em; - padding: .7143em; - background: #d6d6d6; - border-radius: .2143em; - color: #000; - font-size: .875em; - font-weight: bold; - text-transform: uppercase; - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25); - transition: box-shadow .2s ease-out, background-color .2s ease-out; - } - - .mbsc-btn-ic { - padding: 0 .5em 0 0; - } - - .mbsc-btn-icon-only .mbsc-btn-ic { - padding: 0 .5em; - } - - &.mbsc-no-touch .mbsc-btn:not(:disabled):hover, - .mbsc-btn.mbsc-active { - background: #cbcbcb; - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); - } - - .mbsc-btn-flat { - background: transparent; - box-shadow: none; - } - - &.mbsc-no-touch .mbsc-btn-flat:not(:disabled):hover, - .mbsc-btn-flat.mbsc-active { - background-color: #d6d6d6; - box-shadow: none; - } - - .mbsc-btn-group, - .mbsc-btn-group-justified { - margin: .5em; - } - - .mbsc-btn-group-block { - margin: .5em 1em; - } - - .mbsc-btn:disabled { - color: #a6a6a6; - box-shadow: none; - } - - .mbsc-btn.mbsc-btn-outline:disabled { - color: #a6a6a6; - border-color: #a6a6a6; - } - - /* Button color presets */ - .mbsc-btn-primary.mbsc-btn { - background: @material-primary; - color: @material-light-text; - - &.mbsc-active { - background: darken(@material-primary, 10%); - } - - &.mbsc-btn-flat { - color: @material-primary; - - &.mbsc-active { - background: fade(@material-primary, 30%); //background: darken(@material-primary, 10%); - } - } - } - - .mbsc-btn-secondary.mbsc-btn { - background: @material-secondary; - color: @material-light-text; - - &.mbsc-active { - background: darken(@material-secondary, 10%); - } - - &.mbsc-btn-flat { - color: @material-secondary; - - &.mbsc-active { - background: fade(@material-secondary, 30%); - } - } - } - - .mbsc-btn-success.mbsc-btn { - background: @material-success; - color: @material-light-text; - - &.mbsc-active { - background: darken(@material-success, 10%); - } - - &.mbsc-btn-flat { - color: @material-success; - - &.mbsc-active { - background: fade(@material-success, 30%); - } - } - } - - .mbsc-btn-danger.mbsc-btn { - background: @material-danger; - color: @material-light-text; - - &.mbsc-active { - background: darken(@material-danger, 10%); - } - - &.mbsc-btn-flat { - color: @material-danger; - - &.mbsc-active { - background: fade(@material-danger, 30%); - } - } - } - - .mbsc-btn-warning.mbsc-btn { - background: @material-warning; - color: @material-light-text; - - &.mbsc-active { - background: darken(@material-warning, 10%); - } - - &.mbsc-btn-flat { - color: @material-warning; - - &.mbsc-active { - background: fade(@material-warning, 30%); - } - } - } - - .mbsc-btn-info.mbsc-btn { - background: @material-info; - color: @material-light-text; - - &.mbsc-active { - background: darken(@material-info, 10%); - } - - &.mbsc-btn-flat { - color: @material-info; - - &.mbsc-active { - background: fade(@material-info, 30%); - } - } - } - - .mbsc-btn-light.mbsc-btn { - background: @material-light; - color: @material-dark-text; - - &.mbsc-active { - background: darken(@material-light, 10%); - } - - &.mbsc-btn-flat { - color: darken(@material-light-text, 25%); - - &.mbsc-active { - background: fade(@material-light-text, 25%); - } - } - } - - .mbsc-btn-dark.mbsc-btn { - background: @material-dark; - color: @material-light-text; - - &.mbsc-active { - background: darken(@material-dark, 10%); - } - - &.mbsc-btn-flat { - color: @material-dark; - - &.mbsc-active { - background: fade(@material-dark, 30%); - } - } - } - - /* Flat buttons */ - .mbsc-btn-flat.mbsc-btn { - background: transparent; - } - - /* Outline buttons */ - .mbsc-btn-outline.mbsc-btn { - background: transparent; - border: 1px solid #6d6d6d; - color: #6d6d6d; - box-shadow: none; - - &.mbsc-active.mbsc-control { - background: #6d6d6d; - color: #eee; - opacity: 1; - } - - &.mbsc-btn-primary { - border-color: @material-primary; - color: @material-primary; - - &.mbsc-active { - background: @material-primary; - color: @material-light; - } - } - - &.mbsc-btn-secondary { - border-color: @material-secondary; - color: @material-secondary; - - &.mbsc-active { - background: @material-secondary; - color: @material-light; - } - } - - &.mbsc-btn-success { - border-color: @material-success; - color: @material-success; - - &.mbsc-active { - background: @material-success; - color: @material-light; - } - } - - &.mbsc-btn-danger { - border-color: @material-danger; - color: @material-danger; - - &.mbsc-active { - background: @material-danger; - color: @material-light; - } - } - - &.mbsc-btn-warning { - border-color: @material-warning; - color: @material-warning; - - &.mbsc-active { - background: @material-warning; - color: @material-light; - } - } - - &.mbsc-btn-info { - border-color: @material-info; - color: @material-info; - - &.mbsc-active { - background: @material-info; - color: @material-light; - } - } - - &.mbsc-btn-light { - border-color: darken(@material-light, 25%); - color: darken(@material-light, 25%); - - &.mbsc-active { - background: darken(@material-light, 25%); - color: darken(@material-light, 25%); - } - } - - &.mbsc-btn-dark { - border-color: @material-dark; - color: @material-dark; - - &.mbsc-active { - background: @material-dark; - color: @material-light; - } - } - } - - /* button hover style */ - &.mbsc-no-touch { - .mbsc-btn-outline.mbsc-btn:hover { - box-shadow: none; - } - - .mbsc-btn-primary.mbsc-btn { - &:not(:disabled):hover { - background: darken(@material-primary, 10%); - - &.mbsc-btn-flat { - background: lighten(@material-primary, 25%); - } - } - } - - .mbsc-btn-secondary.mbsc-btn { - &:not(:disabled):hover { - background: darken(@material-secondary, 10%); - - &.mbsc-btn-flat { - background: lighten(@material-secondary, 25%); - } - } - } - - .mbsc-btn-success.mbsc-btn { - &:not(:disabled):hover { - background: darken(@material-success, 10%); - - &.mbsc-btn-flat { - background: lighten(@material-success, 25%); - } - } - } - - .mbsc-btn-danger.mbsc-btn { - &:not(:disabled):hover { - background: darken(@material-danger, 10%); - - &.mbsc-btn-flat { - background: lighten(@material-danger, 25%); - } - } - } - - .mbsc-btn-warning.mbsc-btn { - &:not(:disabled):hover { - background: darken(@material-warning, 10%); - - &.mbsc-btn-flat { - background: lighten(@material-warning, 25%); - } - } - } - - .mbsc-btn-info.mbsc-btn { - &:not(:disabled):hover { - background: darken(@material-info, 10%); - - &.mbsc-btn-flat { - background: lighten(@material-info, 25%); - } - } - } - - .mbsc-btn-light.mbsc-btn { - &:not(:disabled):hover { - background: darken(@material-light, 10%); - - &.mbsc-btn-flat { - background: lighten(@material-light, 25%); - } - } - } - - .mbsc-btn-dark.mbsc-btn { - &.mbsc-btn:not(:disabled):hover { - background: darken(@material-dark, 10%); - - &.mbsc-btn-flat { - background: lighten(@material-dark, 25%); - } - } - } - - .mbsc-btn-outline.mbsc-btn { - &:not(:disabled):not(.mbsc-active):hover { - background: transparent; - } - } - } - - /* Switch */ - &.mbsc-form .mbsc-switch { - padding: .9375em 4em .9375em 1em; - line-height: 1.25em; - } - - &.mbsc-rtl .mbsc-switch { - padding: .9375em 1em .9375em 4em; - } - - .mbsc-switch-track { - right: 1.25em; - width: 1.75em; - height: .875em; - padding: 0 .25em; - margin-top: -.4375em; - background: #b2b2b2; - border-radius: 1.25em; - } - - &.mbsc-rtl .mbsc-switch-track { - right: auto; - left: 1.25em; - } - - .mbsc-switch .mbsc-switch-handle { - z-index: auto; - top: .375em; - left: .375em; - width: 1.25em; - height: 1.25em; - margin: 0; - border: 0; - background: #fafafa; - border-radius: 1.25em; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - } - - &.mbsc-rtl .mbsc-switch .mbsc-switch-handle { - left: auto; - right: .375em; - } - - .mbsc-switch-handle:before { - top: -.625em; - left: -.625em; - width: 2.5em; - height: 2.5em; - } - - .mbsc-switch-handle, - .mbsc-active .mbsc-switch-handle { - -webkit-transform: none; - transform: none; - } - - .mbsc-switch input:checked + .mbsc-switch-track { - background-color: #a6d3cf; - } - - .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle { - background: #009688; - } - - .mbsc-switch input:disabled + .mbsc-switch-track { - background: #d6d6d6; - } - - .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle { - background: #b9b9b9; - } - - /* Switch color presets */ - .mbsc-switch.mbsc-switch-primary input:checked { - + .mbsc-switch-track { - background: lighten(@material-primary, 20%); - } - - + .mbsc-switch-track .mbsc-switch-handle { - background: @material-primary; - } - } - - .mbsc-switch.mbsc-switch-secondary input:checked { - + .mbsc-switch-track { - background: lighten(@material-secondary, 20%); - } - - + .mbsc-switch-track .mbsc-switch-handle { - background: @material-secondary; - } - } - - .mbsc-switch.mbsc-switch-success input:checked { - + .mbsc-switch-track { - background: lighten(@material-success, 20%); - } - - + .mbsc-switch-track .mbsc-switch-handle { - background: @material-success; - } - } - - .mbsc-switch.mbsc-switch-danger input:checked { - + .mbsc-switch-track { - background: lighten(@material-danger, 20%); - } - - + .mbsc-switch-track .mbsc-switch-handle { - background: @material-danger; - } - } - - .mbsc-switch.mbsc-switch-warning input:checked { - + .mbsc-switch-track { - background: lighten(@material-warning, 20%); - } - - + .mbsc-switch-track .mbsc-switch-handle { - background: @material-warning; - } - } - - .mbsc-switch.mbsc-switch-info input:checked { - + .mbsc-switch-track { - background: lighten(@material-info, 20%); - } - - + .mbsc-switch-track .mbsc-switch-handle { - background: @material-info; - } - } - - /* Segmented control and Stepper */ - .mbsc-segmented { - padding: .75em; - } - - .mbsc-segmented-content { - height: 2.2857145em; - margin: 0 -.07142857em; - line-height: 2.2857145em; - padding: 0 .428571em; - border: .142858em solid #009688; - color: #000; - text-transform: capitalize; - -webkit-backface-visibility: hidden; - /* fix android 4.1 flickering */ - } - - &.mbsc-ltr .mbsc-segmented-item:first-child .mbsc-segmented-content, - &.mbsc-ltr .mbsc-stepper-minus .mbsc-segmented-content, - &.mbsc-rtl .mbsc-stepper-plus .mbsc-segmented-content, - &.mbsc-rtl .mbsc-segmented-item:last-child .mbsc-segmented-content { - border-top-left-radius: .214286em; - border-bottom-left-radius: .214286em; - } - - &.mbsc-ltr .mbsc-stepper-plus .mbsc-segmented-content, - &.mbsc-ltr .mbsc-segmented-item:last-child .mbsc-segmented-content, - &.mbsc-rtl .mbsc-segmented-item:first-child .mbsc-segmented-content, - &.mbsc-rtl .mbsc-stepper-minus .mbsc-segmented-content { - border-top-right-radius: .214286em; - border-bottom-right-radius: .214286em; - } - - .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item input:checked ~ .mbsc-segmented-content { - background: #009688; - color: #eee; - } - - .mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item .mbsc-active .mbsc-segmented-content { - background: #cbcbcb; - color: #000; - } - - .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { - color: #a6a6a6; - border-color: #b2b2b2; - background: transparent; - } - - .mbsc-segmented .mbsc-segmented-item input:disabled:checked + .mbsc-segmented-content { - background: #d6d6d6; - color: #a6a6a6; - border-color: #d6d6d6; - } - - .mbsc-stepper-cont { - padding: 1.75em 12.875em 1.75em 1em; - } - - &.mbsc-rtl .mbsc-stepper-cont { - padding: 1.75em 1em 1.75em 12.875em; - } - - .mbsc-stepper { - margin-top: -1.125em; - } - - .mbsc-stepper .mbsc-segmented-content { - border-color: #d6d6d6; - border-left: 0; - border-right: 0; - } - - .mbsc-stepper-control .mbsc-segmented-content { - background: #d6d6d6; - border: 0; - height: 2.5714285em; - line-height: 2.5714285em; - } - - .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item.mbsc-disabled .mbsc-segmented-content { - background: #d6d6d6; - color: #a6a6a6; - } - - .mbsc-segmented .mbsc-segmented-item input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val { - background: #eee; - } - - .mbsc-stepper input:disabled { - color: #a6a6a6; - -webkit-text-fill-color: #a6a6a6; - } - - &.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content { - background: #cbcbcb; - color: #000; - } - - /* Segmented color presets */ - .mbsc-segmented-primary { - .mbsc-segmented-content { - border-color: @material-primary; - color: @material-primary; - } - - &.mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @material-primary; - } - } - - .mbsc-segmented-secondary { - .mbsc-segmented-content { - border-color: @material-secondary; - color: @material-secondary; - } - - &.mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @material-secondary; - } - } - - .mbsc-segmented-success { - .mbsc-segmented-content { - border-color: @material-success; - color: @material-success; - } - - &.mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @material-success; - } - } - - .mbsc-segmented-danger { - .mbsc-segmented-content { - border-color: @material-danger; - color: @material-danger; - } - - &.mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @material-danger; - } - } - - .mbsc-segmented-warning { - .mbsc-segmented-content { - border-color: @material-warning; - color: @material-warning; - } - - &.mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @material-warning; - } - } - - .mbsc-segmented-info { - .mbsc-segmented-content { - border-color: @material-info; - color: @material-info; - } - - &.mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @material-info; - } - } - - /* Segmented color presets */ - .mbsc-segmented { - .mbsc-segmented-primary { - .mbsc-segmented-content { - border-color: @material-primary; - color: @material-primary; - } - - &.mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @material-primary; - } - } - - .mbsc-segmented-secondary { - .mbsc-segmented-content { - border-color: @material-secondary; - color: @material-secondary; - } - - &.mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @material-secondary; - } - } - - .mbsc-segmented-success { - .mbsc-segmented-content { - border-color: @material-success; - color: @material-success; - } - - &.mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @material-success; - } - } - - .mbsc-segmented-danger { - .mbsc-segmented-content { - border-color: @material-danger; - color: @material-danger; - } - - &.mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @material-danger; - } - } - - .mbsc-segmented-warning { - .mbsc-segmented-content { - border-color: @material-warning; - color: @material-warning; - } - - &.mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @material-warning; - } - } - - .mbsc-segmented-info { - .mbsc-segmented-content { - border-color: @material-info; - color: @material-info; - } - - &.mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @material-info; - } - } - } - - /* Segmented color presets */ - .mbsc-stepper-primary.mbsc-stepper-cont { - .mbsc-stepper .mbsc-segmented-content { - background: @material-primary; - color: @material-background; - border-color: @material-primary; - } - - .mbsc-stepper .mbsc-stepper-val { - background: transparent; - } - } - - .mbsc-stepper-secondary.mbsc-stepper-cont { - .mbsc-stepper .mbsc-segmented-content { - background: @material-secondary; - color: @material-background; - border-color: @material-secondary; - } - - .mbsc-stepper .mbsc-stepper-val { - background: transparent; - } - } - - .mbsc-stepper-success.mbsc-stepper-cont { - .mbsc-stepper .mbsc-segmented-content { - background: @material-success; - color: @material-background; - border-color: @material-success; - } - - .mbsc-stepper .mbsc-stepper-val { - background: transparent; - } - } - - .mbsc-stepper-danger.mbsc-stepper-cont { - .mbsc-stepper .mbsc-segmented-content { - background: @material-danger; - color: @material-background; - border-color: @material-danger; - } - - .mbsc-stepper .mbsc-stepper-val { - background: transparent; - } - } - - .mbsc-stepper-warning.mbsc-stepper-cont { - .mbsc-stepper .mbsc-segmented-content { - background: @material-warning; - color: @material-background; - border-color: @material-warning; - } - - .mbsc-stepper .mbsc-stepper-val { - background: transparent; - } - } - - .mbsc-stepper-info.mbsc-stepper-cont { - .mbsc-stepper .mbsc-segmented-content { - background: @material-info; - color: @material-light; - border-color: @material-info; - } - - .mbsc-stepper .mbsc-stepper-val { - background: transparent; - } - } - - &.mbsc-no-touch { - - /* Segmented hover color presets */ - .mbsc-stepper-primary.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@material-primary, 70%); - } - - .mbsc-stepper-secondary.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@material-secondary, 70%); - } - - .mbsc-stepper-success.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@material-success, 70%); - } - - .mbsc-stepper-danger.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@material-danger, 70%); - } - - .mbsc-stepper-warning.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@material-warning, 70%); - } - - .mbsc-stepper-info.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content { - background: fade(@material-info, 70%); - } - } -} diff --git a/src/less/themes/material.frame.less b/src/less/themes/material.frame.less deleted file mode 100644 index 33a02e08..00000000 --- a/src/less/themes/material.frame.less +++ /dev/null @@ -1,95 +0,0 @@ -@import "../frame"; -@import "material"; - -/* Frame */ -.mbsc-material { - .mbsc-fr-overlay { - background: rgba(0, 0, 0, .6); - } - - .mbsc-fr-w { - background: #eee; - border-radius: .1875em; - color: #5b5b5b; - min-width: 15em; - font-size: 16px; - box-shadow: 0 0.25em 1.5em rgba(0, 0, 0, 0.3); - } - - .mbsc-fr-hdr { - padding: 0 .6666em; - padding-top: .6666em; - color: #009688; - font-size: .75em; - font-weight: bold; - text-transform: uppercase; - min-height: 2em; - line-height: 2em; - } - - .mbsc-fr-btn-cont { - display: block; - overflow: hidden; - padding: 0 .5em .5em .5em; - } - - .mbsc-ltr .mbsc-fr-btn-cont { - text-align: right; - } - - .mbsc-rtl .mbsc-fr-btn-cont { - text-align: left; - } - - .mbsc-fr-btn-w { - display: inline-block; - } - - .mbsc-fr-btn { - position: relative; - height: 2.4em; - line-height: 2.4em; - padding: 0 1em; - border-radius: 2px; - font-weight: bold; - color: #009688; - text-transform: uppercase; - } - - .mbsc-fr-btn-cont .mbsc-fr-btn { - font-size: .9375em; - } - - .mbsc-fr-btn-e { - transition: background-color .2s ease-out; - } - - &.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover, - .mbsc-fr-btn.mbsc-active { - background: rgba(0, 0, 0, .1); - } - - - /* Inline mode */ - - &.mbsc-fr-inline .mbsc-fr-w { - box-shadow: none; - } - - - /* Top, bottom mode */ - - &.mbsc-fr-inline .mbsc-fr-w, - &.mbsc-fr-top .mbsc-fr-w, - &.mbsc-fr-bottom .mbsc-fr-w { - border-radius: 0; - } - - - /* Bubble mode */ - - .mbsc-fr-arr { - background: #eee; - box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.2); - } -} diff --git a/src/less/themes/material.input.less b/src/less/themes/material.input.less deleted file mode 100644 index 4d805ba8..00000000 --- a/src/less/themes/material.input.less +++ /dev/null @@ -1,808 +0,0 @@ -@import "../input"; - -.mbsc-material { - - /* Textbox */ - .mbsc-input input, - .mbsc-input textarea { - height: 2.125em; - padding: 0 0 1px 0; - background-color: transparent; - border-bottom: 1px solid #6d6d6d; - font-size: 1em; - color: #1f1f1f; - transition: border-color .2s; - } - - /* Textbox, textarea, select */ - .mbsc-input .mbsc-control:disabled ~ input, - .mbsc-input textarea:disabled, - .mbsc-input input:disabled { - border-style: dotted; - opacity: .5; - } - - .mbsc-input input:focus, - .mbsc-input textarea:focus, - .mbsc-input select:focus ~ input { - padding-bottom: 0; - border-bottom: 2px solid #009688; - } - - /* Input */ - .mbsc-input { - margin: 1.5em 1em; - - .mbsc-label ~ .mbsc-input-wrap { - padding-top: .875em; - - .mbsc-input-ic { - top: .9375em; - } - } - } - - .mbsc-input.mbsc-err input, - .mbsc-input.mbsc-err textarea { - border-bottom: 1px solid #de3226; - } - - .mbsc-input.mbsc-err input:focus, - .mbsc-input.mbsc-err textarea:focus { - padding-bottom: 0; - border-width: 2px; - } - - .mbsc-input-ic { - top: .0625em; - margin: -2px 0 0 0; - } - - /* Textarea */ - .mbsc-input textarea { - padding-top: .25em; - } - - /* Select */ - .mbsc-select .mbsc-input-wrap:after { - content: ''; - position: absolute; - height: 0; - width: 0; - top: .875em; - border: 5px solid #6d6d6d; - border-color: #6d6d6d transparent transparent transparent; - } - - .mbsc-select .mbsc-label ~ .mbsc-input-wrap:after { - top: 1.75em; - } - - &.mbsc-ltr .mbsc-select { - input { - padding-right: 1em; - } - - &.mbsc-ic-right input { - padding-right: 3em; - } - - .mbsc-input-wrap:after { - left: auto; - right: 0; - } - - &.mbsc-ic-right .mbsc-input-wrap:after { - right: 2em; - } - } - - &.mbsc-rtl .mbsc-select { - input { - padding-left: 1em; - } - - &.mbsc-ic-right input { - padding-left: 3em; - } - - .mbsc-input-wrap:after { - right: auto; - left: 0; - } - - &.mbsc-ic-right .mbsc-input-wrap:after { - left: 2em; - } - } - - /* Inline select */ - .mbsc-select-inline .mbsc-input-wrap:after { - display: none; - } - - /* LTR left icon */ - &.mbsc-ltr .mbsc-input.mbsc-ic-left { - - input, - textarea { - padding-left: 1.625em; - } - - .mbsc-left-ic { - right: auto; - left: -.375em - } - - .mbsc-label, - .mbsc-err-msg { - left: 2.166667em; - } - } - - /* LTR right icon */ - &.mbsc-ltr .mbsc-input.mbsc-ic-right { - - input, - textarea { - padding-right: 1.625em; - } - - .mbsc-right-ic { - left: auto; - right: -.375em - } - } - - /* RTL left icon */ - &.mbsc-rtl .mbsc-input.mbsc-ic-left { - - input, - textarea { - padding-right: 1.625em; - } - - .mbsc-left-ic { - left: auto; - right: -.375em - } - - .mbsc-label, - .mbsc-err-msg { - right: 2.166667em; - } - } - - /* RTL right icon */ - &.mbsc-rtl .mbsc-input.mbsc-ic-right { - - input, - textarea { - padding-left: 1.625em; - } - - .mbsc-right-ic { - right: auto; - left: -.375em - } - } - - .mbsc-input .mbsc-label { - position: absolute; - top: 0; - font-size: .75em; - } - - /* Inline labels */ - .mbsc-label-inline.mbsc-input { - .mbsc-label { - line-height: 2em; - } - - .mbsc-label ~ .mbsc-input-wrap { - padding-top: 0; - - .mbsc-input-ic { - top: .0625em; - } - } - - &.mbsc-select .mbsc-label ~ .mbsc-input-wrap:after { - top: 1em; - } - } - - /* Floating labels */ - .mbsc-label-floating.mbsc-input { - .mbsc-label { - font-size: 1em; - line-height: 2em; - top: .875em; - } - - &.mbsc-label-floating-active { - .mbsc-label { - -webkit-transform: translateY(-1.125em) scale(.75); - transform: translateY(-1.125em) scale(.75); - } - } - } - - &.mbsc-ltr .mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { - left: 1.625em; - } - - &.mbsc-rtl .mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { - right: 1.625em; - } - - /* Box Input */ - .mbsc-input-box { - &.mbsc-input .mbsc-input-wrap { - background: #ddd; - border-radius: 4px 4px 0 0; - } - - &.mbsc-input input { - height: 2.25em; - padding: .0625em 1em; - border-radius: 4px 4px 0 0; - } - - &.mbsc-input input:focus, - &.mbsc-input textarea:focus, - &.mbsc-input select:focus ~ input { - padding-bottom: 0; - } - - &.mbsc-input textarea { - padding: .375em 1em .0625em 1em; - height: 2.25em; - } - - &.mbsc-input .mbsc-label ~ .mbsc-input-wrap { - padding-top: 0; - - input { - padding-top: 1.25em; - height: 3.5em; - } - - textarea:focus { - padding-bottom: 0; - } - - .mbsc-input-ic { - top: .875em; - } - } - - .mbsc-input-ic { - top: .25em; - } - - .mbsc-label { - top: .666667em; - z-index: 1; - } - - &.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap { - padding-top: 1.625em; - - textarea { - height: 1.866667em; - padding-top: 0; - } - } - - &.mbsc-select { - .mbsc-input-wrap:after { - top: 1em; - } - - .mbsc-label ~ .mbsc-input-wrap:after { - top: 1.625em; - } - } - - /* Inline labels */ - &.mbsc-label-inline { - .mbsc-label { - padding-top: .125em; - padding-bottom: .125em; - } - - .mbsc-label ~ .mbsc-input-wrap { - padding-top: 0; - - input { - height: 2.25em; - padding-top: .0625em; - } - } - - .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic { - top: .1875em; - } - - &.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap { - padding-top: .375em; - } - } - - /* Floating labels */ - &.mbsc-label-floating { - &.mbsc-label-floating-active .mbsc-label { - -webkit-transform: translateY(-.625em) scale(.75); - transform: translateY(-.625em) scale(.75); - } - } - } - - &.mbsc-ltr .mbsc-input-box { - .mbsc-err-msg { - left: 1.333334em; - } - - .mbsc-label { - left: 1.333334em; - right: auto; - } - - &.mbsc-ic-left { - .mbsc-err-msg { - left: 4em; - } - - .mbsc-label { - left: 4em; - } - - .mbsc-left-ic { - left: .5em; - } - - input, - textarea { - padding-left: 3em; - } - } - - &.mbsc-ic-right { - - input, - textarea { - padding-right: 3em; - } - - .mbsc-right-ic { - right: .5em; - } - - .mbsc-input-wrap:after { - right: 2em; - } - } - - &.mbsc-select { - input { - padding-right: 2em; - } - - .mbsc-input-wrap:after { - right: .6875em; - } - - &.mbsc-ic-right { - input { - padding-right: 4em; - } - - .mbsc-input-wrap:after { - right: 3em; - } - } - } - - /* Floating labels */ - &.mbsc-label-floating.mbsc-input .mbsc-label { - left: 1em; - } - - &.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { - left: 3em; - } - } - - &.mbsc-rtl .mbsc-input-box { - .mbsc-err-msg { - right: 1.333334em; - } - - .mbsc-label { - right: 1.333334em; - left: auto; - } - - &.mbsc-ic-left { - .mbsc-err-msg { - right: 4em; - } - - .mbsc-label { - right: 4em; - } - - .mbsc-left-ic { - right: .5em; - } - - input, - textarea { - padding-right: 3em; - } - } - - &.mbsc-ic-right { - - input, - textarea { - padding-left: 3em; - } - - .mbsc-right-ic { - left: .5em; - } - - .mbsc-input-wrap:after { - left: 2em; - } - } - - &.mbsc-select { - input { - padding-left: 2em; - } - - .mbsc-input-wrap:after { - left: .6875em; - } - - &.mbsc-ic-right { - input { - padding-left: 4em; - } - - .mbsc-input-wrap:after { - left: 3em; - } - } - } - - /* Floating labels */ - &.mbsc-label-floating.mbsc-input .mbsc-label { - right: 1em; - } - - &.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { - right: 3em; - } - } - - /* Outline Input */ - .mbsc-input-outline { - - &.mbsc-input input, - &.mbsc-input textarea { - border: 1px solid #6d6d6d; - border-radius: 4px; - } - - &.mbsc-input input { - height: 3.375em; - padding: .0625em 1em; - } - - &.mbsc-input textarea { - height: 3.375em; - padding: .875em 1em .4375em 1em; - } - - &.mbsc-input .mbsc-label { - top: -.166667em; - z-index: 1; - background: #eee; - padding: 0 .333334em; - } - - .mbsc-input-ic { - top: .8125em; - } - - &.mbsc-input .mbsc-label ~ .mbsc-input-wrap { - padding-top: .25em; - - .mbsc-input-ic { - top: 1.0625em; - } - } - - &.mbsc-input input:focus, - &.mbsc-input select:focus ~ input { - border: 2px solid #009688; - padding: 0 .9375em; - } - - &.mbsc-err input { - border: 1px solid #de3226; - padding-top: 0; - padding-bottom: 0; - } - - &.mbsc-err input:focus { - border: 2px solid #de3226; - padding: 0 .9375em; - } - - &.mbsc-input textarea:focus { - border: 2px solid #009688; - padding: .8125em .9375em .375em .9375em; - } - - &.mbsc-err textarea { - border: 1px solid #de3226; - } - - &.mbsc-err textarea:focus { - border: 2px solid #de3226; - padding: .875em .9375em 0 .9375em; - } - - &.mbsc-select { - .mbsc-input-wrap:after { - top: 1.5em; - } - - .mbsc-label ~ .mbsc-input-wrap:after { - top: 1.75em; - } - } - - /* Inline labels */ - &.mbsc-label-inline { - .mbsc-label { - line-height: 3.375em; - } - - .mbsc-label ~ .mbsc-input-wrap { - padding-top: 0; - } - - .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic { - top: .8125em; - } - - &.mbsc-select .mbsc-label ~ .mbsc-input-wrap:after { - top: 1.5em; - } - } - - /* Floating labels */ - &.mbsc-label-floating.mbsc-input { - .mbsc-label { - top: .9375em; - padding: 0; - } - - &.mbsc-label-floating-active .mbsc-label { - -webkit-transform: translateY(-1.375em) scale(.75); - transform: translateY(-1.375em) scale(.75); - padding: 0 .25em; - } - } - } - - &.mbsc-ltr .mbsc-input-outline { - .mbsc-err-msg { - left: 1.416667em; - } - - .mbsc-label { - left: 1.083334em; - right: auto; - } - - &.mbsc-ic-left { - .mbsc-err-msg { - left: 4.083334em; - } - - .mbsc-label { - left: 3.75em; - } - - .mbsc-left-ic { - left: .5em; - } - - input, - textarea { - padding-left: 3em; - } - - input:focus, - textarea:focus, - &.mbsc-err textarea { - padding-left: 2.9375em; - } - } - - &.mbsc-ic-right { - - input, - textarea { - padding-right: 3em; - } - - input:focus, - textarea:focus { - padding-right: 2.9375em; - } - - .mbsc-right-ic { - right: .5em; - } - } - - &.mbsc-select { - input { - padding-right: 2em; - } - - select:focus ~ input { - padding-right: 1.9375em; - } - - .mbsc-input-wrap:after { - right: .6875em; - } - - &.mbsc-ic-right { - input { - padding-right: 4em; - } - - select:focus ~ input { - padding-right: 3.9375em; - } - - .mbsc-input-wrap:after { - right: 3em; - } - } - - &.mbsc-ic-left select:focus ~ input { - padding-left: 2.9375em; - } - } - - /* Floating labels */ - &.mbsc-label-floating.mbsc-input .mbsc-label { - left: 1em; - } - - &.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label { - left: .875em; - } - - &.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { - left: 3em; - } - - &.mbsc-label-floating.mbsc-input.mbsc-ic-left.mbsc-label-floating-active .mbsc-label { - left: 2.875em; - } - } - - &.mbsc-rtl .mbsc-input-outline { - .mbsc-err-msg { - right: 1.416667em; - } - - .mbsc-label { - right: 1.083334em; - left: auto; - } - - &.mbsc-ic-left { - .mbsc-err-msg { - right: 4.083334em; - } - - .mbsc-label { - right: 3.75em; - } - - .mbsc-left-ic { - right: .5em; - } - - input, - textarea { - padding-right: 3em; - } - - input:focus, - textarea:focus, - &.mbsc-err textarea { - padding-right: 2.9375em; - } - } - - &.mbsc-ic-right { - - input, - textarea { - padding-left: 3em; - } - - input:focus, - textarea:focus { - padding-left: 2.9375em; - } - - .mbsc-right-ic { - left: .5em; - } - } - - &.mbsc-select { - input { - padding-left: 2em; - } - - select:focus ~ input { - padding-left: 1.9375em; - } - - .mbsc-input-wrap:after { - left: .6875em; - } - - &.mbsc-ic-right { - input { - padding-left: 4em; - } - - select:focus ~ input { - padding-left: 3.9375em; - } - - .mbsc-input-wrap:after { - left: 3em; - } - } - - &.mbsc-ic-left select:focus ~ input { - padding-right: 2.9375em; - } - } - - /* Floating labels */ - &.mbsc-label-floating.mbsc-input .mbsc-label { - right: 1em; - } - - &.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label { - right: .875em; - } - - &.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { - right: 3em; - } - - &.mbsc-label-floating.mbsc-input.mbsc-ic-left.mbsc-label-floating-active .mbsc-label { - right: 2.875em; - } - } -} diff --git a/src/less/themes/material.less b/src/less/themes/material.less deleted file mode 100644 index ddc3ce19..00000000 --- a/src/less/themes/material.less +++ /dev/null @@ -1,52 +0,0 @@ -@material-background: #eee; -@material-text: #5b5b5b; -@material-accent: #009688; -@material-ripple: contrast(@material-background); - -/* Light/dark versions */ - -.light-or-dark(); - -// Light background -.light-or-dark() when (lightness(@material-background) > 50%) { - @material-border: lighten(@material-text, 40%); - @material-scrollbar-track: rgba(0, 0, 0, .05); -} - -// Dark background -.light-or-dark() when (lightness(@material-background) <=50%) { - @material-border: darken(@material-text, 40%); - @material-scrollbar-track: rgba(255, 255, 255, .2); -} - - -/* Ripple effect */ - -.mbsc-material .mbsc-ripple { - position: absolute; - top: 0; - left: 0; - opacity: 0; - border-radius: 1000em; - background: @material-ripple; - pointer-events: none; - -webkit-transform: scale(0); - transform: scale(0); - -webkit-transition: -webkit-transform .8s cubic-bezier(0.25, 0.8, 0.25, 1), opacity .8s cubic-bezier(0.25, 0.8, 0.25, 1); - transition: transform .8s cubic-bezier(0.25, 0.8, 0.25, 1), opacity .8s cubic-bezier(0.25, 0.8, 0.25, 1); -} - -.mbsc-material .mbsc-ripple-scaled { - -webkit-transform: scale(1); - transform: scale(1); -} - -.mbsc-material .mbsc-ripple-visible { - opacity: .1; -} - -/* Empty view styling */ - -.mbsc-material .mbsc-empty { - color: @material-text; -} diff --git a/src/less/themes/material.notifications.less b/src/less/themes/material.notifications.less deleted file mode 100644 index 38885e33..00000000 --- a/src/less/themes/material.notifications.less +++ /dev/null @@ -1,72 +0,0 @@ -@import "../notifications"; -@import "material.popup.less"; - -.mbsc-material { - - /* Snackbar */ - - &.mbsc-snackbar .mbsc-fr-w { - background: #323232; - color: #fff; - } - - &.mbsc-snackbar .mbsc-snackbar-btn { - color: #00ad9c; - } - - /* Toast */ - - &.mbsc-toast .mbsc-toast-msg { - background: #505050; - opacity: .9; - border-radius: 1.571429em; - color: #fff; - } - - /* Snackbar and Toast color presets */ - - &.mbsc-snackbar.mbsc-primary .mbsc-fr-w, - &.mbsc-toast.mbsc-primary .mbsc-toast-msg { - background: @material-primary; - color: @material-light-text; - } - - &.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, - &.mbsc-toast.mbsc-secondary .mbsc-toast-msg { - background: @material-secondary; - color: @material-light-text; - } - - &.mbsc-snackbar.mbsc-success .mbsc-fr-w, - &.mbsc-toast.mbsc-success .mbsc-toast-msg { - background: @material-success; - color: @material-light-text; - } - - &.mbsc-snackbar.mbsc-danger .mbsc-fr-w, - &.mbsc-toast.mbsc-danger .mbsc-toast-msg { - background: @material-danger; - color: @material-light-text; - } - - &.mbsc-snackbar.mbsc-warning .mbsc-fr-w, - &.mbsc-toast.mbsc-warning .mbsc-toast-msg { - background: @material-warning; - color: @material-light-text; - } - - &.mbsc-snackbar.mbsc-info .mbsc-fr-w, - &.mbsc-toast.mbsc-info .mbsc-toast-msg { - background: @material-info; - color: @material-light-text; - } - - &.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn { - color: @material-light-text; - } -} diff --git a/src/less/themes/material.page.less b/src/less/themes/material.page.less deleted file mode 100644 index 5b5cba2d..00000000 --- a/src/less/themes/material.page.less +++ /dev/null @@ -1,76 +0,0 @@ -@import "../page"; -@import "material"; - -/* Colors */ - -@material-primary: @primary; -@material-secondary: @secondary; -@material-success: @success; -@material-danger: @danger; -@material-warning: @warning; -@material-info: @info; -@material-light: @light; -@material-dark: @dark; -@material-dark-text: #000; -@material-light-text: #eee; - -/* Page */ - -.mbsc-material.mbsc-page { - background-color: #eee; - color: #6d6d6d; -} - -.mbsc-material a { - color: #009688; -} - - -/* Note */ - -.mbsc-material { - .mbsc-note { - border-radius: .1875em; - } - - .mbsc-note, - .mbsc-note-primary { - color: darken(@material-primary, 30%); - background-color: lighten(@material-primary, 15%); - } - - .mbsc-note-secondary { - color: darken(@material-secondary, 30%); - background-color: lighten(@material-secondary, 15%); - } - - .mbsc-note-success { - color: darken(@material-success, 30%); - background-color: lighten(@material-success, 15%); - } - - .mbsc-note-danger { - color: darken(@material-danger, 30%); - background-color: lighten(@material-danger, 15%); - } - - .mbsc-note-warning { - color: darken(@material-warning, 30%); - background-color: lighten(@material-warning, 15%); - } - - .mbsc-note-info { - color: darken(@material-info, 30%); - background-color: lighten(@material-info, 15%); - } - - .mbsc-note-light { - color: darken(@material-light, 60%); - background-color: lighten(@material-light, 10%); - } - - .mbsc-note-dark { - color: darken(@material-dark, 30%); - background-color: lighten(@material-dark, 20%); - } -} diff --git a/src/less/themes/material.popup.less b/src/less/themes/material.popup.less deleted file mode 100644 index 54f5ee6c..00000000 --- a/src/less/themes/material.popup.less +++ /dev/null @@ -1,2 +0,0 @@ -@import "../popup"; -@import "material.frame.less"; diff --git a/src/less/themes/material.rating.less b/src/less/themes/material.rating.less deleted file mode 100644 index ae0efd94..00000000 --- a/src/less/themes/material.rating.less +++ /dev/null @@ -1,48 +0,0 @@ -@import "../rating"; -@import "material"; -@import "material.progress.less"; - -/* Rating */ - -.mbsc-material.mbsc-rating { - .mbsc-progress-track { - color: @material-accent; - } - - .mbsc-slider-handle:before { - display: none; - } - - .mbsc-label { - padding-bottom: .5em; - } - - input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { - opacity: .4; - } - - /* Color presets */ - &.mbsc-rating-primary .mbsc-progress-track { - color: @material-primary; - } - - &.mbsc-rating-secondary .mbsc-progress-track { - color: @material-secondary; - } - - &.mbsc-rating-success .mbsc-progress-track { - color: @material-success; - } - - &.mbsc-rating-danger .mbsc-progress-track { - color: @material-danger; - } - - &.mbsc-rating-warning .mbsc-progress-track { - color: @material-warning; - } - - &.mbsc-rating-info .mbsc-progress-track { - color: @material-info; - } -} diff --git a/src/less/themes/material.scroller.less b/src/less/themes/material.scroller.less deleted file mode 100644 index 35c9fc69..00000000 --- a/src/less/themes/material.scroller.less +++ /dev/null @@ -1,122 +0,0 @@ -@import "../scroller"; -@import "material.frame.less"; - -/* Scroller */ - -.mbsc-material .mbsc-sc-whl-gr { - padding: 2em .25em; -} - -.mbsc-material .mbsc-sc-cp { - padding: .5em .25em; -} - -.mbsc-material .mbsc-sc-lbl-v .mbsc-sc-whl-gr { - padding-top: 2.5em; - padding-bottom: 0; -} - -.mbsc-material .mbsc-sc-lbl { - line-height: 2.666666em; - color: #009688; - font-size: .75em; - font-weight: bold; - text-transform: uppercase; -} - -.mbsc-material .mbsc-sc-whl-w { - margin: 0 .25em; - padding: .5em 0; -} - -.mbsc-material .mbsc-sc-itm { - padding: 0 .272727em; - font-size: 1.375em; -} - -.mbsc-material.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, -.mbsc-material .mbsc-sc-itm:focus { - outline: 0; - background: rgba(0, 0, 0, .05); -} - -.mbsc-material.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active { - background: rgba(0, 0, 0, .1); - border-radius: 2px; -} - -.mbsc-material .mbsc-sc-whl-l { - border-top: 2px solid #009688; - border-bottom: 2px solid #009688; -} - - -/* Clickpick mode */ - -.mbsc-material .mbsc-sc-cp .mbsc-sc-whl-w { - padding: 2em 0; -} - -.mbsc-material .mbsc-sc-btn { - height: 2em; - line-height: 2em; - color: #009688; - background: #eee; - overflow: hidden; -} - -.mbsc-material .mbsc-sc-btn:before { - font-size: 1.5em; -} - -.mbsc-material.mbsc-no-touch .mbsc-sc-btn:hover, -.mbsc-material .mbsc-sc-btn.mbsc-active { - background: rgba(0, 0, 0, .1); -} - - -/* Multiple select */ - -.mbsc-material .mbsc-sc-whl-multi .mbsc-sc-itm { - padding: 0 1.818181em; -} - -.mbsc-material .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { - width: 1.818181em; - color: #009688; -} - -/* Desktop styling */ - -.mbsc-material.mbsc-fr-pointer { - .mbsc-sc-lbl { - padding-left: 1.666667em; - padding-right: 1.666667em; - } - - .mbsc-sc-whl-w { - margin: 0; - padding: 0; - } - - .mbsc-sc-itm { - font-size: 1em; - padding: 0 1.25em; - } - - .mbsc-sc-whl-multi .mbsc-sc-itm { - padding: 0 2.5em; - } - - .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { - width: 2em; - } - - .mbsc-ltr .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { - left: .25em; - } - - .mbsc-rtl .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { - right: .25em; - } -} diff --git a/src/less/themes/material.slider.less b/src/less/themes/material.slider.less deleted file mode 100644 index d8d07287..00000000 --- a/src/less/themes/material.slider.less +++ /dev/null @@ -1,233 +0,0 @@ -@import "material.page.less"; -@import "../slider"; -@import "material.progress.less"; - -/* Slider */ - -.mbsc-material { - &.mbsc-slider .mbsc-input-wrap { - padding: 0 .5em; - } - - .mbsc-slider-step { - background: #000; - } - - .mbsc-slider-handle { - top: 50%; - width: .75em; - height: .75em; - margin: -.5em -.5em 0 0; - border: 2px solid #009688; - border-radius: 1.125em; - background: #009688; - -webkit-transform: scale(1); - transform: scale(1); - -webkit-transition: -webkit-transform .2s ease-in-out; - transition: transform .2s ease-in-out; - } - - .mbsc-slider-handle:focus, - .mbsc-active .mbsc-slider-handle { - -webkit-transform: scale(1.4); - transform: scale(1.4); - } - - .mbsc-slider-start .mbsc-slider-handle { - border-color: #b2b2b2; - background: #eee; - } - - .mbsc-slider-handle:before { - content: ''; - position: absolute; - z-index: -1; - top: -.625em; - left: -.625em; - width: 2em; - height: 2em; - opacity: 0; - background: rgba(0, 0, 0, .1); - border-radius: 2.875em; - -webkit-transition: opacity .2s ease-in-out; - transition: opacity .2s ease-in-out; - } - - .mbsc-active .mbsc-slider-handle:before { - opacity: 1; - } - - .mbsc-slider-tooltip { - margin-right: -1.16665em; - top: -2.5em; - width: 2.33333333em; - height: 2.33333333em; - border-radius: 2.33333333em; - line-height: 2.33333333em; - text-align: center; - font-size: .75em; - color: #eee; - background-color: #009688; - -webkit-transform: scale(.4) translate3d(0, 6em, 0); - transform: scale(.4) translate3d(0, 6em, 0); - -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; - transition: transform .2s ease-in-out, opacity .2s ease-in-out; - } - - .mbsc-slider-tooltip:before { - position: absolute; - content: ''; - width: 0; - height: 0; - border-left: .8333em solid transparent; - border-right: .8333em solid transparent; - border-top: 1em solid #009688; - bottom: -.66666em; - left: .3333em; - } - - &.mbsc-slider-has-tooltip .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, - &.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-tooltip { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0) scale(1); - transform: translate3d(0, 0, 0) scale(1); - } - - &.mbsc-slider-has-tooltip .mbsc-slider-handle:focus, - &.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-handle { - -webkit-transform: scale(0); - transform: scale(0); - } - - &.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip { - background: #b2b2b2; - } - - &.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip:before { - border-top-color: #b2b2b2; - } - - &.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { - opacity: .4; - } - - &.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-bar { - background: #b2b2b2; - } - - &.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle { - background: #b2b2b2; - border-color: #b2b2b2; - -webkit-transform: scale(.7); - transform: scale(.7); - box-shadow: 0 0 0 .3125em #eee; - } - - &.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-start .mbsc-slider-handle { - border-color: #b2b2b2; - background: #eee; - } - - /* color presets */ - .mbsc-slider-primary { - - .mbsc-slider-tooltip, - .mbsc-slider-handle { - background: @material-primary; - border-color: @material-primary; - } - - .mbsc-slider-tooltip:before { - border-top-color: @material-primary; - } - - .mbsc-progress-bar { - background: @material-primary; - } - } - - .mbsc-slider-secondary { - - .mbsc-slider-tooltip, - .mbsc-slider-handle { - background: @material-secondary; - border-color: @material-secondary; - } - - .mbsc-slider-tooltip:before { - border-top-color: @material-secondary; - } - - .mbsc-progress-bar { - background: @material-secondary; - } - } - - .mbsc-slider-success { - - .mbsc-slider-tooltip, - .mbsc-slider-handle { - background: @material-success; - border-color: @material-success; - } - - .mbsc-slider-tooltip:before { - border-top-color: @material-success; - } - - .mbsc-progress-bar { - background: @material-success; - } - } - - .mbsc-slider-danger { - - .mbsc-slider-tooltip, - .mbsc-slider-handle { - background: @material-danger; - border-color: @material-danger; - } - - .mbsc-slider-tooltip:before { - border-top-color: @material-danger; - } - - .mbsc-progress-bar { - background: @material-danger; - } - } - - .mbsc-slider-warning { - - .mbsc-slider-tooltip, - .mbsc-slider-handle { - background: @material-warning; - border-color: @material-warning; - } - - .mbsc-slider-tooltip:before { - border-top-color: @material-warning; - } - - .mbsc-progress-bar { - background: @material-warning; - } - } - - .mbsc-slider-info { - - .mbsc-slider-tooltip, - .mbsc-slider-handle { - background: @material-info; - border-color: @material-info; - } - - .mbsc-slider-tooltip:before { - border-top-color: @material-info; - } - - .mbsc-progress-bar { - background: @material-info; - } - } -} diff --git a/src/less/themes/material.widget.less b/src/less/themes/material.widget.less deleted file mode 100644 index a04827a9..00000000 --- a/src/less/themes/material.widget.less +++ /dev/null @@ -1,2 +0,0 @@ -@import "../widget"; -@import "material.frame.less"; diff --git a/src/less/themes/mobiscroll.less b/src/less/themes/mobiscroll.less deleted file mode 100644 index 59de1020..00000000 --- a/src/less/themes/mobiscroll.less +++ /dev/null @@ -1,27 +0,0 @@ -@mobiscroll-accent: #4eccc4; -@mobiscroll-background: #f7f7f7; -@mobiscroll-text: #454545; - -/* Light/dark versions */ - -.light-or-dark(); - -// Light background -.light-or-dark() when (lightness(@mobiscroll-background) > 50%) { - @mobiscroll-border: darken(@mobiscroll-background, 17%); - @mobiscroll-empty-color: lighten(@mobiscroll-text, 20%); - @mobiscroll-scrollbar-track: rgba(0, 0, 0, .05); -} - -// Dark background -.light-or-dark() when (lightness(@mobiscroll-background) <=50%) { - @mobiscroll-border: lighten(@mobiscroll-background, 17%); - @mobiscroll-empty-color: @mobiscroll-text; - @mobiscroll-scrollbar-track: rgba(255, 255, 255, .2); -} - -/* Empty view styling */ - -.mbsc-mobiscroll .mbsc-empty { - color: @mobiscroll-empty-color; -} diff --git a/src/less/themes/windows.collapsible.less b/src/less/themes/windows.collapsible.less deleted file mode 100644 index a709a9ec..00000000 --- a/src/less/themes/windows.collapsible.less +++ /dev/null @@ -1,13 +0,0 @@ -/* collapsible */ - -.mbsc-windows .mbsc-collapsible { - - .mbsc-form-group-title.mbsc-collapsible-header { - padding-left: .666667em; - padding-right: 2em; - } - - .mbsc-form-group-title .mbsc-collapsible-icon { - font-size: .666667em; - } -} diff --git a/src/less/themes/windows.forms.less b/src/less/themes/windows.forms.less deleted file mode 100644 index 665def25..00000000 --- a/src/less/themes/windows.forms.less +++ /dev/null @@ -1,1011 +0,0 @@ -@import "../forms"; -@import "windows"; -@import "windows.page.less"; -@import "windows.input.less"; -@import "windows.slider.less"; -@import "windows.rating.less"; -@import "windows.notifications.less"; -@import "windows.collapsible.less"; - -/* Forms */ - -.mbsc-windows { - &.mbsc-form { - background-color: @windows-form-bg; - color: @windows-text; - } - - &.mbsc-form *::-moz-selection { - color: contrast(@windows-accent); - background: @windows-accent; // @windows-form-bg; ??? - } - - &.mbsc-form *::selection { - color: contrast(fade(@windows-accent, 90%)); - background: fade(@windows-accent, 90%); - } - - .mbsc-divider, - .mbsc-form-group-title { - font-size: 1.5em; - padding: 0 .666667em; - line-height: 2em; - } - - /* Checkbox, radio */ - .mbsc-checkbox-box, - .mbsc-radio-box { - margin-top: -.6875em; - border: .125em solid @windows-text; - } - - .mbsc-checkbox input:disabled + .mbsc-checkbox-box, - .mbsc-checkbox input:disabled ~ .mbsc-label, - .mbsc-checkbox input:disabled ~ .mbsc-desc, - .mbsc-radio input:disabled + .mbsc-radio-box, - .mbsc-radio input:disabled ~ .mbsc-label, - .mbsc-radio input:disabled ~ .mbsc-desc, - .mbsc-switch input:disabled + .mbsc-switch-track, - .mbsc-switch input:disabled ~ .mbsc-label, - .mbsc-switch input:disabled ~ .mbsc-desc { - opacity: .2; - } - - /* Checkbox */ - &.mbsc-form .mbsc-checkbox { - padding: 1.125em 1em 1.125em 2.875em; - } - - &.mbsc-rtl .mbsc-checkbox { - padding: 1.125em 2.875em 1.125em 1em; - } - - .mbsc-checkbox-box { - width: 1.3125em; - height: 1.3125em; - left: 1em; - } - - &.mbsc-rtl .mbsc-checkbox-box { - left: auto; - right: 1em; - } - - .mbsc-checkbox-box:after { - top: 16%; - left: 10%; - width: .875em; - height: .475em; - border: .125em solid @windows-checkbox; - border-top: 0; - border-right: 0; - } - - .mbsc-checkbox input:checked + .mbsc-checkbox-box { - background: @windows-accent; - border-color: @windows-accent; - } - - /* Checkbox color presets */ - .mbsc-checkbox-primary input:checked + .mbsc-checkbox-box { - background: @windows-primary; - border-color: @windows-primary; - } - - .mbsc-checkbox-secondary input:checked + .mbsc-checkbox-box { - background: @windows-secondary; - border-color: @windows-secondary; - } - - .mbsc-checkbox-success input:checked + .mbsc-checkbox-box { - background: @windows-success; - border-color: @windows-success; - } - - .mbsc-checkbox-danger input:checked + .mbsc-checkbox-box { - background: @windows-danger; - border-color: @windows-danger; - } - - .mbsc-checkbox-warning input:checked + .mbsc-checkbox-box { - background: @windows-warning; - border-color: @windows-warning; - } - - .mbsc-checkbox-info input:checked + .mbsc-checkbox-box { - background: @windows-info; - border-color: @windows-info; - } - - // .mbsc-checkbox-light input:checked + .mbsc-checkbox-box { - // background: @windows-light; - // border-color: @windows-light; - // } - // .mbsc-checkbox-dark input:checked + .mbsc-checkbox-box { - // background: @windows-dark; - // border-color: @windows-dark; - // } - .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box { - border-color: @windows-dark-grey; - background: @windows-dark-grey; - } - - /*.mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:after { - border-color: @windows-input-disabled; - }*/ - /* Radio */ - &.mbsc-form .mbsc-radio { - padding: 1.125em 3.25em 1.125em 1em; - } - - &.mbsc-rtl .mbsc-radio { - padding: 1.125em 1em 1.125em 3.25em; - } - - .mbsc-radio-box { - right: 1.125em; - } - - &.mbsc-rtl .mbsc-radio-box { - right: auto; - left: 1.125em; - } - - .mbsc-radio-box:after { - background: @windows-text; - } - - .mbsc-radio input:checked + .mbsc-radio-box { - border-color: @windows-accent; - } - - .mbsc-radio input.mbsc-active + .mbsc-radio-box { - border-color: fade(@windows-text, 60%); - } - - .mbsc-radio input.mbsc-active + .mbsc-radio-box:after { - background: fade(@windows-text, 60%); - } - - /* Radio color presets */ - .mbsc-radio-primary .mbsc-radio-box:after { - background: @windows-primary; - } - - .mbsc-radio-secondary .mbsc-radio-box:after { - background: @windows-secondary; - } - - .mbsc-radio-success .mbsc-radio-box:after { - background: @windows-success; - } - - .mbsc-radio-danger .mbsc-radio-box:after { - background: @windows-danger; - } - - .mbsc-radio-warning .mbsc-radio-box:after { - background: @windows-warning; - } - - .mbsc-radio-info .mbsc-radio-box:after { - background: @windows-info; - } - - // .mbsc-radio-light .mbsc-radio-box:after { - // background: @windows-light; - // } - // .mbsc-radio-dark .mbsc-radio-box:after { - // background: @windows-dark; - // } - /* Buttons */ - .mbsc-btn { - margin: .5em .25em; - padding: .3125em .5em; - background: @windows-fr-border; - border: .125em solid @windows-fr-border; - border-radius: 0; - color: @windows-text; - } - - .mbsc-btn-ic { - padding-right: .5em; - } - - .mbsc-btn-icon-only .mbsc-btn-ic { - padding: 0; - } - - .mbsc-btn:disabled { - opacity: .3; - } - - &.mbsc-no-touch .mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: @windows-button-border; - } - - .mbsc-btn.mbsc-active { - border-color: @windows-button-border; - background: @windows-button-border; - } - - &.mbsc-no-touch .mbsc-btn-flat:not(:disabled):hover { - background: transparent; - border-color: transparent; - opacity: .7; - } - - .mbsc-btn.mbsc-btn-flat.mbsc-active:not(:disabled) { - background: fade(@windows-fr-border, 25%); - opacity: 1; - } - - .mbsc-btn-group, - .mbsc-btn-group-justified { - margin: .5em .75em; - } - - .mbsc-btn-group-block { - margin: .5em 1em; - } - - /* Button color presets*/ - .mbsc-btn-primary.mbsc-btn { - color: contrast(@windows-primary); - background: @windows-primary; - border-color: @windows-primary; - - &.mbsc-btn-flat { - color: @windows-primary; - background: transparent; - border-color: transparent; - - &.mbsc-active { - background: fade(@windows-primary, 25%); - } - } - } - - .mbsc-btn-secondary.mbsc-btn { - color: contrast(@windows-secondary); - background: @windows-secondary; - border-color: @windows-secondary; - - &.mbsc-btn-flat { - color: @windows-secondary; - background: transparent; - border-color: transparent; - - &.mbsc-active { - background: fade(@windows-secondary, 25%); - } - } - } - - .mbsc-btn-success.mbsc-btn { - color: contrast(@windows-success); - background: @windows-success; - border-color: @windows-success; - - &.mbsc-btn-flat { - color: @windows-success; - background: transparent; - border-color: transparent; - - &.mbsc-active { - background: fade(@windows-success, 25%); - } - } - } - - .mbsc-btn-danger.mbsc-btn { - color: contrast(@windows-danger); - background: @windows-danger; - border-color: @windows-danger; - - &.mbsc-btn-flat { - color: @windows-danger; - background: transparent; - border-color: transparent; - - &.mbsc-active { - background: fade(@windows-danger, 25%); - } - } - } - - .mbsc-btn-warning.mbsc-btn { - color: contrast(@windows-warning); - background: @windows-warning; - border-color: @windows-warning; - - &.mbsc-btn-flat { - color: @windows-warning; - background: transparent; - border-color: transparent; - - &.mbsc-active { - background: fade(@windows-warning, 25%); - } - } - } - - .mbsc-btn-info.mbsc-btn { - color: contrast(@windows-info); - background: @windows-info; - border-color: @windows-info; - - &.mbsc-btn-flat { - color: @windows-info; - background: transparent; - border-color: transparent; - - &.mbsc-active { - background: fade(@windows-info, 25%); - } - } - } - - .mbsc-btn-light.mbsc-btn { - color: contrast(@windows-light); - background: darken(@windows-light, 25%); - border-color: darken(@windows-light, 25%); - - &.mbsc-btn-flat { - color: darken(@windows-light, 25%); - background: transparent; - border-color: transparent; - - &.mbsc-active { - background: fade(darken(@windows-light, 25%), 25%); - } - } - } - - .mbsc-btn-dark.mbsc-btn { - color: contrast(@windows-dark); - background: @windows-dark; - border-color: @windows-dark; - - &.mbsc-btn-flat { - color: @windows-dark; - background: transparent; - border-color: transparent; - - &.mbsc-active { - background: fade(@windows-dark, 25%); - } - } - } - - /* Outline buttons */ - .mbsc-btn.mbsc-btn-outline { - background: transparent; - border: 0.125em solid @windows-grey; - color: @windows-grey; - - &.mbsc-active { - background: @windows-btn-border; - border-color: @windows-btn-border; - color: contrast(@windows-btn-border); - opacity: 1; - } - - &.mbsc-btn-primary { - border-color: @windows-primary; - color: @windows-primary; - background: transparent; - - &.mbsc-active { - background: @windows-primary; - color: @windows-light; - } - } - - &.mbsc-btn-secondary { - border-color: @windows-secondary; - color: @windows-secondary; - background: transparent; - - &.mbsc-active { - background: @windows-secondary; - color: @windows-light; - } - } - - &.mbsc-btn-success { - border-color: @windows-success; - color: @windows-success; - background: transparent; - - &.mbsc-active { - background: @windows-success; - color: @windows-light; - } - } - - &.mbsc-btn-danger { - border-color: @windows-danger; - color: @windows-danger; - background: transparent; - - &.mbsc-active { - background: @windows-danger; - color: @windows-light; - } - } - - &.mbsc-btn-warning { - border-color: @windows-warning; - color: @windows-warning; - background: transparent; - - &.mbsc-active { - background: @windows-warning; - color: @windows-light; - } - } - - &.mbsc-btn-info { - border-color: @windows-info; - color: @windows-info; - background: transparent; - - &.mbsc-active { - background: @windows-info; - color: @windows-light; - } - } - - &.mbsc-btn-light { - border-color: darken(@windows-light, 25%); - color: darken(@windows-light, 25%); - background: transparent; - - &.mbsc-active { - background: darken(@windows-light, 25%); - color: @windows-dark; - } - } - - &.mbsc-btn-dark { - border-color: @windows-dark; - color: @windows-dark; - background: transparent; - - &.mbsc-active { - background: @windows-dark; - color: @windows-light; - } - } - } - - /* button hover style */ - &.mbsc-no-touch { - .mbsc-btn.mbsc-btn-outline:not(:disabled):hover { - border-color: @windows-btn-border; - } - - .mbsc-btn-primary.mbsc-btn { - &:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: darken(@windows-primary, 20%); - } - } - - .mbsc-btn-secondary.mbsc-btn { - &:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: darken(@windows-secondary, 20%); - } - } - - .mbsc-btn-success.mbsc-btn { - &:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: darken(@windows-success, 20%); - } - } - - .mbsc-btn-danger.mbsc-btn { - &:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: darken(@windows-danger, 20%); - } - } - - .mbsc-btn-warning.mbsc-btn { - &:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: darken(@windows-warning, 20%); - } - } - - .mbsc-btn-info.mbsc-btn { - &:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: darken(@windows-info, 20%); - } - } - - .mbsc-btn-light.mbsc-btn { - &:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: darken(@windows-light, 40%); - } - } - - .mbsc-btn-dark.mbsc-btn { - &:not(.mbsc-btn-flat):not(:disabled):hover { - border-color: darken(@windows-dark, 30%); - } - } - } - - /* button active style */ - .mbsc-btn-primary.mbsc-btn { - &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { - background: darken(@windows-primary, 20%); - border-color: darken(@windows-primary, 20%); - } - } - - .mbsc-btn-secondary.mbsc-btn { - &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { - background: darken(@windows-secondary, 20%); - border-color: darken(@windows-secondary, 20%); - } - } - - .mbsc-btn-success.mbsc-btn { - &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { - background: darken(@windows-success, 20%); - border-color: darken(@windows-success, 20%); - } - } - - .mbsc-btn-danger.mbsc-btn { - &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { - background: darken(@windows-danger, 20%); - border-color: darken(@windows-danger, 20%); - } - } - - .mbsc-btn-warning.mbsc-btn { - &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { - background: darken(@windows-warning, 20%); - border-color: darken(@windows-warning, 20%); - } - } - - .mbsc-btn-info.mbsc-btn { - &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { - background: darken(@windows-info, 20%); - border-color: darken(@windows-info, 20%); - } - } - - .mbsc-btn-light.mbsc-btn { - &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { - background: darken(@windows-light, 40%); - border-color: darken(@windows-light, 40%); - } - } - - .mbsc-btn-dark.mbsc-btn { - &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { - background: darken(@windows-dark, 30%); - border-color: darken(@windows-dark, 30%); - } - } - - /* Flat buttons */ - .mbsc-btn.mbsc-btn-flat { - background: transparent; - border-color: transparent; - } - - /* Switch */ - &.mbsc-form .mbsc-switch { - padding: 1.125em 5.875em 1.125em 1em; - } - - &.mbsc-rtl .mbsc-switch { - padding: 1.125em 1em 1.125em 5.875em; - } - - .mbsc-switch-track { - right: 1.125em; - width: 2.75em; - height: 1.25em; - margin-top: -0.645em; - padding: 0 .5em; - border-radius: 10px; - border: 2px solid @windows-text; - /*box-shadow: inset 0 0 0 2px @windows-form-bg, 0 0 0 2px @windows-text;*/ - } - - &.mbsc-rtl .mbsc-switch-track { - right: auto; - left: 1.125em; - } - - .mbsc-switch-track .mbsc-switch-handle { - z-index: 1; - top: 50%; - left: 50%; - right: auto; - height: .625em; - width: .625em; - border-radius: 10px; - margin: -0.3125em 0 0 -0.3125em; - background: @windows-text; - } - - .mbsc-switch input:checked + .mbsc-switch-track { - background: @windows-accent; - border-color: @windows-accent; - - .mbsc-switch-handle { - background: @windows-background; - } - } - - .mbsc-switch input:checked:disabled + .mbsc-switch-track { - background: @windows-text; - border-color: @windows-text; - } - - /* Checkbox color presets */ - .mbsc-switch-primary.mbsc-switch input:checked + .mbsc-switch-track { - background: @windows-primary; - border-color: @windows-primary; - } - - .mbsc-switch-secondary.mbsc-switch input:checked + .mbsc-switch-track { - background: @windows-secondary; - border-color: @windows-secondary; - } - - .mbsc-switch-success.mbsc-switch input:checked + .mbsc-switch-track { - background: @windows-success; - border-color: @windows-success; - } - - .mbsc-switch-danger.mbsc-switch input:checked + .mbsc-switch-track { - background: @windows-danger; - border-color: @windows-danger; - } - - .mbsc-switch-warning.mbsc-switch input:checked + .mbsc-switch-track { - background: @windows-warning; - border-color: @windows-warning; - } - - .mbsc-switch-info.mbsc-switch input:checked + .mbsc-switch-track { - background: @windows-info; - border-color: @windows-info; - } - - // .mbsc-switchswitch-light.mbsc-switch input:checked + .mbsc-switch-track { - // background: @windows-light; - // } - // .mbsc-switch-dark.mbsc-switch input:checked + .mbsc-switch-track { - // background: @windows-dark; - // } - &.mbsc-form .mbsc-switch input.mbsc-active + .mbsc-switch-track { - background: @windows-dark-grey; - border-color: @windows-dark-grey; - - .mbsc-switch-handle { - background: @windows-background; - } - } - - /* Segmented & Stepper */ - .mbsc-segmented { - padding: .75em 1em; - } - - .mbsc-segmented-content { - height: 2.285715em; - line-height: 2.285715em; - padding: 0 .4285715em; - color: @windows-text; - background: @windows-fr-border; - } - - .mbsc-segmented-content.mbsc-stepper-val { - background: transparent; - border-top: 2px solid @windows-fr-border; - border-bottom: 2px solid @windows-fr-border; - box-sizing: border-box; - } - - &.mbsc-ltr .mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item { - border-right: 1px solid @windows-border; - } - - &.mbsc-rtl .mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item { - border-left: 1px solid @windows-border; - } - - .mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item:last-child, - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-plus, - .mbsc-stepper-val-left .mbsc-segmented input + .mbsc-segmented-item, - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control { - border: 0; - } - - &.mbsc-ltr .mbsc-segmented .mbsc-stepper-control + .mbsc-stepper-control { - border-left: 1px solid @windows-border; - } - - &.mbsc-rtl .mbsc-segmented .mbsc-stepper-control + .mbsc-stepper-control { - border-right: 1px solid @windows-border; - } - - .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: @windows-text; - color: @windows-form-bg; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - background: @windows-button-border; - } - - .mbsc-stepper { - margin-top: -1em; - } - - .mbsc-stepper .mbsc-segmented-item.mbsc-active .mbsc-segmented-content { - background: @windows-button-border; - } - - .mbsc-stepper-cont { - padding: 1.75em 13em 1.75em 1em; - } - - &.mbsc-rtl .mbsc-stepper-cont { - padding: 1.75em 1em 1.75em 13em; - } - - .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, - .mbsc-stepper .mbsc-segmented-item.mbsc-disabled .mbsc-segmented-content, - .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { - opacity: .3; - background: @windows-fr-border; - } - - .mbsc-stepper input:disabled { - color: @windows-segmented-disabled; - -webkit-text-fill-color: @windows-segmented-disabled; - } - - .mbsc-segmented .mbsc-segmented-item input:disabled:checked + .mbsc-segmented-content { - color: @windows-form-bg; - background: @windows-segmented-disabled; - } - - .mbsc-stepper .mbsc-active.mbsc-disabled .mbsc-segmented-content { - background: transparent; - } - - .mbsc-stepper input { - color: @windows-text; - } - - &.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content { - background: @windows-button-hover; - } - - .mbsc-segmented { - - /* Segmented color presets */ - .mbsc-segmented-primary { - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @windows-primary; - } - } - - .mbsc-segmented-secondary { - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @windows-secondary; - } - } - - .mbsc-segmented-success { - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @windows-success; - } - } - - .mbsc-segmented-danger { - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @windows-danger; - } - } - - .mbsc-segmented-warning { - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @windows-warning; - } - } - - .mbsc-segmented-info { - - &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, - &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { - background: @windows-info; - } - } - } - - &.mbsc-no-touch { - - /* Segmented hover color presets*/ - .mbsc-segmented-primary { - &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { - background: fade(@windows-primary, 25%) - } - } - - .mbsc-segmented-secondary { - &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { - background: fade(@windows-secondary, 25%) - } - } - - .mbsc-segmented-success { - &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { - background: fade(@windows-success, 25%) - } - } - - .mbsc-segmented-danger { - &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { - background: fade(@windows-danger, 25%) - } - } - - .mbsc-segmented-warning { - &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { - background: fade(@windows-warning, 25%) - } - } - - .mbsc-segmented-info { - &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { - background: fade(@windows-info, 25%) - } - } - - /* Stepper hover color presets*/ - .mbsc-stepper-primary { - .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { - background: darken(@windows-primary, 10%) - } - } - - .mbsc-stepper-secondary { - .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { - background: darken(@windows-secondary, 10%) - } - } - - .mbsc-stepper-success { - .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { - background: darken(@windows-success, 10%) - } - } - - .mbsc-stepper-danger { - .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { - background: darken(@windows-danger, 10%) - } - } - - .mbsc-stepper-warning { - .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { - background: darken(@windows-warning, 10%) - } - } - - .mbsc-stepper-info { - .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { - background: darken(@windows-info, 10%) - } - } - } - - /* Stepper color presets */ - .mbsc-stepper-primary { - .mbsc-segmented-content.mbsc-stepper-val { - border-color: @windows-primary; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { - background: @windows-primary; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { - background: darken(@windows-primary, 25%); - } - } - - .mbsc-stepper-secondary { - .mbsc-segmented-content.mbsc-stepper-val { - border-color: @windows-secondary; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { - background: @windows-secondary; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { - background: darken(@windows-secondary, 25%); - } - } - - .mbsc-stepper-success { - .mbsc-segmented-content.mbsc-stepper-val { - border-color: @windows-success; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { - background: @windows-success; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { - background: darken(@windows-success, 25%); - } - } - - .mbsc-stepper-danger { - .mbsc-segmented-content.mbsc-stepper-val { - border-color: @windows-danger; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { - background: @windows-danger; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { - background: darken(@windows-danger, 25%); - } - } - - .mbsc-stepper-warning { - .mbsc-segmented-content.mbsc-stepper-val { - border-color: @windows-warning; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { - background: @windows-warning; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { - background: darken(@windows-warning, 25%); - } - } - - .mbsc-stepper-info { - .mbsc-segmented-content.mbsc-stepper-val { - border-color: @windows-info; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { - background: @windows-info; - } - - .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { - background: darken(@windows-info, 25%); - } - } -} diff --git a/src/less/themes/windows.frame.less b/src/less/themes/windows.frame.less deleted file mode 100644 index 791f698e..00000000 --- a/src/less/themes/windows.frame.less +++ /dev/null @@ -1,62 +0,0 @@ -@import "../frame"; -@import "windows"; - -/* Frame */ - -.mbsc-windows { - .mbsc-fr-w { - background: @windows-background; - color: @windows-text; - font-size: 16px; - border: 1px solid @windows-fr-border; - } - - .mbsc-ltr .mbsc-fr-btn-w .mbsc-fr-btn:before { - padding: 0 .375em 0 0; - } - - .mbsc-rtl .mbsc-fr-btn-w .mbsc-fr-btn:before { - padding: 0 0 0 .375em; - } - - &.mbsc-fr-inline .mbsc-fr-w { - border: 0; - } - - .mbsc-fr-hdr { - padding: .5em; - border-bottom: 2px solid @windows-fr-border; - font-weight: bold; - } - - .mbsc-fr-btn-cont { - border-top: 2px solid @windows-fr-border; - } - - .mbsc-fr-btn-w { - background: @windows-background; - } - - .mbsc-fr-btn { - height: 2.5em; - line-height: 2.5em; - text-align: center; - color: @windows-text; - padding: 0 .375em; - } - - &.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover, - .mbsc-fr-btn.mbsc-active { - background: @windows-button-hover; - } - - /* Bubble positioning */ - .mbsc-fr-arr-w { - margin: -1px 0; - } - - .mbsc-fr-arr { - background: @windows-background; - border: 1px solid @windows-fr-border; - } -} diff --git a/src/less/themes/windows.input.less b/src/less/themes/windows.input.less deleted file mode 100644 index 649c3053..00000000 --- a/src/less/themes/windows.input.less +++ /dev/null @@ -1,211 +0,0 @@ -@import "../input"; - -/* Input */ - -.mbsc-windows { - .mbsc-input { - padding: .5em 1em 1em; - } - - .mbsc-input input, - .mbsc-input textarea, - .mbsc-select input { - height: 2em; - padding: 0 .3125em; - border: .125em solid @windows-grey; - font-size: 1em; - color: @windows-text; - background: transparent; - } - - &.mbsc-ltr .mbsc-select input { - padding-right: 1.75em; - } - - &.mbsc-rtl .mbsc-select input { - padding-left: 1.75em; - } - - &.mbsc-no-touch .mbsc-input input:hover, - &.mbsc-no-touch .mbsc-input textarea:hover, - &.mbsc-no-touch .mbsc-select:hover input { - border-color: @windows-dark-grey; - } - - .mbsc-input textarea { - padding-top: .125em; - padding-bottom: .125em; - } - - .mbsc-input input::-webkit-input-placeholder { - color: #5c5c5c; - } - - .mbsc-input input::-ms-input-placeholder { - color: #5c5c5c; - } - - .mbsc-input input::-moz-placeholder { - color: #5c5c5c; - } - - .mbsc-input .mbsc-input-wrap input:focus, - .mbsc-input .mbsc-input-wrap select:focus + input, - .mbsc-input .mbsc-input-wrap textarea:focus, - &.mbsc-alert .mbsc-input input:focus { - background: #fff; - border-color: @windows-accent; - color: #262626; - - ~ .mbsc-input-ic { - color: #262626; - } - } - - .mbsc-input .mbsc-input-wrap .mbsc-control:disabled + input, - .mbsc-input .mbsc-input-wrap textarea:disabled, - .mbsc-input .mbsc-input-wrap input:disabled { - border-color: @windows-fr-border; - } - - .mbsc-input.mbsc-err input, - .mbsc-input.mbsc-err textarea { - border-color: #d30101; - } - - .mbsc-input-ic { - top: 0; - margin-top: 0; - color: @windows-text; - } - - .mbsc-err-msg { - color: #d30101; - position: absolute; - padding-top: .333334em; - } - - /* Textbox, textarea, select */ - .mbsc-input.mbsc-ic-left input, - .mbsc-input.mbsc-ic-left textarea { - padding-left: 2.25em; - } - - &.mbsc-rtl .mbsc-input.mbsc-ic-left input, - &.mbsc-rtl .mbsc-input.mbsc-ic-left textarea { - padding-right: 2.25em; - padding-left: .3125em; - } - - &.mbsc-ltr .mbsc-input.mbsc-ic-right input, - &.mbsc-ltr .mbsc-input.mbsc-ic-right textarea { - padding-right: 2.25em; - } - - &.mbsc-rtl .mbsc-input.mbsc-ic-right input, - &.mbsc-rtl .mbsc-input.mbsc-ic-right textarea { - padding-left: 2.25em; - } - - .mbsc-ic-left .mbsc-left-ic, - &.mbsc-rtl .mbsc-ic-right .mbsc-right-ic { - right: auto; - left: .25em; - } - - .mbsc-ic-right .mbsc-right-ic, - &.mbsc-rtl .mbsc-ic-left .mbsc-left-ic { - left: auto; - right: .25em; - } - - .mbsc-input .mbsc-label { - padding-bottom: .3125em; - color: @windows-text; - font-size: .8125em; - } - - .mbsc-select .mbsc-input-wrap .mbsc-ic { - color: @windows-text; - } - - .mbsc-select .mbsc-select-ic { - display: block; - position: absolute; - top: .5em; - } - - &.mbsc-ltr .mbsc-select .mbsc-select-ic { - right: .5em; - } - - &.mbsc-rtl .mbsc-select .mbsc-select-ic { - left: .5em; - } - - .mbsc-ic-right .mbsc-select-ic { - display: none; - } - - /* Inline labels */ - .mbsc-label-inline.mbsc-input .mbsc-label { - line-height: 2em; - padding-bottom: 0; - } - - /* Floating labels */ - .mbsc-label-floating.mbsc-input { - padding-top: 1.625em; - - .mbsc-label { - font-size: 1em; - position: absolute; - top: 2.0625em; - } - - &.mbsc-label-floating-active { - .mbsc-label { - -webkit-transform: translateY(-1.5em) scale(.75); - transform: translateY(-1.5em) scale(.75); - } - } - } - - /* Left to right */ - &.mbsc-ltr .mbsc-label-floating.mbsc-input { - .mbsc-label { - left: 1.375em; - } - - &.mbsc-label-floating-active .mbsc-label { - left: 1em; - } - - &.mbsc-ic-left .mbsc-label { - left: 3.375em; - } - - &.mbsc-label-floating-active.mbsc-ic-left .mbsc-label { - left: 1em; - } - } - - /* Right to left */ - &.mbsc-rtl .mbsc-label-floating.mbsc-input { - .mbsc-label { - right: 1.375em; - } - - &.mbsc-label-floating-active .mbsc-label { - right: 1em; - } - - &.mbsc-ic-left .mbsc-label { - right: 3.375em; - } - - &.mbsc-label-floating-active.mbsc-ic-left .mbsc-label { - right: 1em; - } - } -} diff --git a/src/less/themes/windows.less b/src/less/themes/windows.less deleted file mode 100644 index de14cab8..00000000 --- a/src/less/themes/windows.less +++ /dev/null @@ -1,83 +0,0 @@ -/* Input parameters */ - -@windows-background: #f2f2f2; -@windows-text: #262626; -@windows-accent: #0078d7; - -/* --- */ - -.light-or-dark(); - -// Light background -.light-or-dark() when (lightness(@windows-background) > 50%) { - @windows-background-alt: darken(@windows-background, 18%); - @colorClearBackground: #ffffff; - @value_isDark2_5: min(hsvvalue(@windows-background) + 13%, 100%); - @value_isDark2_6: hsvvalue(@windows-background) - 17%; - @value_isDark2_3: max(hsvvalue(@windows-background) - 7%, 0%); - @hsvvalue2_4: max(hsvvalue(@windows-background) - 22%, 0%); - @windows-progress-bg: hsv(hsvhue(@windows-background), hsvsaturation(@windows-background), min(hsvvalue(@windows-background), 88%)); - @value_isDark3_2: hsvvalue(@windows-text); - @windows-colorprev-border: hsv(hsvhue(@windows-background), hsvsaturation(@windows-background), max(hsvvalue(@windows-background) - 25%, 0%)); - @windows-border-cards: darken(@windows-background, 5%); - @windows-cal-day: lighten(@windows-text, 30%); - @windows-accent-light: hsv(hsvhue(@windows-accent), max(hsvsaturation(@windows-accent) - 63%, 0%), min(hsvvalue(@windows-accent) + 6%, 100%)); - @windows-fr-border: darken(@windows-background, 15%); - @windows-border: darken(@windows-background, 19%); - @windows-btn-border: darken(@windows-background, 45%); - @windows-button-hover: darken(@windows-background, 10%); - @windows-wheel-button: darken(@windows-background, 5%); - @windows-grey: darken(@windows-background, 35%); - @windows-dark-grey: darken(@windows-background, 55%); - @windows-checkbox: hsv(hsvhue(@windows-accent), max(hsvsaturation(@windows-accent) - 90%, 0%), min(hsvvalue(@windows-accent) + 14%, 100%)); - @windows-switch-hover: hsv(hsvhue(@windows-accent), max(hsvsaturation(@windows-accent) - 34%, 0%), min(hsvvalue(@windows-accent) + 5%, 100%)); - @windows-button-border: lighten(@windows-text, 33%); - @windows-empty-color: lighten(@windows-text, 30%); - @windows-scrollbar-track: rgba(0, 0, 0, .05); -} - -// Dark background -.light-or-dark() when (lightness(@windows-background) <=50%) { - @windows-background-alt: lighten(@windows-background, 18%); - @windows-progress-bg: hsv(hsvhue(@windows-background), hsvsaturation(@windows-background), max(hsvvalue(@windows-background), 12%)); - @windows-colorprev-border: hsv(hsvhue(@windows-background), hsvsaturation(@windows-background), min(hsvvalue(@windows-background) + 60%, 100%)); - @colorClearBackground: fade(#dfdede, 30%); - @value_isDark2_5: max(hsvvalue(@windows-background) - 12%, 0%); - @value_isDark2_6: hsvvalue(@windows-background) + 19%; - @value_isDark2_3: min(hsvvalue(@windows-background) + 8%, 100%); - @value_isDark3_2: 0%; - @hsvvalue2_4: min(hsvvalue(@windows-background) + 18%, 100%); - @windows-border-cards: lighten(@windows-background, 12%); - @windows-cal-day: darken(@windows-text, 30%); - @windows-accent-light: hsv(hsvhue(@windows-accent), max(hsvsaturation(@windows-accent) - 44%, 0%), min(hsvvalue(@windows-accent) + 6%, 100%)); - @windows-fr-border: lighten(@windows-background, 15%); - @windows-border: lighten(@windows-background, 19%); - @windows-btn-border: lighten(@windows-background, 45%); - @windows-button-hover: lighten(@windows-background, 10%); - @windows-wheel-button: lighten(@windows-background, 5%); - @windows-grey: lighten(@windows-background, 35%); - @windows-dark-grey: lighten(@windows-background, 55%); - @windows-checkbox: hsv(hsvhue(@windows-accent), max(hsvsaturation(@windows-accent) - 90%, 0%), min(hsvvalue(@windows-accent) + 14%, 100%)); - @windows-switch-hover: hsv(hsvhue(@windows-accent), max(hsvsaturation(@windows-accent) - 34%, 0%), min(hsvvalue(@windows-accent) + 5%, 100%)); - @windows-button-border: darken(@windows-text, 33%); - @windows-empty-color: darken(@windows-text, 30%); - @windows-scrollbar-track: rgba(255, 255, 255, .2); -} - -/* Light/dark versions */ - -@windows-accent-alt: contrast(@windows-accent); -@windows-segmented-disabled: hsv(hsvhue(@windows-background), hsvsaturation(@windows-background), @value_isDark2_6); -@windows-form-bg: hsv(hsvhue(@windows-background), hsvsaturation(@windows-background), @value_isDark2_5); -@windows-np-bg: hsv(hsvhue(@windows-background), hsvsaturation(@windows-background), @value_isDark2_3); -@windows-background-alt2: hsv(hsvhue(@windows-background), hsvsaturation(@windows-background), max(@hsvvalue2_4, 25%)); -@windows-background-alt2-text: contrast(@windows-background-alt2); -@windows-input-color: hsv(hsvhue(@windows-text), hsvsaturation(@windows-text), @value_isDark3_2); -@windows-selected-hover: hsv(hsvhue(@windows-accent), max(hsvsaturation(@windows-accent) - 44%, 0%), min(hsvvalue(@windows-accent) + 7%, 100%)); - - -/* Empty view styling */ - -.mbsc-windows .mbsc-empty { - color: @windows-cal-day; -} diff --git a/src/less/themes/windows.notifications.less b/src/less/themes/windows.notifications.less deleted file mode 100644 index 2ce0338d..00000000 --- a/src/less/themes/windows.notifications.less +++ /dev/null @@ -1,76 +0,0 @@ -@import "../notifications"; -@import "windows.popup.less"; - -/* Notifications */ - -.mbsc-windows { - - /* Snackbar */ - - &.mbsc-snackbar .mbsc-snackbar-btn { - color: @windows-accent; - } - - /* Toast */ - - &.mbsc-toast .mbsc-toast-msg { - background: @windows-dark-grey; - color: contrast(@windows-dark-grey); - } - - &.mbsc-toast .mbsc-fr-w, - &.mbsc-snackbar .mbsc-fr-w { - border: 0; - } - - /* Snackbar and Toast color presets */ - - &.mbsc-snackbar.mbsc-primary .mbsc-fr-w, - &.mbsc-toast.mbsc-primary .mbsc-toast-msg { - background: @windows-primary; - color: @windows-light-text; - } - - &.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, - &.mbsc-toast.mbsc-secondary .mbsc-toast-msg { - background: @windows-secondary; - color: @windows-light-text; - } - - &.mbsc-snackbar.mbsc-success .mbsc-fr-w, - &.mbsc-toast.mbsc-success .mbsc-toast-msg { - background: @windows-success; - color: @windows-light-text; - } - - &.mbsc-snackbar.mbsc-danger .mbsc-fr-w, - &.mbsc-toast.mbsc-danger .mbsc-toast-msg { - background: @windows-danger; - color: @windows-light-text; - } - - &.mbsc-snackbar.mbsc-warning .mbsc-fr-w, - &.mbsc-toast.mbsc-warning .mbsc-toast-msg { - background: @windows-warning; - color: @windows-dark-text; - } - - &.mbsc-snackbar.mbsc-info .mbsc-fr-w, - &.mbsc-toast.mbsc-info .mbsc-toast-msg { - background: @windows-info; - color: @windows-light-text; - } - - &.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn, - &.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn { - color: @windows-light-text; - } - - &.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn { - color: @windows-dark-text; - } - -} diff --git a/src/less/themes/windows.page.less b/src/less/themes/windows.page.less deleted file mode 100644 index 5f10ae91..00000000 --- a/src/less/themes/windows.page.less +++ /dev/null @@ -1,70 +0,0 @@ -@import "../page"; -@import "windows"; - -/* Colors */ - -@windows-primary: @primary; -@windows-secondary: @secondary; -@windows-success: @success; -@windows-danger: @danger; -@windows-warning: @warning; -@windows-info: @info; -@windows-light: @light; -@windows-dark: @dark; -@windows-dark-text: darken(@windows-dark, 30%); -@windows-light-text: #efeff4; - -/* Page */ - -.mbsc-windows { - &.mbsc-page { - background-color: @windows-form-bg; - color: @windows-text; - } - - a { - color: @windows-accent; - } - - /* Note */ - .mbsc-note, - .mbsc-note-primary { - color: darken(@windows-primary, 30%); - background-color: lighten(@windows-primary, 10%); - } - - .mbsc-note-secondary { - color: darken(@windows-secondary, 30%); - background-color: lighten(@windows-secondary, 20%); - } - - .mbsc-note-success { - color: darken(@windows-success, 30%); - background-color: lighten(@windows-success, 20%); - } - - .mbsc-note-danger { - color: darken(@windows-danger, 40%); - background-color: lighten(@windows-danger, 10%); - } - - .mbsc-note-warning { - color: darken(@windows-warning, 35%); - background-color: lighten(@windows-warning, 5%); - } - - .mbsc-note-info { - color: darken(@windows-info, 30%); - background-color: lighten(@windows-info, 20%); - } - - .mbsc-note-light { - color: darken(@windows-light, 70%); - background-color: lighten(@windows-light, 10%); - } - - .mbsc-note-dark { - color: darken(@windows-dark, 30%); - background-color: lighten(@windows-dark, 10%); - } -} diff --git a/src/less/themes/windows.popup.less b/src/less/themes/windows.popup.less deleted file mode 100644 index ee15d3b9..00000000 --- a/src/less/themes/windows.popup.less +++ /dev/null @@ -1,18 +0,0 @@ -@import "../popup"; -@import "windows.frame.less"; - -/* Widget */ - -.mbsc-windows.mbsc-wdg { - .mbsc-fr-btn-cont { - padding: 1em .875em; - border-top: 0; - } - - .mbsc-fr-btn { - margin: 0 .125em; - background: @windows-fr-border; - height: 2em; - line-height: 2em; - } -} diff --git a/src/less/themes/windows.rating.less b/src/less/themes/windows.rating.less deleted file mode 100644 index c045b98d..00000000 --- a/src/less/themes/windows.rating.less +++ /dev/null @@ -1,41 +0,0 @@ -@import "../rating"; -@import "windows"; -@import "windows.progress.less"; - -/* Rating */ - -.mbsc-windows.mbsc-rating { - - .mbsc-progress-track { - color: @windows-accent; - } - - input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { - opacity: .4; - } - - /* Color presets */ - &.mbsc-rating-primary .mbsc-progress-track { - color: @windows-primary; - } - - &.mbsc-rating-secondary .mbsc-progress-track { - color: @windows-secondary; - } - - &.mbsc-rating-success .mbsc-progress-track { - color: @windows-success; - } - - &.mbsc-rating-danger .mbsc-progress-track { - color: @windows-danger; - } - - &.mbsc-rating-warning .mbsc-progress-track { - color: @windows-warning; - } - - &.mbsc-rating-info .mbsc-progress-track { - color: @windows-info; - } -} diff --git a/src/less/themes/windows.scroller.less b/src/less/themes/windows.scroller.less deleted file mode 100644 index a03c0d0c..00000000 --- a/src/less/themes/windows.scroller.less +++ /dev/null @@ -1,130 +0,0 @@ -@import "../scroller"; -@import "windows.frame.less"; - -/* Scroller */ - -.mbsc-windows { - .mbsc-sc-whl-gr-c { - border-bottom: 2px solid @windows-fr-border; - margin-bottom: -2px; - } - - .mbsc-sc-whl-w { - border-right: 2px solid @windows-fr-border; - } - - .mbsc-ltr .mbsc-sc-whl-w:last-child, - .mbsc-rtl .mbsc-sc-whl-w:first-child { - border-right: 0; - } - - .mbsc-sc-lbl-v .mbsc-sc-whl-gr { - padding: 1.875em 0; - } - - .mbsc-sc-lbl-v .mbsc-sc-whl-w { - background: @windows-background; - } - - .mbsc-sc-lbl-v { - background: @windows-fr-border; - border: 0; - margin-bottom: -1.875em; - } - - .mbsc-sc-lbl { - font-size: .75em; - line-height: 2.5em; - } - - .mbsc-sc-whl-l { - display: block; - background: fade(@windows-accent, 40%); - z-index: 1; - } - - .mbsc-sc-whl-w .mbsc-sc-whl-l { - display: none; - } - - .mbsc-sc-itm { - padding: 0 .5em; - } - - &.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, - .mbsc-sc-itm:focus { - outline: 0; - background: fade(@windows-text, 10%); - } - - &.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active { - background: fade(@windows-text, 20%); - } - - /* Clickpick mode */ - .mbsc-sc-btn { - opacity: 0; - height: 1.375em; - line-height: 1.375em; - background: @windows-wheel-button; - overflow: hidden; - } - - &.mbsc-no-touch .mbsc-sc-whl-w:hover .mbsc-sc-btn { - opacity: 1; - } - - &.mbsc-no-touch .mbsc-sc-btn:hover, - .mbsc-sc-btn.mbsc-active { - background: @windows-button-hover; - } - - /* Multiple select */ - &.mbsc-sel-multi .mbsc-sc-whl-l { - display: none; - } - - .mbsc-sc-whl-multi .mbsc-sc-itm { - padding: 0 2.5em; - } - - .mbsc-sc-whl-multi .mbsc-sc-btn { - display: none; - } - - .mbsc-sc-whl-multi .mbsc-sc-itm-sel { - color: @windows-accent; - } - - .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { - width: 2.5em; - } - - /* Desktop styling */ - &.mbsc-fr-pointer { - .mbsc-sc-lbl { - padding: 0 1.666667em; - } - - .mbsc-sc-itm { - padding: 0 1.25em; - } - - .mbsc-sc-whl-multi .mbsc-sc-itm { - padding: 0 2.5em; - } - - .mbsc-ltr .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { - left: 0; - } - - .mbsc-rtl .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { - right: 0; - } - } - - /* Scrollbar */ - .mbsc-sc-bar:after { - border-radius: 0; - } -} diff --git a/src/less/themes/windows.slider.less b/src/less/themes/windows.slider.less deleted file mode 100644 index 912eae66..00000000 --- a/src/less/themes/windows.slider.less +++ /dev/null @@ -1,116 +0,0 @@ -@import "windows.page.less"; -@import "../slider"; -@import "windows.progress.less"; - -/* Slider */ - -.mbsc-windows { - - &.mbsc-slider .mbsc-input-wrap { - padding: 0 .3125em; - } - - &.mbsc-slider .mbsc-input-ic { - top: -.0625em; - } - - &.mbsc-slider .mbsc-progress-track { - height: 6px; - background: @windows-grey; - border-top: 2px solid @windows-background; - border-bottom: 2px solid @windows-background; - } - - &.mbsc-form .mbsc-slider .mbsc-progress-track { - border-top-color: @windows-form-bg; - border-bottom-color: @windows-form-bg; - } - - // .mbsc-no-touch? - &.mbsc-slider:hover .mbsc-progress-track { - background: @windows-dark-grey; - - .mbsc-slider-handle { - background: @windows-text; - } - } - - &.mbsc-slider .mbsc-active ~ .mbsc-progress-cont .mbsc-progress-track { - background: @windows-grey; - - .mbsc-slider-handle { - background: @windows-fr-border; - } - } - - .mbsc-slider-handle { - top: 50%; - width: .5em; - border-radius: 6px; - height: 1.5em; - margin: -0.75em -0.25em 0 0; - background: @windows-accent; - } - - .mbsc-slider-tooltip { - height: 1.875em; - padding: 0 .75em; - top: -2.75em; - border: 1px solid @windows-fr-border; - line-height: 1.875em; - background: @windows-background; - text-align: center; - color: @windows-text; - transition: opacity .2s ease-in-out; - -webkit-transform: translateX(50%); - transform: translateX(50%); - } - - .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, - .mbsc-active .mbsc-slider-tooltip { - opacity: 1; - } - - .mbsc-slider-step { - background: @windows-grey; - height: 16px; - width: 1px; - top: -7px; - z-index: -1; - } - - /* fix for first tick */ - .mbsc-progress-bar + .mbsc-slider-step { - margin: 0; - } - - .mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { - opacity: .4; - } - - - /* Slider color presets */ - .mbsc-slider-primary .mbsc-progress-bar { - background: @windows-primary; - } - - .mbsc-slider-secondary .mbsc-progress-bar { - background: @windows-secondary; - } - - .mbsc-slider-success .mbsc-progress-bar { - background: @windows-success; - } - - .mbsc-slider-danger .mbsc-progress-bar { - background: @windows-danger; - } - - .mbsc-slider-warning .mbsc-progress-bar { - background: @windows-warning; - } - - .mbsc-slider-info .mbsc-progress-bar { - background: @windows-info; - } -} diff --git a/src/less/themes/windows.widget.less b/src/less/themes/windows.widget.less deleted file mode 100644 index 8d840a0c..00000000 --- a/src/less/themes/windows.widget.less +++ /dev/null @@ -1,18 +0,0 @@ -@import "../widget"; -@import "windows.frame.less"; - -/* Widget */ - -.mbsc-windows.mbsc-wdg { - .mbsc-fr-btn-cont { - padding: 1em .875em; - border-top: 0; - } - - .mbsc-fr-btn { - margin: 0 .125em; - background: @windows-fr-border; - height: 2em; - line-height: 2em; - } -} \ No newline at end of file diff --git a/src/less/themes/wp.forms.less b/src/less/themes/wp.forms.less deleted file mode 100644 index bef5878b..00000000 --- a/src/less/themes/wp.forms.less +++ /dev/null @@ -1,405 +0,0 @@ -@import "../forms"; -@import "wp.page.less"; -@import "wp.input.less"; -@import "wp.slider.less"; -@import "wp.notifications.less"; - -/* Forms */ - -.mbsc-wp.mbsc-form { - background-color: #060709; - color: #fff; -} - -.mbsc-wp.mbsc-form *::-moz-selection { - color: #fff; - background: #1a9fe0; -} - -.mbsc-wp.mbsc-form *::selection { - color: #fff; - background: #1a9fe0; -} - -.mbsc-wp .mbsc-input-ic { - top: 0; - margin-top: 0; - color: #000; -} - -.mbsc-wp .mbsc-divider, -.mbsc-wp .mbsc-form-group-title { - font-size: 1.5em; - padding: 0 0.5em; - line-height: 2em; -} - -.mbsc-wp .mbsc-err-msg { - color: #d30101; -} - - -/* Textbox, textarea, select */ - -.mbsc-wp .mbsc-input.mbsc-ic-left input, -.mbsc-wp .mbsc-input.mbsc-ic-left textarea { - padding-left: 2.25em; -} - -.mbsc-wp.mbsc-rtl .mbsc-input.mbsc-ic-left input, -.mbsc-wp.mbsc-rtl .mbsc-input.mbsc-ic-left textarea { - padding-right: 2.25em; - padding-left: .3125em; -} - -.mbsc-wp.mbsc-ltr .mbsc-input.mbsc-ic-right input, -.mbsc-wp.mbsc-ltr .mbsc-input.mbsc-ic-right textarea { - padding-right: 2.25em; -} - -.mbsc-wp.mbsc-rtl .mbsc-input.mbsc-ic-right input, -.mbsc-wp.mbsc-rtl .mbsc-input.mbsc-ic-right textarea { - padding-left: 2.25em; -} - -.mbsc-wp .mbsc-ic-left .mbsc-left-ic, -.mbsc-wp.mbsc-rtl .mbsc-ic-right .mbsc-right-ic { - right: auto; - left: .25em; -} - -.mbsc-wp .mbsc-ic-right .mbsc-right-ic, -.mbsc-wp.mbsc-rtl .mbsc-ic-left .mbsc-left-ic { - left: auto; - right: .25em; -} - -.mbsc-wp .mbsc-input .mbsc-label { - padding-bottom: .3125em; - color: #878787; - font-size: .8125em; -} - -.mbsc-wp .mbsc-select .mbsc-input-wrap input { - background: transparent; - border-color: #fff; - color: #fff; -} - -.mbsc-wp .mbsc-select .mbsc-input-wrap .mbsc-ic { - color: #fff; -} - -.mbsc-wp .mbsc-input select.mbsc-active + input { - background: #1a9fe0; - border-color: #fff; - color: #fff; -} - -.mbsc-wp .mbsc-select select.mbsc-active ~ .mbsc-ic { - color: #fff; -} - -.mbsc-wp .mbsc-select select:focus ~ .mbsc-ic { - color: #000; -} - - -/* Checkbox, radio */ - -.mbsc-wp .mbsc-checkbox-box, -.mbsc-wp .mbsc-radio-box { - margin-top: -.6875em; - border: .125em solid #fff; -} - -.mbsc-wp .mbsc-checkbox input:disabled + .mbsc-checkbox-box, -.mbsc-wp .mbsc-checkbox input:disabled ~ .mbsc-label, -.mbsc-wp .mbsc-checkbox input:disabled ~ .mbsc-desc, -.mbsc-wp .mbsc-radio input:disabled + .mbsc-radio-box, -.mbsc-wp .mbsc-radio input:disabled ~ .mbsc-label, -.mbsc-wp .mbsc-radio input:disabled ~ .mbsc-desc, -.mbsc-wp .mbsc-switch input:disabled + .mbsc-switch-track, -.mbsc-wp .mbsc-switch input:disabled ~ .mbsc-label, -.mbsc-wp .mbsc-switch input:disabled ~ .mbsc-desc { - opacity: .2; -} - - -/* Checkbox */ - -.mbsc-wp.mbsc-form .mbsc-checkbox { - padding: 1.125em 1em 1.125em 2.875em; -} - -.mbsc-wp.mbsc-rtl .mbsc-checkbox { - padding: 1.125em 2.875em 1.125em 1em; -} - -.mbsc-wp .mbsc-checkbox-box { - width: 1.3125em; - height: 1.3125em; - left: 1em; -} - -.mbsc-wp.mbsc-rtl .mbsc-checkbox-box { - left: auto; - right: 1em; -} - -.mbsc-wp .mbsc-checkbox-box:after { - top: 20%; - left: 10%; - width: .875em; - height: .475em; - border: .1875em solid #fff; - border-top: 0; - border-right: 0; -} - -.mbsc-wp .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box { - background: #1a9fe0; -} - -.mbsc-wp .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:after { - border-color: #fff; -} - - -/* Radio */ - -.mbsc-wp.mbsc-form .mbsc-radio { - padding: 1.125em 3.25em 1.125em 1em; -} - -.mbsc-wp.mbsc-rtl .mbsc-radio { - padding: 1.125em 1em 1.125em 3.25em; -} - -.mbsc-wp .mbsc-radio-box { - right: 1.125em; -} - -.mbsc-wp.mbsc-rtl .mbsc-radio-box { - right: auto; - left: 1.125em; -} - -.mbsc-wp .mbsc-radio-box:after { - background: #fff; -} - -.mbsc-wp .mbsc-radio input.mbsc-active + .mbsc-radio-box { - background: #1a9fe0; -} - -.mbsc-wp .mbsc-radio input.mbsc-active + .mbsc-radio-box:after { - background: #1a9fe0; -} - - -/* Buttons */ - -.mbsc-wp .mbsc-btn { - margin: .5em .25em; - padding: .3125em .5em; - background: transparent; - border: .125em solid #fff; - border-radius: 0; - color: #fff; - text-transform: lowercase; - -webkit-transform: translate3d(0, 0, 0); - -webkit-transition: -webkit-transform .2s ease-in-out; - transition: transform .2s ease-in-out; -} - -.mbsc-wp .mbsc-btn-ic { - padding-right: .5em; - color: #fff; -} - -.mbsc-wp .mbsc-btn-icon-only .mbsc-btn-ic { - padding: 0; -} - -.mbsc-wp .mbsc-btn:disabled { - opacity: .3; -} - -.mbsc-wp.mbsc-no-touch .mbsc-btn:not(:disabled):hover, -.mbsc-wp .mbsc-btn.mbsc-active { - background: #1a9fe0; - color: #fff; -} - -.mbsc-wp .mbsc-btn.mbsc-active { - -webkit-transform: translate3d(0, -2px, 0); - transform: translate3d(0, -2px, 0); -} - -.mbsc-wp.mbsc-no-touch .mbsc-btn:not(:disabled):hover .mbsc-btn-ic, -.mbsc-wp .mbsc-btn.mbsc-active .mbsc-btn-ic { - background: #1a9fe0; - color: #fff; -} - -.mbsc-wp .mbsc-btn-flat { - border: 0; - font-size: .75em; -} - -.mbsc-wp .mbsc-btn-flat .mbsc-btn-ic { - display: block; - width: 1.833334em; - height: 1.833334em; - margin: 0 auto .5em auto; - padding: 0; - border: .1666em solid #fff; - border-radius: 2em; - line-height: 1.833334em; - text-align: center; -} - -.mbsc-wp .mbsc-btn-flat:disabled { - border: 0; -} - -.mbsc-wp.mbsc-no-touch .mbsc-btn-flat:not(:disabled):hover, -.mbsc-wp .mbsc-btn-flat.mbsc-active { - background: transparent; - color: #fff; -} - -.mbsc-wp.mbsc-no-touch .mbsc-btn-flat:not(:disabled):hover .mbsc-btn-ic, -.mbsc-wp .mbsc-btn-flat.mbsc-active .mbsc-btn-ic { - border-color: #1a9fe0; -} - -.mbsc-wp .mbsc-btn-group, -.mbsc-wp .mbsc-btn-group-justified { - padding: .25em .75em; -} - -.mbsc-wp .mbsc-btn-group-block { - padding: .25em 1em; -} - - -/* Switch */ - -.mbsc-wp.mbsc-form .mbsc-switch { - padding: 1.125em 5.875em 1.125em 1em; -} - -.mbsc-wp.mbsc-rtl .mbsc-switch { - padding: 1.125em 1em 1.125em 5.875em; -} - -.mbsc-wp .mbsc-switch-track { - right: 1.125em; - width: 3.5em; - height: 1.125em; - margin-top: -0.645em; - padding: 0 .375em; - box-shadow: inset 0 0 0 2px #000, 0 0 0 2px #fff; -} - -.mbsc-wp.mbsc-rtl .mbsc-switch-track { - right: auto; - left: 1.125em; -} - -.mbsc-wp .mbsc-switch-handle { - z-index: 1; - top: 50%; - left: 50%; - right: auto; - height: 1.625em; - width: 1em; - margin: -.9375em 0 0 -.625em; - background: #fff; - border: .125em solid #000; -} - -.mbsc-wp .mbsc-switch input:checked + .mbsc-switch-track { - background: #1a9fe0; -} - -.mbsc-wp .mbsc-switch input:checked:disabled + .mbsc-switch-track { - background: #fff; -} - - -/* Segmented & Stepper */ - -.mbsc-wp .mbsc-segmented { - padding: .75em 1em; -} - -.mbsc-wp .mbsc-segmented-content { - height: 2em; - margin: 0 -.07142857em; - line-height: 2em; - padding: 0 .375em; - border: .142857em solid #fff; - color: #fff; - text-transform: lowercase; -} - -.mbsc-wp .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content { - background: #fff; - color: #000; -} - -.mbsc-wp .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, -.mbsc-wp .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content, -.mbsc-wp .mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { - background: #1a9fe0; -} - -.mbsc-wp .mbsc-stepper { - margin-top: -1em; -} - -.mbsc-wp .mbsc-stepper .mbsc-segmented-item.mbsc-active .mbsc-segmented-content { - background: #1a9fe0; -} - -.mbsc-wp .mbsc-stepper-cont { - padding: 1.75em 13em 1.75em 1em; -} - -.mbsc-wp.mbsc-rtl .mbsc-stepper-cont { - padding: 1.75em 1em 1.75em 13em; -} - -.mbsc-wp .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, -.mbsc-wp .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-step-disabled .mbsc-segmented-content, -.mbsc-wp .mbsc-stepper .mbsc-segmented-item.mbsc-step-disabled .mbsc-segmented-content, -.mbsc-wp .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { - color: #505050; - border-color: #505050; - background: transparent; -} - -.mbsc-wp .mbsc-stepper input:disabled { - color: #505050; - -webkit-text-fill-color: #505050; -} - -.mbsc-wp .mbsc-segmented .mbsc-segmented-item input:disabled:checked + .mbsc-segmented-content { - color: #000; - background: #505050; -} - -.mbsc-wp .mbsc-stepper .mbsc-active.mbsc-step-disabled .mbsc-segmented-content { - background: transparent; -} - -.mbsc-wp .mbsc-stepper input { - color: #fff; -} - -.mbsc-wp.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content { - background: rgba(26, 159, 224, .2) -} diff --git a/src/less/themes/wp.frame.less b/src/less/themes/wp.frame.less deleted file mode 100644 index ddb18e39..00000000 --- a/src/less/themes/wp.frame.less +++ /dev/null @@ -1,84 +0,0 @@ -@import "../frame"; - -/* Frame */ - -.mbsc-wp .mbsc-fr-w { - padding: .625em; - background: #1f1f1f; - color: #fff; - font-size: 16px; -} - -.mbsc-wp .mbsc-fr-hdr { - font-size: .75em; - padding: .833em; - min-height: 14px; - padding-top: 0; -} - -.mbsc-wp .mbsc-fr-btn-cont { - display: block; -} - -.mbsc-wp .mbsc-fr-btn-w { - display: inline-block; -} - -.mbsc-wp .mbsc-fr-btn, -.mbsc-wp .mbsc-ic:before { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} - -.mbsc-wp .mbsc-fr-btn { - position: relative; - top: 0; - min-width: 2.9em; - display: inline-block; - height: 1.818em; - padding: 2.636em .455em 0 .455em; - color: #fff; - line-height: 1.818em; - font-size: 0.688em; - text-transform: lowercase; - -webkit-transition: all .1s linear; - transition: all .1s linear; -} - -.mbsc-wp .mbsc-fr-btn:before { - position: absolute; - top: .3em; - left: 50%; - width: 2.2em; - height: 2.2em; - margin: 0 -1.3em; - padding: 0; - border: 2px solid #fff; - line-height: 2.2em; - font-size: .909em; - text-align: center; - border-radius: 1000px; -} - -.mbsc-wp .mbsc-fr-btn-a { - top: -.3em; -} - -.mbsc-wp.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-fr-btn-d):hover:before, -.mbsc-wp .mbsc-fr-btn-a:before { - background: #1a9fe0; - border-color: #1a9fe0; - color: #fff; -} - - -/* Bubble positioning */ - -.mbsc-wp .mbsc-fr-bubble-bottom .mbsc-fr-arr { - border-color: transparent transparent #1f1f1f transparent; -} - -.mbsc-wp .mbsc-fr-bubble-top .mbsc-fr-arr { - border-color: #1f1f1f transparent transparent transparent; -} diff --git a/src/less/themes/wp.input.less b/src/less/themes/wp.input.less deleted file mode 100644 index 89adf388..00000000 --- a/src/less/themes/wp.input.less +++ /dev/null @@ -1,55 +0,0 @@ -@import "../input"; - -/* Input */ - -.mbsc-wp .mbsc-input { - padding: .75em 1em; -} - -.mbsc-wp .mbsc-input input, -.mbsc-wp .mbsc-input textarea { - height: 2em; - padding: 0 .3125em; - background: #ccc; - border: .125em solid #ccc; - font-size: 1em; - color: #2b2b2b; -} - -.mbsc-wp .mbsc-input textarea { - padding-top: .125em; - padding-bottom: .125em; -} - -.mbsc-wp .mbsc-input input::-webkit-input-placeholder { - color: #5c5c5c; -} - -.mbsc-wp .mbsc-input input::-ms-input-placeholder { - color: #5c5c5c; -} - -.mbsc-wp .mbsc-input input::-moz-placeholder { - color: #5c5c5c; -} - -.mbsc-wp .mbsc-input input:focus, -.mbsc-wp .mbsc-input select:focus + input, -.mbsc-wp .mbsc-input textarea:focus { - background: #fff; - border-color: #1a9fe0; - color: #000; -} - -.mbsc-wp .mbsc-input select:disabled + input, -.mbsc-wp .mbsc-input textarea:disabled, -.mbsc-wp .mbsc-input input:disabled { - background: #000; - border-color: #4e4e4e; - color: #4e4e4e; -} - -.mbsc-wp .mbsc-input.mbsc-err input, -.mbsc-wp .mbsc-input.mbsc-err textarea { - border-color: #d30101; -} diff --git a/src/less/themes/wp.notifications.less b/src/less/themes/wp.notifications.less deleted file mode 100644 index 370c6b91..00000000 --- a/src/less/themes/wp.notifications.less +++ /dev/null @@ -1,18 +0,0 @@ -@import "../notifications"; -@import "wp.widget.less"; - -/* Toast */ - -.mbsc-wp.mbsc-toast .mbsc-toast-msg { - background: rgba(120, 120, 120, .9); - border-radius: .5em; - color: #fff; -} - - -/* Snackbar */ - -.mbsc-wp.mbsc-snackbar .mbsc-snackbar-cont .mbsc-snackbar-btn, -.mbsc-wp.mbsc-snackbar.mbsc-fr .mbsc-fr-c .mbsc-btn-flat:not(:disabled):hover { - color: #1a9fe0; -} diff --git a/src/less/themes/wp.page.less b/src/less/themes/wp.page.less deleted file mode 100644 index 2e16aaf3..00000000 --- a/src/less/themes/wp.page.less +++ /dev/null @@ -1,12 +0,0 @@ -@import "../page"; - -/* Page */ - -.mbsc-wp.mbsc-page { - background-color: #060709; - color: #fff; -} - -.mbsc-wp a { - color: #1a9fe0; -} diff --git a/src/less/themes/wp.progress.less b/src/less/themes/wp.progress.less deleted file mode 100644 index f395426f..00000000 --- a/src/less/themes/wp.progress.less +++ /dev/null @@ -1,77 +0,0 @@ -@import "../progress"; - -/* Progress */ - -.mbsc-wp.mbsc-progress { - padding: .75em 1em; -} - -.mbsc-wp.mbsc-progress .mbsc-label { - padding-bottom: .3125em; - color: #878787; - font-size: 1em; -} - -.mbsc-wp.mbsc-progress .mbsc-input-wrap { - padding: 0; -} - -.mbsc-wp.mbsc-progress .mbsc-input-ic { - color: #fff; - top: -.1875em; -} - -.mbsc-ltr.mbsc-wp.mbsc-progress.mbsc-ic-right, -.mbsc-rtl.mbsc-wp.mbsc-progress.mbsc-ic-left { - padding-right: 3.25em; -} - -.mbsc-ltr.mbsc-wp.mbsc-progress.mbsc-ic-left, -.mbsc-rtl.mbsc-wp.mbsc-progress.mbsc-ic-right { - padding-left: 3.25em; -} - -.mbsc-wp.mbsc-progress.mbsc-ic-right .mbsc-right-ic, -.mbsc-rtl.mbsc-wp.mbsc-progress.mbsc-ic-left .mbsc-left-ic { - left: auto; - right: -2.375em; -} - -.mbsc-wp.mbsc-progress.mbsc-ic-left .mbsc-left-ic, -.mbsc-rtl.mbsc-wp.mbsc-progress.mbsc-ic-right .mbsc-right-ic { - right: auto; - left: -2.375em; -} - -.mbsc-ltr.mbsc-wp.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap, -.mbsc-rtl.mbsc-wp.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap { - padding-left: 3.5em; -} - -.mbsc-ltr.mbsc-wp.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap, -.mbsc-rtl.mbsc-wp.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap { - padding-right: 3.5em; -} - -.mbsc-wp .mbsc-progress-cont { - padding: .75em 0; -} - -.mbsc-wp .mbsc-progress-track { - background: #1f1f1f; - height: .125em; -} - -.mbsc-wp .mbsc-progress-bar { - background: #1a9fe0; -} - -.mbsc-wp .mbsc-progress-value { - margin-top: -.4375em; - width: 3.5em; -} - -.mbsc-wp .mbsc-progress-step-label { - top: auto; - bottom: -2em; -} diff --git a/src/less/themes/wp.scroller.less b/src/less/themes/wp.scroller.less deleted file mode 100644 index 2c6ed3fe..00000000 --- a/src/less/themes/wp.scroller.less +++ /dev/null @@ -1,134 +0,0 @@ -@import "../scroller"; -@import "wp.frame.less"; - -/* Scroller */ - -.mbsc-wp .mbsc-sc-itm, -.mbsc-wp .mbsc-sc-itm:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.mbsc-wp .mbsc-sc-whl-gr { - padding: .1875em; -} - -.mbsc-wp .mbsc-sc-lbl-v .mbsc-sc-whl-gr { - padding-top: 1.875em; -} - -.mbsc-wp .mbsc-sc-lbl { - font-size: .75em; - line-height: 2.5em; -} - -.mbsc-wp .mbsc-sc-btn { - background: #1f1f1f; -} - -.mbsc-wp .mbsc-sc-btn:before { - position: absolute; - top: 50%; - left: 50%; - width: 2.2em; - height: 2.2em; - margin: -1.3em 0 0 -1.3em; - color: #fff; - line-height: 2.2em; - font-size: .625em; - text-align: center; - border: 2px solid #fff; - border-radius: 2.2em; -} - -.mbsc-wp .mbsc-sc-itm { - opacity: 0; - padding: 0 .384615em; - font-size: 1.625em; - letter-spacing: -.038em; - text-align: left; -} - -.mbsc-wp .mbsc-sc-itm:after { - content: ''; - position: absolute; - z-index: -1; - top: .136363em; - right: .136363em; - bottom: .136363em; - left: .136363em; - border: 2px solid #4c4c4c; -} - -.mbsc-wp .mbsc-sc-whl-anim .mbsc-sc-itm, -.mbsc-wp .mbsc-sc-whl-wpa .mbsc-sc-itm { - opacity: 1; -} - -.mbsc-wp .mbsc-sc-whl-anim .mbsc-sc-itm-inv, -.mbsc-wp .mbsc-sc-whl-wpa .mbsc-sc-itm-inv { - opacity: .3; -} - -.mbsc-wp .mbsc-sc-itm-ph:after { - display: none; -} - -.mbsc-wp .mbsc-sc-whl .mbsc-sc-itm-sel { - color: #fff; -} - -.mbsc-wp .mbsc-sc-whl .mbsc-sc-itm-sel, -.mbsc-wp .mbsc-sc-whl .mbsc-sc-itm.mbsc-btn-a { - opacity: 1; -} - -.mbsc-wp .mbsc-sc-itm-sel:after, -.mbsc-wp .mbsc-sc-itm.mbsc-btn-a:after, -.mbsc-wp .mbsc-sc-btn-a:before, -.mbsc-wp.mbsc-no-touch .mbsc-sc-btn:hover:before { - background: #1a9fe0; - border-color: #1a9fe0; -} - -.mbsc-wp .mbsc-sc-whl-w:not(.mbsc-sc-whl-multi) .mbsc-sc-whl-anim .mbsc-sc-itm-sel:after, -.mbsc-wp .mbsc-sc-whl-w:not(.mbsc-sc-whl-multi) .mbsc-sc-whl-wpa .mbsc-sc-itm.mbsc-btn-a:after { - background: none; - border-color: #4c4c4c; -} - - -/* Multiple select */ - -.mbsc-wp .mbsc-sc-whl-multi .mbsc-sc-itm { - opacity: 1; - padding-left: 1.5375em; -} - -.mbsc-wp .mbsc-sc-whl-multi .mbsc-sc-itm-inv { - opacity: .3; -} - -.mbsc-wp .mbsc-sc-whl-multi .mbsc-sc-itm:after { - content: ''; - position: absolute; - z-index: 1; - top: 50%; - left: .192307em; - width: .923076em; - height: .923076em; - margin-top: -.461538em; - border: 2px solid #fff; -} - -.mbsc-wp .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { - z-index: 2; - top: 50%; - left: .3125em; - width: 1.375em; - margin-top: -.5em; - font-size: .615384em; - line-height: 1.25em; - color: #fff; -} diff --git a/src/less/themes/wp.slider.less b/src/less/themes/wp.slider.less deleted file mode 100644 index a7f68c6c..00000000 --- a/src/less/themes/wp.slider.less +++ /dev/null @@ -1,53 +0,0 @@ -@import "../slider"; -@import "wp.progress.less"; - -/* Slider */ - -.mbsc-wp.mbsc-slider .mbsc-input-wrap { - padding: 0 .3125em; -} - -.mbsc-wp.mbsc-slider .mbsc-input-ic { - top: .125em; -} - -.mbsc-wp.mbsc-slider .mbsc-progress-track { - height: .75em; -} - -.mbsc-wp .mbsc-slider-handle { - top: 50%; - width: .625em; - height: 1.125em; - margin: -.25em -.3125em 0 0; - background: #fff; -} - -.mbsc-wp .mbsc-slider-tooltip { - height: 2.16665em; - width: 3.16665em; - margin-right: -1.6666em; - top: -2.75em; - border: 2px solid #808080; - line-height: 2.16665em; - background: #fff; - text-align: center; - font-size: .75em; - font-weight: bold; - color: #808080; - -webkit-transition: opacity .2s ease-in-out; - transition: opacity .2s ease-in-out; -} - -.mbsc-wp .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, -.mbsc-wp .mbsc-active .mbsc-slider-tooltip { - opacity: 1; -} - -.mbsc-wp .mbsc-slider-step { - background: #000; -} - -.mbsc-wp .mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { - opacity: .4; -} diff --git a/src/less/themes/wp.widget.less b/src/less/themes/wp.widget.less deleted file mode 100644 index a0d4d841..00000000 --- a/src/less/themes/wp.widget.less +++ /dev/null @@ -1,2 +0,0 @@ -@import "../widget"; -@import "wp.frame.less"; diff --git a/src/less/widget.less b/src/less/widget.less deleted file mode 100644 index 64c7a790..00000000 --- a/src/less/widget.less +++ /dev/null @@ -1,22 +0,0 @@ -@import "frame"; - -/* Widget */ - -.mbsc-wdg .mbsc-wdg-c { - position: relative; - z-index: 0; - font-size: 14px; - white-space: normal; -} - -.mbsc-wdg .mbsc-ltr .mbsc-wdg-c { - text-align: left; -} - -.mbsc-wdg .mbsc-rtl .mbsc-wdg-c { - text-align: right; -} - -.mbsc-wdg .mbsc-wdg-c.mbsc-w-p { - padding: 1em; -} diff --git a/src/less/themes/ios.borders.less b/src/scss/borders/borders.ios.scss similarity index 89% rename from src/less/themes/ios.borders.less rename to src/scss/borders/borders.ios.scss index 2a9b0ba7..c4fa3609 100644 --- a/src/less/themes/ios.borders.less +++ b/src/scss/borders/borders.ios.scss @@ -1,5 +1,9 @@ -@media (-webkit-min-device-pixel-ratio: 2), -(min-resolution: 192dpi) { +@import "../core/exports"; + +@include exports("borders.ios") { + + @media (-webkit-min-device-pixel-ratio: 2), + (min-resolution: 192dpi) { .mbsc-fr-hb.mbsc-ios.mbsc-fr-inline .mbsc-fr-w, .mbsc-fr-hb.mbsc-ios.mbsc-fr-inline .mbsc-fr-c, @@ -31,6 +35,7 @@ .mbsc-form-hb.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:after, .mbsc-form-hb.mbsc-ios .mbsc-divider, .mbsc-form-hb.mbsc-ios .mbsc-btn-group { - border-width: .5px; + border-width: .5px; } + } } diff --git a/src/scss/collapsible/collapsible.ios.scss b/src/scss/collapsible/collapsible.ios.scss new file mode 100644 index 00000000..2a330f56 --- /dev/null +++ b/src/scss/collapsible/collapsible.ios.scss @@ -0,0 +1,20 @@ +@import "../core/exports"; +@import "../core/ios"; +@import "./collapsible"; + +@include exports("collapsible.ios") { + .mbsc-ios .mbsc-collapsible { + .mbsc-collapsible-header { + padding-right: 3em; + } + + .mbsc-form-group-title { + padding-top: 2.5em; + margin: 0; + + .mbsc-collapsible-icon { + margin-top: .5em; + } + } + } +} diff --git a/src/scss/collapsible/collapsible.material.scss b/src/scss/collapsible/collapsible.material.scss new file mode 100644 index 00000000..808e8523 --- /dev/null +++ b/src/scss/collapsible/collapsible.material.scss @@ -0,0 +1,15 @@ +@import "../core/exports"; +@import "../core/material"; +@import "./collapsible"; + +@include exports("collapsible.material") { + .mbsc-material .mbsc-collapsible { + .mbsc-form-group-title { + padding: 1em; + } + + .mbsc-collapsible-header { + padding-right: 3em; + } + } +} diff --git a/src/scss/collapsible/collapsible.mobiscroll.scss b/src/scss/collapsible/collapsible.mobiscroll.scss new file mode 100644 index 00000000..8b55c4d0 --- /dev/null +++ b/src/scss/collapsible/collapsible.mobiscroll.scss @@ -0,0 +1,15 @@ +@import "../core/exports"; +@import "../core/mobiscroll"; +@import "./collapsible"; + +@include exports("collapsible.mobiscroll") { + .mbsc-mobiscroll .mbsc-collapsible { + .mbsc-form-group-title { + padding: 1em; + } + + .mbsc-collapsible-header { + padding-right: 3em; + } + } +} diff --git a/src/scss/collapsible/collapsible.scss b/src/scss/collapsible/collapsible.scss new file mode 100644 index 00000000..357942ac --- /dev/null +++ b/src/scss/collapsible/collapsible.scss @@ -0,0 +1,60 @@ +@import "../core/exports"; + +@include exports("collapsible") { + .mbsc-collapsible.mbsc-form-group { + margin: 0; + } + + .mbsc-collapsible-header { + position: relative; + padding-right: 3em; + } + + .mbsc-collapsible .mbsc-collapsible-icon { + position: absolute; + width: 1em; + height: 1em; + top: 50%; + right: 1em; + margin-top: -.5em; + line-height: 1em; + font-size: 1em; + transition: transform .125s ease-out; + } + + .mbsc-collapsible .mbsc-collapsible-content { + overflow: hidden; + transition: height .125s ease; + box-sizing: content-box; + } + + .mbsc-collapsible:not(.mbsc-collapsible-open) .mbsc-collapsible-content { + height: 0; + padding-bottom: 0; + } + + .mbsc-collapsible-open > .mbsc-collapsible-header .mbsc-collapsible-icon { + -webkit-transform: rotateX(180deg); + transform: rotateX(180deg); + } + + /* Collapsible rtl */ + + .mbsc-rtl { + + .mbsc-collapsible.mbsc-form-group, + .mbsc-collapsible.mbsc-card { + + .mbsc-collapsible-header, + .mbsc-collapsible-header.mbsc-form-group-title { + padding-right: 1em; + padding-left: 3em; + + .mbsc-collapsible-icon { + right: auto; + left: 1em; + } + } + } + } +} diff --git a/src/scss/collapsible/collapsible.windows.scss b/src/scss/collapsible/collapsible.windows.scss new file mode 100644 index 00000000..cde42e13 --- /dev/null +++ b/src/scss/collapsible/collapsible.windows.scss @@ -0,0 +1,16 @@ +@import "../core/exports"; +@import "../core/windows"; +@import "./collapsible"; + +@include exports("collapsible.windows") { + .mbsc-windows .mbsc-collapsible { + .mbsc-form-group-title.mbsc-collapsible-header { + padding-left: .666667em; + padding-right: 2em; + } + + .mbsc-form-group-title .mbsc-collapsible-icon { + font-size: .666667em; + } + } +} diff --git a/src/scss/core/animation.scss b/src/scss/core/animation.scss new file mode 100644 index 00000000..03c80699 --- /dev/null +++ b/src/scss/core/animation.scss @@ -0,0 +1,631 @@ +@import "./exports"; + +@include exports("animation") { + + .mbsc-anim-trans .mbsc-fr-scroll { + overflow: hidden; + } + + .mbsc-anim-trans-flip .mbsc-fr-persp, + .mbsc-anim-trans-swing .mbsc-fr-persp { + -webkit-perspective: 1000px; + perspective: 1000px; + } + + .mbsc-anim-trans .mbsc-fr-popup, + .mbsc-anim-trans .mbsc-fr-overlay { + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + } + + .mbsc-anim-in .mbsc-fr-popup, + .mbsc-anim-in .mbsc-fr-overlay { + -webkit-animation-timing-function: ease-out; + -webkit-animation-duration: 225ms; + animation-timing-function: ease-out; + animation-duration: 225ms; + } + + .mbsc-anim-out .mbsc-fr-popup, + .mbsc-anim-out .mbsc-fr-overlay { + -webkit-animation-timing-function: ease-in; + -webkit-animation-duration: 195ms; + animation-timing-function: ease-in; + animation-duration: 195ms; + } + + .mbsc-anim-in .mbsc-fr-overlay { + -webkit-animation-name: mbsc-anim-f-in; + animation-name: mbsc-anim-f-in; + } + + .mbsc-anim-out .mbsc-fr-overlay { + -webkit-animation-name: mbsc-anim-f-out; + animation-name: mbsc-anim-f-out; + } + + .mbsc-anim-flip, + .mbsc-anim-swing, + .mbsc-anim-slidehorizontal, + .mbsc-anim-slidevertical, + .mbsc-anim-slidedown, + .mbsc-anim-slideup, + .mbsc-anim-fade { + -webkit-backface-visibility: hidden; + -webkit-transform: translateX(0); + backface-visibility: hidden; + transform: translateX(0); + } + + .mbsc-anim-swing, + .mbsc-anim-slidehorizontal, + .mbsc-anim-slidevertical, + .mbsc-anim-slidedown, + .mbsc-anim-slideup, + .mbsc-anim-fade { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + } + + .mbsc-anim-flip, + .mbsc-anim-pop { + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + } + + .mbsc-anim-in .mbsc-anim-pop { + opacity: 1; + -webkit-animation-name: mbsc-anim-p-in; + -webkit-animation-duration: 100ms; + -webkit-transform: scale(1); + animation-name: mbsc-anim-p-in; + animation-duration: 100ms; + transform: scale(1); + } + + .mbsc-anim-out .mbsc-anim-pop { + opacity: 0; + -webkit-animation-name: mbsc-anim-p-out; + -webkit-animation-duration: 150ms; + animation-name: mbsc-anim-p-out; + animation-duration: 150ms; + } + + .mbsc-anim-trans-pop .mbsc-fr-overlay { + -webkit-animation-duration: 150ms; + animation-duration: 150ms; + } + + .mbsc-anim-in .mbsc-anim-flip { + opacity: 1; + -webkit-animation-name: mbsc-anim-fl-in; + -webkit-transform: scale(1); + animation-name: mbsc-anim-fl-in; + transform: scale(1); + } + + .mbsc-anim-out .mbsc-anim-flip { + opacity: 0; + -webkit-animation-name: mbsc-anim-fl-out; + animation-name: mbsc-anim-fl-out; + } + + .mbsc-anim-in .mbsc-anim-swing { + opacity: 1; + -webkit-animation-name: mbsc-anim-sw-in; + -webkit-transform: scale(1); + transform: scale(1); + animation-name: mbsc-anim-sw-in; + } + + .mbsc-anim-out .mbsc-anim-swing { + opacity: 0; + -webkit-animation-name: mbsc-anim-sw-out; + animation-name: mbsc-anim-sw-out; + } + + .mbsc-anim-in .mbsc-anim-slidehorizontal { + opacity: 1; + -webkit-animation-name: mbsc-anim-sh-in; + -webkit-transform: scale(1); + transform: scale(1); + animation-name: mbsc-anim-sh-in; + } + + .mbsc-anim-out .mbsc-anim-slidehorizontal { + opacity: 0; + -webkit-animation-name: mbsc-anim-sh-out; + animation-name: mbsc-anim-sh-out; + } + + .mbsc-anim-in .mbsc-anim-slidevertical { + opacity: 1; + -webkit-animation-name: mbsc-anim-sv-in; + -webkit-transform: scale(1); + animation-name: mbsc-anim-sv-in; + transform: scale(1); + } + + .mbsc-anim-out .mbsc-anim-slidevertical { + opacity: 0; + -webkit-animation-name: mbsc-anim-sv-out; + animation-name: mbsc-anim-sv-out; + } + + .mbsc-anim-in .mbsc-anim-slidedown { + -webkit-animation-name: mbsc-anim-sd-in; + -webkit-transform: scale(1); + animation-name: mbsc-anim-sd-in; + transform: scale(1); + } + + .mbsc-anim-out .mbsc-anim-slidedown { + -webkit-animation-name: mbsc-anim-sd-out; + -webkit-transform: translateY(-100%); + animation-name: mbsc-anim-sd-out; + } + + .mbsc-anim-in .mbsc-anim-slideup { + -webkit-animation-name: mbsc-anim-su-in; + -webkit-transform: scale(1); + transform: scale(1); + animation-name: mbsc-anim-su-in; + } + + .mbsc-anim-out .mbsc-anim-slideup { + -webkit-animation-name: mbsc-anim-su-out; + -webkit-transform: translateY(100%); + animation-name: mbsc-anim-su-out; + } + + .mbsc-anim-in .mbsc-anim-fade { + opacity: 1; + -webkit-animation-name: mbsc-anim-f-in; + animation-name: mbsc-anim-f-in; + } + + .mbsc-anim-out .mbsc-anim-fade { + opacity: 0; + -webkit-animation-name: mbsc-anim-f-out; + animation-name: mbsc-anim-f-out; + } + + .mbsc-fr-pointer { + &.mbsc-anim-in .mbsc-anim-slidedown { + -webkit-animation-name: mbsc-anim-sd-in, mbsc-anim-f-in; + animation-name: mbsc-anim-sd-in, mbsc-anim-f-in; + } + + &.mbsc-anim-out .mbsc-anim-slidedown { + -webkit-animation-name: mbsc-anim-sd-out, mbsc-anim-f-out; + animation-name: mbsc-anim-sd-out, mbsc-anim-f-out; + } + + &.mbsc-anim-in .mbsc-anim-slideup { + -webkit-animation-name: mbsc-anim-su-in, mbsc-anim-f-in; + animation-name: mbsc-anim-su-in, mbsc-anim-f-in; + } + + &.mbsc-anim-out .mbsc-anim-slideup { + -webkit-animation-name: mbsc-anim-su-out, mbsc-anim-f-out; + animation-name: mbsc-anim-su-out, mbsc-anim-f-out; + } + } + + /* Fade in */ + + @keyframes mbsc-anim-f-in { + from { + opacity: 0; + } + + to { + opacity: 1; + } + } + + @-webkit-keyframes mbsc-anim-f-in { + from { + opacity: 0; + } + + to { + opacity: 1; + } + } + + + /* Fade out */ + + @keyframes mbsc-anim-f-out { + from { + visibility: visible; + opacity: 1; + } + + to { + opacity: 0; + } + } + + @-webkit-keyframes mbsc-anim-f-out { + from { + visibility: visible; + opacity: 1; + } + + to { + opacity: 0; + } + } + + + /* Pop in */ + + @keyframes mbsc-anim-p-in { + from { + opacity: 0; + transform: scale(0.8); + } + + to { + opacity: 1; + transform: scale(1); + } + } + + @-webkit-keyframes mbsc-anim-p-in { + from { + opacity: 0; + -webkit-transform: scale(0.8); + } + + to { + opacity: 1; + -webkit-transform: scale(1); + } + } + + + /* Pop out */ + + @keyframes mbsc-anim-p-out { + from { + opacity: 1; + transform: scale(1); + } + + to { + opacity: 0; + transform: scale(0.8); + } + } + + @-webkit-keyframes mbsc-anim-p-out { + from { + opacity: 1; + -webkit-transform: scale(1); + } + + to { + opacity: 0; + -webkit-transform: scale(0.8); + } + } + + + /* Flip in */ + + @keyframes mbsc-anim-fl-in { + from { + opacity: 0; + transform: rotateY(90deg); + } + + to { + opacity: 1; + transform: rotateY(0); + } + } + + @-webkit-keyframes mbsc-anim-fl-in { + from { + opacity: 0; + -webkit-transform: rotateY(90deg); + } + + to { + opacity: 1; + -webkit-transform: rotateY(0); + } + } + + + /* Flip out */ + + @keyframes mbsc-anim-fl-out { + from { + opacity: 1; + transform: rotateY(0deg); + } + + to { + opacity: 0; + transform: rotateY(-90deg); + } + } + + @-webkit-keyframes mbsc-anim-fl-out { + from { + opacity: 1; + -webkit-transform: rotateY(0deg); + } + + to { + opacity: 0; + -webkit-transform: rotateY(-90deg); + } + } + + + /* Swing in */ + + @keyframes mbsc-anim-sw-in { + from { + opacity: 0; + transform: rotateY(-90deg); + } + + to { + opacity: 1; + transform: rotateY(0deg); + } + } + + @-webkit-keyframes mbsc-anim-sw-in { + from { + opacity: 0; + -webkit-transform: rotateY(-90deg); + } + + to { + opacity: 1; + -webkit-transform: rotateY(0deg); + } + } + + + /* Swing out */ + + @keyframes mbsc-anim-sw-out { + from { + opacity: 1; + transform: rotateY(0deg); + } + + to { + opacity: 0; + transform: rotateY(-90deg); + } + } + + @-webkit-keyframes mbsc-anim-sw-out { + from { + opacity: 1; + -webkit-transform: rotateY(0deg); + } + + to { + opacity: 0; + -webkit-transform: rotateY(-90deg); + } + } + + + /* Slide horizontal in */ + + @keyframes mbsc-anim-sh-in { + from { + opacity: 0; + transform: translateX(-100%); + } + + to { + opacity: 1; + transform: translateX(0); + } + } + + @-webkit-keyframes mbsc-anim-sh-in { + from { + opacity: 0; + -webkit-transform: translateX(-100%); + } + + to { + opacity: 1; + -webkit-transform: translateX(0); + } + } + + + /* Slide horizontal out */ + + @keyframes mbsc-anim-sh-out { + from { + opacity: 1; + transform: translateX(0); + } + + to { + opacity: 0; + transform: translateX(100%); + } + } + + @-webkit-keyframes mbsc-anim-sh-out { + from { + opacity: 1; + -webkit-transform: translateX(0); + } + + to { + opacity: 0; + -webkit-transform: translateX(100%); + } + } + + + /* Slide vertical in */ + + @keyframes mbsc-anim-sv-in { + from { + opacity: 0; + transform: translateY(-100%); + } + + to { + opacity: 1; + transform: translateY(0); + } + } + + @-webkit-keyframes mbsc-anim-sv-in { + from { + opacity: 0; + -webkit-transform: translateY(-100%); + } + + to { + opacity: 1; + -webkit-transform: translateY(0); + } + } + + + /* Slide vertical out */ + + @keyframes mbsc-anim-sv-out { + from { + opacity: 1; + transform: translateY(0); + } + + to { + opacity: 0; + transform: translateY(100%); + } + } + + @-webkit-keyframes mbsc-anim-sv-out { + from { + opacity: 1; + -webkit-transform: translateY(0); + } + + to { + opacity: 0; + -webkit-transform: translateY(100%); + } + } + + + /* Slide Down In */ + + @keyframes mbsc-anim-sd-in { + from { + transform: translateY(-100%); + } + + to { + transform: translateY(0); + } + } + + @-webkit-keyframes mbsc-anim-sd-in { + from { + opacity: 1; + -webkit-transform: translateY(-100%); + } + + to { + opacity: 1; + -webkit-transform: translateY(0); + } + } + + + /* Slide down out */ + + @keyframes mbsc-anim-sd-out { + from { + transform: translateY(0); + } + + to { + transform: translateY(-100%); + } + } + + @-webkit-keyframes mbsc-anim-sd-out { + from { + opacity: 1; + -webkit-transform: translateY(0); + } + + to { + opacity: 1; + -webkit-transform: translateY(-100%); + } + } + + + /* Slide Up In */ + + @keyframes mbsc-anim-su-in { + from { + transform: translateY(100%); + } + + to { + transform: translateY(0); + } + } + + @-webkit-keyframes mbsc-anim-su-in { + from { + opacity: 1; + -webkit-transform: translateY(100%); + } + + to { + opacity: 1; + -webkit-transform: translateY(0); + } + } + + + /* Slide up out */ + + @keyframes mbsc-anim-su-out { + from { + transform: translateY(0); + } + + to { + transform: translateY(100%); + } + } + + @-webkit-keyframes mbsc-anim-su-out { + from { + opacity: 1; + -webkit-transform: translateY(0); + } + + to { + opacity: 1; + -webkit-transform: translateY(100%); + } + } +} diff --git a/src/less/common.less b/src/scss/core/common.scss similarity index 66% rename from src/less/common.less rename to src/scss/core/common.scss index d10f2e58..d655fe2d 100644 --- a/src/less/common.less +++ b/src/scss/core/common.scss @@ -1,27 +1,31 @@ -.mbsc-cloak { +@import "./exports"; + +@include exports("common") { + .mbsc-cloak { visibility: hidden !important; -} + } -/* Empty view */ + /* Empty view */ -.mbsc-empty { + .mbsc-empty { text-align: center; margin: 3em; color: inherit; -} + } -.mbsc-empty h3 { + .mbsc-empty h3 { margin: .666666em 0; padding: 0; color: inherit; font-size: 1.5em; font-weight: normal; font-family: inherit; -} + } -.mbsc-empty p { + .mbsc-empty p { margin: 1em 0; padding: 0; font-size: 1em; line-height: 1.5; + } } diff --git a/src/scss/core/exports.scss b/src/scss/core/exports.scss new file mode 100644 index 00000000..6f01d93b --- /dev/null +++ b/src/scss/core/exports.scss @@ -0,0 +1,8 @@ +$modules: () !default; + +@mixin exports($name) { + @if (not index($modules, $name)) { + $modules: append($modules, $name) !global; + @content; + } +} diff --git a/src/scss/core/icons.scss b/src/scss/core/icons.scss new file mode 100644 index 00000000..df1da20f --- /dev/null +++ b/src/scss/core/icons.scss @@ -0,0 +1,1053 @@ +@import "./exports"; + +$mbsc-font-path: '' !default; + +@include exports("icons") { + + @font-face { + font-family: 'icons_mobiscroll'; + src: + url($mbsc-font-path + 'icons_mobiscroll.woff?vtxdtu') format('woff'), + url($mbsc-font-path + 'icons_mobiscroll.woff') format('woff'), + url($mbsc-font-path + 'icons_mobiscroll.ttf?vtxdtu') format('truetype'); + font-weight: normal; + font-style: normal; + } + + .mbsc-ic:before { + font-family: 'icons_mobiscroll'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + /* Icons */ + + .mbsc-ic-aid::before { + content: "\ea01"; + } + + .mbsc-ic-airplane::before { + content: "\ea02"; + } + + .mbsc-ic-alarm2::before { + content: "\ea03"; + } + + .mbsc-ic-arrow-down2::before { + content: "\ea04"; + } + + .mbsc-ic-arrow-down5::before { + content: "\ea05"; + } + + .mbsc-ic-arrow-left2::before { + content: "\ea06"; + } + + .mbsc-ic-arrow-left4::before { + content: "\ea07"; + } + + .mbsc-ic-arrow-left5::before { + content: "\ea08"; + } + + .mbsc-ic-arrow-left6::before { + content: "\ea09"; + } + + .mbsc-ic-arrow-right2::before { + content: "\ea0a"; + } + + .mbsc-ic-arrow-right4::before { + content: "\ea0b"; + } + + .mbsc-ic-arrow-right5::before { + content: "\ea0c"; + } + + .mbsc-ic-arrow-right6::before { + content: "\ea0d"; + } + + .mbsc-ic-arrow-up2::before { + content: "\ea0e"; + } + + .mbsc-ic-arrow-up5::before { + content: "\ea0f"; + } + + .mbsc-ic-attachment::before { + content: "\ea10"; + } + + .mbsc-ic-backspace::before { + content: "\ea11"; + } + + .mbsc-ic-backspace3::before { + content: "\ea12"; + } + + .mbsc-ic-backspace4::before { + content: "\ea13"; + } + + .mbsc-ic-bars::before { + content: "\ea14"; + } + + .mbsc-ic-book::before { + content: "\ea15"; + } + + .mbsc-ic-brightness-contrast::before { + content: "\ea16"; + } + + .mbsc-ic-bubble::before { + content: "\ea17"; + } + + .mbsc-ic-bubbles::before { + content: "\ea18"; + } + + .mbsc-ic-bullhorn::before { + content: "\ea19"; + } + + .mbsc-ic-calendar::before { + content: "\ea1a"; + } + + .mbsc-ic-camera::before { + content: "\ea1b"; + } + + .mbsc-ic-cart::before { + content: "\ea1c"; + } + + .mbsc-ic-checkmark::before { + content: "\ea1d"; + } + + .mbsc-ic-clock::before { + content: "\ea1e"; + } + + .mbsc-ic-close::before { + content: "\ea1f"; + } + + .mbsc-ic-cloud-download::before { + content: "\ea20"; + } + + .mbsc-ic-cloud-upload::before { + content: "\ea21"; + } + + .mbsc-ic-cloud::before { + content: "\ea22"; + } + + .mbsc-ic-cogs::before { + content: "\ea23"; + } + + .mbsc-ic-compass::before { + content: "\ea24"; + } + + .mbsc-ic-connection::before { + content: "\ea25"; + } + + .mbsc-ic-copy2::before { + content: "\ea26"; + } + + .mbsc-ic-copy3::before { + content: "\ea27"; + } + + .mbsc-ic-credit::before { + content: "\ea28"; + } + + .mbsc-ic-disk::before { + content: "\ea29"; + } + + .mbsc-ic-download::before { + content: "\ea2a"; + } + + .mbsc-ic-drawer::before { + content: "\ea2b"; + } + + .mbsc-ic-droplet::before { + content: "\ea2c"; + } + + .mbsc-ic-earth::before { + content: "\ea2d"; + } + + .mbsc-ic-eye-blocked::before { + content: "\ea2e"; + } + + .mbsc-ic-eye::before { + content: "\ea2f"; + } + + .mbsc-ic-fa-dollar::before { + content: "\ea30"; + } + + .mbsc-ic-fa-ellipsis-h::before { + content: "\ea31"; + } + + .mbsc-ic-fa-facebook::before { + content: "\ea32"; + } + + .mbsc-ic-fa-globe::before { + content: "\ea33"; + } + + .mbsc-ic-fa-google-plus::before { + content: "\ea34"; + } + + .mbsc-ic-fa-google::before { + content: "\ea35"; + } + + .mbsc-ic-fa-leaf::before { + content: "\ea36"; + } + + .mbsc-ic-fa-mail-reply::before { + content: "\ea37"; + } + + .mbsc-ic-fa-retweet::before { + content: "\ea38"; + } + + .mbsc-ic-fa-rotate-left::before { + content: "\ea39"; + } + + .mbsc-ic-fa-twitter::before { + content: "\ea3a"; + } + + .mbsc-ic-feed2::before { + content: "\ea3b"; + } + + .mbsc-ic-file4::before { + content: "\ea3c"; + } + + .mbsc-ic-film::before { + content: "\ea3d"; + } + + .mbsc-ic-flag::before { + content: "\ea3e"; + } + + .mbsc-ic-folder::before { + content: "\ea3f"; + } + + .mbsc-ic-forward::before { + content: "\ea40"; + } + + .mbsc-ic-foundation-mail::before { + content: "\ea41"; + } + + .mbsc-ic-foundation-minus-circle::before { + content: "\ea42"; + } + + .mbsc-ic-gift::before { + content: "\ea43"; + } + + .mbsc-ic-globe::before { + content: "\ea44"; + } + + .mbsc-ic-heart::before { + content: "\ea45"; + } + + .mbsc-ic-heart2::before { + content: "\ea46"; + } + + .mbsc-ic-history::before { + content: "\ea47"; + } + + .mbsc-ic-home::before { + content: "\ea48"; + } + + .mbsc-ic-image2::before { + content: "\ea49"; + } + + .mbsc-ic-ion-android-social-user::before { + content: "\ea4a"; + } + + .mbsc-ic-ion-android-system-windows::before { + content: "\ea4b"; + } + + .mbsc-ic-ion-bluetooth::before { + content: "\ea4c"; + } + + .mbsc-ic-ion-close-circled::before { + content: "\ea4d"; + } + + .mbsc-ic-ion-email::before { + content: "\ea4e"; + } + + .mbsc-ic-ion-ios7-arrow-back::before { + content: "\ea4f"; + } + + .mbsc-ic-ion-ios7-arrow-forward::before { + content: "\ea50"; + } + + .mbsc-ic-ion-ios7-checkmark-empty::before { + content: "\ea51"; + } + + .mbsc-ic-ion-ios7-close-empty::before { + content: "\ea52"; + } + + .mbsc-ic-ion-ios7-close-outline::before { + content: "\ea53"; + } + + .mbsc-ic-ion-ios7-email::before { + content: "\ea54"; + } + + .mbsc-ic-ion-ios7-information-outline::before { + content: "\ea55"; + } + + .mbsc-ic-ion-ios7-plus-empty::before { + content: "\ea56"; + } + + .mbsc-ic-ion-iphone::before { + content: "\ea57"; + } + + .mbsc-ic-ion-navigate::before { + content: "\ea58"; + } + + .mbsc-ic-ion-social-facebook::before { + content: "\ea59"; + } + + .mbsc-ic-ion-usb::before { + content: "\ea5a"; + } + + .mbsc-ic-ios-backspace::before { + content: "\ea5b"; + } + + .mbsc-ic-key2::before { + content: "\ea5c"; + } + + .mbsc-ic-library::before { + content: "\ea5d"; + } + + .mbsc-ic-line-bubble::before { + content: "\ea5f"; + } + + .mbsc-ic-line-calendar::before { + content: "\ea5e"; + } + + .mbsc-ic-line-food::before { + content: "\ea60"; + } + + .mbsc-ic-line-heart::before { + content: "\ea61"; + } + + .mbsc-ic-line-key::before { + content: "\ea63"; + } + + .mbsc-ic-line-mail::before { + content: "\ea62"; + } + + .mbsc-ic-line-megaphone::before { + content: "\ea64"; + } + + .mbsc-ic-line-music::before { + content: "\ea65"; + } + + .mbsc-ic-line-note::before { + content: "\ea66"; + } + + .mbsc-ic-line-paperplane::before { + content: "\ea67"; + } + + .mbsc-ic-line-params::before { + content: "\ea68"; + } + + .mbsc-ic-line-phone::before { + content: "\ea69"; + } + + .mbsc-ic-line-settings::before { + content: "\ea6c"; + } + + .mbsc-ic-line-star::before { + content: "\ea6a"; + } + + .mbsc-ic-line-t-shirt::before { + content: "\ea6b"; + } + + .mbsc-ic-line-tag::before { + content: "\ea6d"; + } + + .mbsc-ic-line-user::before { + content: "\ea6e"; + } + + .mbsc-ic-line-world::before { + content: "\ea6f"; + } + + .mbsc-ic-link::before { + content: "\ea71"; + } + + .mbsc-ic-location::before { + content: "\ea73"; + } + + .mbsc-ic-lock::before { + content: "\ea70"; + } + + .mbsc-ic-lock2::before { + content: "\ea72"; + } + + .mbsc-ic-loop2::before { + content: "\ea74"; + } + + .mbsc-ic-map::before { + content: "\ea75"; + } + + .mbsc-ic-material-arrow-back::before { + content: "\ea76"; + } + + .mbsc-ic-material-arrow-forward::before { + content: "\ea77"; + } + + .mbsc-ic-material-backspace::before { + content: "\ea79"; + } + + .mbsc-ic-material-brightness-medium::before { + content: "\ea7a"; + } + + .mbsc-ic-material-check-box-outline-blank::before { + content: "\ea78"; + } + + .mbsc-ic-material-check::before { + content: "\ea7b"; + } + + .mbsc-ic-material-close::before { + content: "\ea7c"; + } + + .mbsc-ic-material-crop::before { + content: "\ea7e"; + } + + .mbsc-ic-material-email::before { + content: "\ea7d"; + } + + .mbsc-ic-material-equalizer::before { + content: "\ea7f"; + } + + .mbsc-ic-material-explore::before { + content: "\ea80"; + } + + .mbsc-ic-material-filter::before { + content: "\ea81"; + } + + .mbsc-ic-material-format-bold::before { + content: "\ea82"; + } + + .mbsc-ic-material-format-ital::before { + content: "\ea83"; + } + + .mbsc-ic-material-format-list-numbered::before { + content: "\ea84"; + } + + .mbsc-ic-material-format-paint::before { + content: "\ea85"; + } + + .mbsc-ic-material-format-underline::before { + content: "\ea86"; + } + + .mbsc-ic-material-inbox::before { + content: "\ea87"; + } + + .mbsc-ic-material-iso::before { + content: "\ea88"; + } + + .mbsc-ic-material-keyboard-arrow-down::before { + content: "\ea89"; + } + + .mbsc-ic-material-keyboard-arrow-left::before { + content: "\ea8a"; + } + + .mbsc-ic-material-keyboard-arrow-right::before { + content: "\ea8b"; + } + + .mbsc-ic-material-keyboard-arrow-up::before { + content: "\ea8c"; + } + + .mbsc-ic-material-label::before { + content: "\ea8d"; + } + + .mbsc-ic-material-language::before { + content: "\ea8e"; + } + + .mbsc-ic-material-list::before { + content: "\ea8f"; + } + + .mbsc-ic-material-menu::before { + content: "\ea90"; + } + + .mbsc-ic-material-message::before { + content: "\ea91"; + } + + .mbsc-ic-material-more-horiz::before { + content: "\ea92"; + } + + .mbsc-ic-material-music-note::before { + content: "\ea93"; + } + + .mbsc-ic-material-notifications::before { + content: "\ea94"; + } + + .mbsc-ic-material-palette::before { + content: "\ea95"; + } + + .mbsc-ic-material-pause::before { + content: "\ea96"; + } + + .mbsc-ic-material-people::before { + content: "\ea97"; + } + + .mbsc-ic-material-phone-iphone::before { + content: "\ea98"; + } + + .mbsc-ic-material-photo-size-select-large::before { + content: "\ea99"; + } + + .mbsc-ic-material-play-arrow::before { + content: "\ea9a"; + } + + .mbsc-ic-material-repeat::before { + content: "\ea9b"; + } + + .mbsc-ic-material-rotate-right::before { + content: "\ea9c"; + } + + .mbsc-ic-material-search::before { + content: "\ea9d"; + } + + .mbsc-ic-material-share::before { + content: "\ea9e"; + } + + .mbsc-ic-material-shuffle::before { + content: "\ea9f"; + } + + .mbsc-ic-material-skip-next::before { + content: "\eaa0"; + } + + .mbsc-ic-material-skip-previous::before { + content: "\eaa1"; + } + + .mbsc-ic-material-star-outline::before { + content: "\eaa2"; + } + + .mbsc-ic-material-star::before { + content: "\eaa3"; + } + + .mbsc-ic-material-stop::before { + content: "\eaa4"; + } + + .mbsc-ic-material-system-update::before { + content: "\eaa5"; + } + + .mbsc-ic-material-texture::before { + content: "\eaa9"; + } + + .mbsc-ic-material-tune::before { + content: "\eaa8"; + } + + .mbsc-ic-material-tv::before { + content: "\eaa6"; + } + + .mbsc-ic-material-vertical-align-bottom::before { + content: "\eaa7"; + } + + .mbsc-ic-material-wb-auto::before { + content: "\eaaa"; + } + + .mbsc-ic-meteo-Celsius::before { + content: "\eaab"; + } + + .mbsc-ic-meteo-Fahrenheit::before { + content: "\eaad"; + } + + .mbsc-ic-meteo-cloud::before { + content: "\eaac"; + } + + .mbsc-ic-meteo-cloud2::before { + content: "\eaae"; + } + + .mbsc-ic-meteo-cloud3::before { + content: "\eab0"; + } + + .mbsc-ic-meteo-cloud4::before { + content: "\eaaf"; + } + + .mbsc-ic-meteo-cloud5::before { + content: "\eab1"; + } + + .mbsc-ic-meteo-cloudy::before { + content: "\eab2"; + } + + .mbsc-ic-meteo-cloudy2::before { + content: "\eab3"; + } + + .mbsc-ic-meteo-cloudy3::before { + content: "\eab4"; + } + + .mbsc-ic-meteo-cloudy4::before { + content: "\eab6"; + } + + .mbsc-ic-meteo-compass::before { + content: "\eab5"; + } + + .mbsc-ic-meteo-lightning::before { + content: "\eab7"; + } + + .mbsc-ic-meteo-lightning2::before { + content: "\eab8"; + } + + .mbsc-ic-meteo-lightning3::before { + content: "\eab9"; + } + + .mbsc-ic-meteo-lightning4::before { + content: "\eabb"; + } + + .mbsc-ic-meteo-lightning5::before { + content: "\eaba"; + } + + .mbsc-ic-meteo-lines::before { + content: "\eabd"; + } + + .mbsc-ic-meteo-moon::before { + content: "\eabc"; + } + + .mbsc-ic-meteo-moon2::before { + content: "\eabf"; + } + + .mbsc-ic-meteo-none::before { + content: "\eabe"; + } + + .mbsc-ic-meteo-rainy::before { + content: "\eac0"; + } + + .mbsc-ic-meteo-rainy2::before { + content: "\eac1"; + } + + .mbsc-ic-meteo-rainy3::before { + content: "\eac2"; + } + + .mbsc-ic-meteo-rainy4::before { + content: "\eac3"; + } + + .mbsc-ic-meteo-snowflake::before { + content: "\eac4"; + } + + .mbsc-ic-meteo-snowy::before { + content: "\eac5"; + } + + .mbsc-ic-meteo-snowy2::before { + content: "\eac6"; + } + + .mbsc-ic-meteo-snowy3::before { + content: "\eac7"; + } + + .mbsc-ic-meteo-snowy4::before { + content: "\eac8"; + } + + .mbsc-ic-meteo-snowy5::before { + content: "\eac9"; + } + + .mbsc-ic-meteo-sun::before { + content: "\eaca"; + } + + .mbsc-ic-meteo-sun2::before { + content: "\eacb"; + } + + .mbsc-ic-meteo-sun3::before { + content: "\eacc"; + } + + .mbsc-ic-meteo-sunrise::before { + content: "\eacd"; + } + + .mbsc-ic-meteo-thermometer::before { + content: "\eace"; + } + + .mbsc-ic-meteo-weather::before { + content: "\eacf"; + } + + .mbsc-ic-meteo-weather2::before { + content: "\ead0"; + } + + .mbsc-ic-meteo-weather3::before { + content: "\ead1"; + } + + .mbsc-ic-meteo-weather4::before { + content: "\ead2"; + } + + .mbsc-ic-meteo-weather5::before { + content: "\ead4"; + } + + .mbsc-ic-meteo-wind::before { + content: "\ead3"; + } + + .mbsc-ic-meteo-windy::before { + content: "\ead5"; + } + + .mbsc-ic-meteo-windy2::before { + content: "\ead7"; + } + + .mbsc-ic-meteo-windy3::before { + content: "\ead6"; + } + + .mbsc-ic-meteo-windy4::before { + content: "\ead8"; + } + + .mbsc-ic-meteo-windy5::before { + content: "\ead9"; + } + + .mbsc-ic-minus::before { + content: "\eada"; + } + + .mbsc-ic-mobile::before { + content: "\eadb"; + } + + .mbsc-ic-music::before { + content: "\eadc"; + } + + .mbsc-ic-neutral::before { + content: "\eadd"; + } + + .mbsc-ic-newspaper::before { + content: "\eade"; + } + + .mbsc-ic-office::before { + content: "\eadf"; + } + + .mbsc-ic-pause2::before { + content: "\eae0"; + } + + .mbsc-ic-pencil::before { + content: "\eae2"; + } + + .mbsc-ic-phone::before { + content: "\eae1"; + } + + .mbsc-ic-play::before { + content: "\eae3"; + } + + .mbsc-ic-play3::before { + content: "\eae4"; + } + + .mbsc-ic-plus::before { + content: "\eae5"; + } + + .mbsc-ic-print::before { + content: "\eae6"; + } + + .mbsc-ic-redo2::before { + content: "\eae7"; + } + + .mbsc-ic-remove::before { + content: "\eae8"; + } + + .mbsc-ic-reply::before { + content: "\eae9"; + } + + .mbsc-ic-sad::before { + content: "\eaea"; + } + + .mbsc-ic-sad2::before { + content: "\eaeb"; + } + + .mbsc-ic-share::before { + content: "\eaec"; + } + + .mbsc-ic-smiley::before { + content: "\eaed"; + } + + .mbsc-ic-smiley2::before { + content: "\eaee"; + } + + .mbsc-ic-stack::before { + content: "\eaef"; + } + + .mbsc-ic-star::before { + content: "\eaf0"; + } + + .mbsc-ic-star2::before { + content: "\eaf1"; + } + + .mbsc-ic-star3::before { + content: "\eaf3"; + } + + .mbsc-ic-stop2::before { + content: "\eaf2"; + } + + .mbsc-ic-stopwatch::before { + content: "\eaf4"; + } + + .mbsc-ic-stream-sync::before { + content: "\eaf5"; + } + + .mbsc-ic-support::before { + content: "\eaf6"; + } + + .mbsc-ic-tag::before { + content: "\eaf7"; + } + + .mbsc-ic-thumbs-up::before { + content: "\eaf8"; + } + + .mbsc-ic-thumbs-up2::before { + content: "\eaf9"; + } + + .mbsc-ic-undo2::before { + content: "\eafa"; + } + + .mbsc-ic-unlocked::before { + content: "\eafb"; + } + + .mbsc-ic-upload::before { + content: "\eafc"; + } + + .mbsc-ic-user4::before { + content: "\eafd"; + } + + .mbsc-ic-volume-high::before { + content: "\eafe"; + } + + .mbsc-ic-volume-medium::before { + content: "\eaff"; + } + + .mbsc-ic-volume-mute2::before { + content: "\eb00"; + } +} diff --git a/src/less/icons_mobiscroll.ttf b/src/scss/core/icons_mobiscroll.ttf similarity index 100% rename from src/less/icons_mobiscroll.ttf rename to src/scss/core/icons_mobiscroll.ttf diff --git a/src/less/icons_mobiscroll.woff b/src/scss/core/icons_mobiscroll.woff similarity index 100% rename from src/less/icons_mobiscroll.woff rename to src/scss/core/icons_mobiscroll.woff diff --git a/src/scss/core/ios.scss b/src/scss/core/ios.scss new file mode 100644 index 00000000..ac2f9266 --- /dev/null +++ b/src/scss/core/ios.scss @@ -0,0 +1,257 @@ +$mbsc-ios-button: #007bff !default; +$mbsc-ios-accent: #007bff !default; +$mbsc-ios-background: #f7f7f7 !default; +$mbsc-ios-text: #000000 !default; + +$mbsc-ios-dark-button: #ff8400 !default; +$mbsc-ios-dark-accent: #ff8400 !default; +$mbsc-ios-dark-background: #000000 !default; +$mbsc-ios-dark-text: #ffffff !default; + +/* Base colors */ +$mbsc-ios-primary: #3f97f6 !default; +$mbsc-ios-secondary: #90979E !default; +$mbsc-ios-success: #43BE5F !default; +$mbsc-ios-danger: #f5504e !default; +$mbsc-ios-warning: #f8b042 !default; +$mbsc-ios-info: #5BB7C5 !default; +$mbsc-ios-light: #fff !default; +$mbsc-ios-dark: #47494A !default; + +@function mbsc-ios-colors($params) { + $background: map-get($params, background); + $text: map-get($params, text); + $accent: map-get($params, accent); + + $button: ''; + + @if (map-get($params, button)) { + $button: map-get($params, button); + } + + @else { + $button: map-get($params, accent); + } + + $background-limited: hsl(hue($background), saturation($background), max(lightness($background), 3%)); + $background-alt: lighten($background-limited, 3%); + $card-shadow: darken($background, 17%); + $item-color: hsl(hue($text), saturation($text), 62%); + $cont-background: lighten($background, 6%); + + $border-color: ''; + $top-bottom-border: ''; + $top-bottom-wheel-border: ''; + $button-active: ''; + $popup-shadow: ''; + $popup-arrow-shadow: ''; + $popup-border: ''; + $item-3d: ''; + $background-desktop: ''; + $cal-text: ''; + $button-contrast: ''; + $label-text: ''; + $button-disabled: ''; + $form-background: ''; + $form-selection: ''; + $form-text: ''; + $icon-color: ''; + $title-color: ''; + $disabled-color: ''; + $button-background: ''; + $disabled-background: ''; + $switch-background: ''; + $track-background: ''; + $track-border: ''; + $snackbar-button: ''; + $slider-tooltip: ''; + $slider-track-step: ''; + $item-active: ''; + $lv_handle: ''; + $lv-item: ''; + $lv-icon: ''; + $text-alt: ''; + $popup-background: ''; + $cal-text-contrast: ''; + $background-overlay: ''; + $item-selected: ''; + $switch-track: ''; + $empty-color: ''; + $btn-cont-background: ''; + $background-contrast: ''; + $top-bottom-frame: ''; + + // Light background + @if (lightness($background) > 50%) { + $border-color: darken($background-limited, 17%); + $top-bottom-border: darken($background, 41%); + $top-bottom-wheel-border: darken($background-limited, 30%); + $button-active: darken($background, 5%); + $background-desktop: $background-limited; + $popup-shadow: rgba(0, 0, 0, .3); + $popup-arrow-shadow: rgba(0, 0, 0, .2); + $popup-border: $border-color; + $item-3d: darken($background-limited, 33%); + $label-text: lighten($text, 67%); + $button-disabled: darken($background, 13%); + $top-bottom-frame: adjust-hue(darken(saturate($background, 12%), 13%), 216%); + //$button-active: adjust-hue(darken(saturate($background, 12%), 14%), 218%); + $form-background: adjust-hue(darken(saturate($background, 19%), 2%), 240%); + $form-text: hsl(hue($text), saturation($text), max(lightness($text), 80%)); + $icon-color: adjust-hue(lighten(saturate($text, 10%), 55%), 220%); + $title-color: adjust-hue(lighten(saturate($text, 2%), 44%), 240%); + $disabled-color: darken($background, 20%); + $button-background: lighten($background, 10%); + $disabled-background: darken($background, 10%); + $switch-background: darken($background, 7%); + $track-background: darken($background, 7%); + $track-border: darken($background, 7%); + $slider-tooltip: darken($background, 26%); + $slider-track-step: darken($background, 10%); + $item-active: darken($background, 12%); + $lv_handle: darken($background, 17%); + $lv-item: darken($background, 1%); + $lv-icon: lighten($text, 47%); + $text-alt: lighten($text, 53%); + $popup-background: $background-alt; + $background-overlay: rgba(#000, .2); + $item-selected: rgba($accent, .1); + $switch-track: #4cd764; + $empty-color: lighten($text, 43%); + $btn-cont-background: darken($background, 3%); + $background-contrast: #000; + } + + // Dark background + @else { + $border-color: lighten($background, 20%); + $top-bottom-border: lighten($background, 21%); + $top-bottom-wheel-border: $border-color; + $button-active: lighten($background, 12%); + $background-desktop: lighten($background-limited, 17%); + $popup-shadow: rgba(0, 0, 0, .8); + $popup-arrow-shadow: rgba(0, 0, 0, .8); + $popup-border: lighten($border-color, 13%); + $item-3d: lighten($background-limited, 40%); + $label-text: $text; + $button-disabled: lighten($background, 13%); + $top-bottom-frame: $background-limited; + //$button-active: adjust-hue(lighten(desaturate($background, 12%), 14%), 218%); + $form-background: adjust-hue(lighten(desaturate($background, 19%), 10%), 240%); + $form-text: hsl(hue($text), saturation($text), min(lightness($text), 80%)); + $icon-color: adjust-hue(lighten(saturate($text, 10%), 55%), 220%); + $title-color: adjust-hue(darken(desaturate($text, 2%), 44%), 240%); + $disabled-color: lighten($background, 23%); + $button-background: lighten($background, 23%); + $disabled-background: lighten($background, 13%); + $switch-background: #fff; + $track-background: #fff; + $track-border: lighten($background, 17%); + $slider-tooltip: lighten($background, 70%); + $slider-track-step: lighten($background, 27%); + $item-active: lighten($background, 12%); + $lv_handle: lighten($background, 43%); + $lv-item: lighten($background, 13%); + $lv-icon: $text; + $text-alt: darken($text, 33%); + $popup-background: $background-desktop; + $background-overlay: rgba(#fff, .1); + $item-selected: rgba($accent, .3); + $switch-track: $accent; + $empty-color: $text; + $btn-cont-background: lighten($background-limited, 8%); + $background-contrast: #fff; + } + + // Light button + @if (lightness($button) > 50%) { + $button-contrast: #000; + $cal-text: lighten(saturate($button, 5%), 42%); + $form-selection: lighten(saturate($accent, 15%), 3%); + $snackbar-button: hsl(hue($button), saturation($button), max(lightness($button), 80%)); + } + + // Dark button + @else { + $button-contrast: #fff; + $cal-text: adjust-hue(lighten(desaturate($button, 42%), 35%), 3%); + $form-selection: darken(desaturate($accent, 15%), 3%); + $snackbar-button: $button; + } + + // Light button + @if (lightness($cal-text) > 50%) { + $cal-text-contrast: #000; + } + + // Dark button + @else { + $cal-text-contrast: #fff; + } + + @return (cont-background: $cont-background, + border-color: $border-color, + top-bottom-border: $top-bottom-border, + top-bottom-wheel-border: $top-bottom-wheel-border, + button-active: $button-active, + background-alt: $background-alt, + background-desktop: $background-desktop, + popup-shadow: $popup-shadow, + popup-arrow-shadow: $popup-arrow-shadow, + card-shadow: $card-shadow, + popup-border: $popup-border, + background-limited: $background-limited, + item-color: $item-color, + item-3d: $item-3d, + cal-text: $cal-text, + button-contrast: $button-contrast, + label-text: $label-text, + button-disabled: $button-disabled, + form-background: $form-background, + form-selection: $form-selection, + form-text: $form-text, + icon-color: $icon-color, + title-color: $title-color, + disabled-color: $disabled-color, + button-background: $button-background, + disabled-background: $disabled-background, + switch-background: $switch-background, + track-background: $track-background, + track-border: $track-border, + snackbar-button: $snackbar-button, + slider-tooltip: $slider-tooltip, + slider-track-step: $slider-track-step, + item-active: $item-active, + lv_handle: $lv_handle, + lv-item: $lv-item, + lv-icon: $lv-icon, + text-alt: $text-alt, + popup-background: $popup-background, + cal-text-contrast: $cal-text-contrast, + background-overlay: $background-overlay, + item-selected: $item-selected, + empty-color: $empty-color, + btn-cont-background: $btn-cont-background, + background-contrast: $background-contrast, + switch-track: $switch-track, + top-bottom-frame: $top-bottom-frame, + button: $button, + /* static colors */ + error: #d8332a, + white-text: #fff, + dark-text: #000, + light-text: #eee); +} + +@mixin mbsc-ios-common($theme, $params) { + @include exports("common.#{$theme}.colors") { + $colors: mbsc-ios-colors($params); + $empty-color: map-get($colors, empty-color); + + .mbsc-#{$theme} { + .mbsc-empty { + color: $empty-color; + } + } + } +} diff --git a/src/scss/core/material.ripple.scss b/src/scss/core/material.ripple.scss new file mode 100644 index 00000000..e577abc8 --- /dev/null +++ b/src/scss/core/material.ripple.scss @@ -0,0 +1,27 @@ +@import "../core/exports"; + +@include exports("ripple.material") { + .mbsc-material { + .mbsc-ripple { + position: absolute; + top: 0; + left: 0; + opacity: 0; + border-radius: 1000em; + pointer-events: none; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition: -webkit-transform .8s cubic-bezier(0.25, 0.8, 0.25, 1), opacity .8s cubic-bezier(0.25, 0.8, 0.25, 1); + transition: transform .8s cubic-bezier(0.25, 0.8, 0.25, 1), opacity .8s cubic-bezier(0.25, 0.8, 0.25, 1); + } + + .mbsc-ripple-scaled { + -webkit-transform: scale(1); + transform: scale(1); + } + + .mbsc-ripple-visible { + opacity: .1; + } + } +} diff --git a/src/scss/core/material.scss b/src/scss/core/material.scss new file mode 100644 index 00000000..80ab1053 --- /dev/null +++ b/src/scss/core/material.scss @@ -0,0 +1,120 @@ +$mbsc-material-accent: #009688 !default; +$mbsc-material-background: #eee !default; +$mbsc-material-text: #5b5b5b !default; + +$mbsc-material-dark-accent: #81ccc4 !default; +$mbsc-material-dark-background: #303030 !default; +$mbsc-material-dark-text: #c2c2c2 !default; + +/* Base colors */ +$mbsc-material-primary: #3f97f6 !default; +$mbsc-material-secondary: #90979E !default; +$mbsc-material-success: #43BE5F !default; +$mbsc-material-danger: #f5504e !default; +$mbsc-material-warning: #f8b042 !default; +$mbsc-material-info: #5BB7C5 !default; +$mbsc-material-light: #fff !default; +$mbsc-material-dark: #47494A !default; + +@function mbsc-material-colors($params) { + $background: map-get($params, background); + $text: map-get($params, text); + $accent: map-get($params, accent); + + $light-background: lighten($background, 4.8%); + $form-text: lighten($text, 7%); + $button-active: darken($background, 13%); + $input-text: darken($text, 24%); + $lv-text: lighten($text, 10%); + $snackbar-btn: hsl(hue($accent), saturation($accent), max(lightness($accent), 34%)); + + $border: ''; + $checkbox: ''; + $gray-background: ''; + $button-background: ''; + $button-color: ''; + $input-color: ''; + $snackbar: ''; + $background-contrast: ''; + $box-input: ''; + $ripple: ''; + $switch: ''; + $switch-disabled: ''; + $lv-item: ''; + + // Light background + @if (lightness($background) > 50%) { + $border: lighten($text, 40%); + $checkbox: lighten($background, 7%); + $gray-background: darken($background, 23%); + $button-background: darken($background, 9%); + $button-color: darken($text, 36%); + $input-color: lighten($text, 29%); + $box-input: darken($background, 7%); + $switch: lighten($background, 5%); + $switch-disabled: darken($background, 20%); + $snackbar: #323232; + $background-contrast: #000; + $lv-item: lighten($background, 4%); + } + + // Dark background + @else { + $border: darken($text, 40%); + $checkbox: $background; + $gray-background: lighten($background, 17%); + $button-background: lighten($background, 17%); + $button-color: lighten($text, 24%); + $input-color: darken($text, 19%); + $box-input: lighten($background, 7%); + $switch: lighten($background, 53%); + $switch-disabled: lighten($background, 16%); + $snackbar: #5b5b5b; + $background-contrast: #fff; + $lv-item: lighten($background, 3%); + } + + @return (ripple: $background-contrast, + border: $border, + form-text: $form-text, + light-background: $light-background, + checkbox: $checkbox, + gray-background: $gray-background, + button-background: $button-background, + button-color: $button-color, + button-active: $button-active, + input-color: $input-color, + switch: $switch, + switch-disabled: $switch-disabled, + input-text: $input-text, + lv-text: $lv-text, + background-contrast: $background-contrast, + box-input: $box-input, + snackbar: $snackbar, + snackbar-btn: $snackbar-btn, + lv-item: $lv-item, + /* static colors */ + white-text: #fff, + dark-text: #000, + light-text: #eee, + error: #de3226); +} + +@mixin mbsc-material-common($theme, $params) { + @include exports("common.#{$theme}.colors") { + + $text: map-get($params, text); + $colors: mbsc-material-colors($params); + $ripple: map-get($colors, ripple); + + .mbsc-#{$theme} { + .mbsc-ripple { + background: $ripple; + } + + .mbsc-empty { + color: $text; + } + } + } +} diff --git a/src/scss/core/mobiscroll.scss b/src/scss/core/mobiscroll.scss new file mode 100644 index 00000000..cb490842 --- /dev/null +++ b/src/scss/core/mobiscroll.scss @@ -0,0 +1,103 @@ +$mbsc-mobiscroll-accent: #4eccc4 !default; +$mbsc-mobiscroll-background: #f7f7f7 !default; +$mbsc-mobiscroll-text: #454545 !default; + +$mbsc-mobiscroll-dark-accent: #4fccc4 !default; +$mbsc-mobiscroll-dark-background: #263238 !default; +$mbsc-mobiscroll-dark-text: #f7f7f7 !default; + +/* Base colors */ +$mbsc-mobiscroll-primary: #3f97f6 !default; +$mbsc-mobiscroll-secondary: #90979E !default; +$mbsc-mobiscroll-success: #43BE5F !default; +$mbsc-mobiscroll-danger: #f5504e !default; +$mbsc-mobiscroll-warning: #f8b042 !default; +$mbsc-mobiscroll-info: #5BB7C5 !default; +$mbsc-mobiscroll-light: darken(#fff, 10%) !default; +$mbsc-mobiscroll-dark: #47494A !default; + +@function mbsc-mobiscroll-colors($params) { + $background: map-get($params, background); + $text: map-get($params, text); + $accent: map-get($params, accent); + + $input-icon: lighten($text, 20%); + $color-input: darken($text, 15%); + $event-border: lighten($text, 25%); + $lv-item: darken($background, 4%); + $checked: desaturate(lighten($accent, 25%), 6%); + $border: ''; + $empty-color: ''; + $input-disabled: ''; + $handle: ''; + $btn-disabled: ''; + $switch: ''; + $btn-light: ''; + $input-box: ''; + $tooltip: ''; + $checkbox: ''; + $empty-color: ''; + + // Light background + @if (lightness($background) > 50%) { + $border: darken($background, 17%); + $empty-color: lighten($text, 20%); + $input-disabled: darken($background, 13%); + $handle: darken($background, 8%); + $btn-disabled: darken($background, 10%); + $switch: darken($background, 19%); + $btn-light: darken($background, 3%); + $input-box: darken($background, 10%); + $tooltip: darken($background, 4%); + $checkbox: lighten($background, 3%); + } + + // Dark background + @else { + $border: lighten($background, 17%); + $empty-color: $text; + $input-disabled: darken($background, 17%); + $handle: darken($background, 7%); + $btn-disabled: lighten($background, 8%); + $switch: lighten($background, 14%); + $btn-light: $background; + $input-box: lighten($background, 10%); + $tooltip: $background; + $checkbox: $background; + } + + @return (border: $border, + empty-color: $empty-color, + input-disabled: $input-disabled, + btn-light: $btn-light, + btn-disabled: $btn-disabled, + switch: $switch, + checked: $checked, + handle: $handle, + input-icon: $input-icon, + input-box: $input-box, + tooltip: $tooltip, + color-input: $color-input, + event-border: $event-border, + lv-item: $lv-item, + checkbox: $checkbox, + /* static colors */ + textarea: #1f1f1f, + notification: #787878, + white-text: #ffffff, + error: #de3226, + dark-text: #000); +} + +@mixin mbsc-mobiscroll-common($theme, $params) { + @include exports("common.#{$theme}.colors") { + $colors: mbsc-mobiscroll-colors($params); + $empty-color: map-get($colors, empty-color); + + .mbsc-#{$theme} { + .mbsc-empty { + color: $empty-color; + } + } + } +} diff --git a/src/scss/core/windows.scss b/src/scss/core/windows.scss new file mode 100644 index 00000000..852dded8 --- /dev/null +++ b/src/scss/core/windows.scss @@ -0,0 +1,140 @@ +$mbsc-windows-accent: #0078d7 !default; +$mbsc-windows-background: #f2f2f2 !default; +$mbsc-windows-text: #262626 !default; + +$mbsc-windows-dark-accent: #0078d7 !default; +$mbsc-windows-dark-background: #1a1a1a !default; +$mbsc-windows-dark-text: #ffffff !default; + +/* Base colors */ +$mbsc-windows-primary: #3f97f6 !default; +$mbsc-windows-secondary: #90979E !default; +$mbsc-windows-success: #43BE5F !default; +$mbsc-windows-danger: #f5504e !default; +$mbsc-windows-warning: #f8b042 !default; +$mbsc-windows-info: #5BB7C5 !default; +$mbsc-windows-light: #fff !default; +$mbsc-windows-dark: #47494A !default; + +@function mbsc-windows-colors($params) { + $background: map-get($params, background); + $text: map-get($params, text); + $accent: map-get($params, accent); + + $frame-border: ''; + $form-background: ''; + $checkbox-border: ''; + $button-border: ''; + $input-hover: ''; + $border-color: ''; + $empty-color: ''; + $input-border: ''; + $button-background: ''; + $segmented-disabled: ''; + $button-hover: ''; + $progress-background: ''; + $cards-border: ''; + $wheel-button: ''; + $alt-background: ''; + $color-item: ''; + $color-preview-border: ''; + $lv-background: ''; + $scrollbar-track: ''; + $calendar-day: ''; + + // Light background + @if (lightness($background) > 50%) { + $frame-border: darken($background, 15%); + $form-background: lighten($background, 13%); + $checkbox-border: desaturate(lighten($accent, 52%), 24%); + $button-border: lighten($text, 33%); + $input-hover: darken($background, 55%); + $border-color: darken($background, 19%); + $empty-color: lighten($text, 30%); + $input-border: darken($background, 35%); + $button-background: darken($background, 45%); + $segmented-disabled: darken($background, 17%); + $button-hover: darken($background, 10%); + $progress-background: hsl(hue($background), saturation($background), min(lightness($background), 80%)); + $cards-border: darken($background, 5%); + $wheel-button: darken($background, 5%); + $alt-background: darken($background, 18%); + $color-item: #ffffff; + $color-preview-border: darken($background, 25%); + $lv-background: darken($background, 34%); + $scrollbar-track: rgba(0, 0, 0, .05); + $calendar-day: lighten($text, 30%); + } + + // Dark background + @else { + $frame-border: lighten($background, 15%); + $form-background: darken($background, 12%); + $checkbox-border: saturate(darken($accent, 52%), 24%); + $button-border: darken($text, 33%); + $input-hover: lighten($background, 55%); + $border-color: lighten($background, 19%); + $empty-color: darken($text, 30%); + $input-border: lighten($background, 35%); + $button-background: lighten($background, 45%); + $segmented-disabled: lighten($background, 19%); + $button-hover: lighten($background, 10%); + $progress-background: hsl(hue($background), saturation($background), max(lightness($background), 12%)); + $cards-border: lighten($background, 12%); + $wheel-button: lighten($background, 5%); + $alt-background: lighten($background, 18%); + $color-item: fade(#dfdede, 30%); + $color-preview-border: lighten($background, 60%); + $lv-background: darken($background, 34%); + $scrollbar-track: rgba(255, 255, 255, .2); + $calendar-day: darken($text, 30%); + } + + @return (frame-border: $frame-border, + form-background: $form-background, + checkbox-border: $checkbox-border, + button-border: $button-border, + input-hover: $input-hover, + border-color: $border-color, + empty-color: $empty-color, + input-border: $input-border, + button-background: $button-background, + segmented-disabled: $segmented-disabled, + button-hover: $button-hover, + progress-background: $progress-background, + cards-border: $cards-border, + wheel-button: $wheel-button, + alt-background: $alt-background, + color-item: $color-item, + color-preview-border: $color-preview-border, + lv-background: $lv-background, + scrollbar-track: $scrollbar-track, + calendar-day: $calendar-day, + /* static colors */ + dark-text: darken($mbsc-windows-dark, 30%), + light-text: #efeff4, + error: #d30101); +} + +@function get-contrast-color($color) { + @if (lightness($color) > 65%) { + @return #000; + } + + @else { + @return #fff; + } +} + +@mixin mbsc-windows-common($theme, $params) { + @include exports("common.#{$theme}.colors") { + $colors: mbsc-windows-colors($params); + $empty-color: map-get($colors, empty-color); + + .mbsc-#{$theme} { + .mbsc-empty { + color: $empty-color; + } + } + } +} diff --git a/src/scss/forms/forms.bootstrap.scss b/src/scss/forms/forms.bootstrap.scss new file mode 100644 index 00000000..591caa6d --- /dev/null +++ b/src/scss/forms/forms.bootstrap.scss @@ -0,0 +1,4 @@ +@import "../page/page.bootstrap"; +@import "../slider/slider.bootstrap"; +@import "../rating/rating.bootstrap"; +@import "./forms"; diff --git a/src/scss/forms/forms.ios.colors.scss b/src/scss/forms/forms.ios.colors.scss new file mode 100644 index 00000000..54ed5434 --- /dev/null +++ b/src/scss/forms/forms.ios.colors.scss @@ -0,0 +1,226 @@ +@import "../core/exports"; +@import "../core/ios"; +@import "../page/page.ios.colors"; +@import "../input/input.ios.colors"; +@import "../slider/slider.ios.colors"; +@import "../rating/rating.ios.colors"; +@import "../notifications/notifications.ios.colors"; + +@mixin mbsc-ios-forms($theme, $params) { + @include exports("forms.#{$theme}.colors") { + + @include mbsc-ios-page($theme, $params); + @include mbsc-ios-input($theme, $params); + @include mbsc-ios-slider($theme, $params); + @include mbsc-ios-rating($theme, $params); + @include mbsc-ios-notifications($theme, $params); + + $text: map-get($params, text); + $accent: map-get($params, accent); + + $colors: mbsc-ios-colors($params); + $form-background: map-get($colors, form-background); + $form-selection: map-get($colors, form-selection); + $form-text: map-get($colors, form-text); + $icon-color: map-get($colors, icon-color); + $border-color: map-get($colors, border-color); + $title-color: map-get($colors, title-color); + $cont-background: map-get($colors, cont-background); + $disabled-color: map-get($colors, disabled-color); + $button-background: map-get($colors, button-background); + $disabled-background: map-get($colors, disabled-background); + $track-background: map-get($colors, track-background); + $track-border: map-get($colors, track-border); + $white-text: map-get($colors, white-text); + $light-text: map-get($colors, light-text); + $dark-text: map-get($colors, dark-text); + $switch-track: map-get($colors, switch-track); + + .mbsc-#{$theme} { + &.mbsc-form { + background: $form-background; + color: $text; + } + + &.mbsc-form *::-moz-selection, + &.mbsc-form *::selection { + color: $form-text; + background: $form-selection; + } + + .mbsc-input-ic { + color: $icon-color; + } + + .mbsc-divider, + .mbsc-form-group-title { + border-bottom: 1px solid $border-color; + color: $title-color; + } + + .mbsc-divider { + border-top: 1px solid $border-color; + } + + /* Checkbox, radio */ + &.mbsc-form .mbsc-checkbox, + &.mbsc-form .mbsc-radio { + background: $cont-background; + } + + /* Checkbox */ + .mbsc-checkbox-box { + border: .125em solid $form-selection; + } + + .mbsc-checkbox-box:after { + border: .125em solid $form-selection; + border-top: 0; + border-right: 0; + } + + /* Radio */ + .mbsc-radio-box:after { + border: .125em solid $form-selection; + border-top: 0; + border-right: 0; + } + + .mbsc-radio input:disabled ~ .mbsc-radio-label { + color: $disabled-color; + } + + /* Buttons */ + .mbsc-btn { + background: $button-background; + color: $accent; + } + + .mbsc-btn:not(.mbsc-btn-flat):disabled { + background: $disabled-background; + color: $disabled-color; + } + + .mbsc-btn.mbsc-btn-flat { + background: transparent; + border-color: transparent; + } + + .mbsc-btn-flat:disabled { + background: transparent; + color: $disabled-color; + } + + /* Button color presets */ + .mbsc-btn-primary.mbsc-btn, + .mbsc-btn-secondary.mbsc-btn, + .mbsc-btn-success.mbsc-btn, + .mbsc-btn-danger.mbsc-btn, + .mbsc-btn-warning.mbsc-btn, + .mbsc-btn-info.mbsc-btn, + .mbsc-btn-dark.mbsc-btn { + color: $light-text; + } + + .mbsc-btn-light.mbsc-btn { + color: $dark-text; + } + + /* Flat buttons */ + .mbsc-btn-flat.mbsc-btn { + background: transparent; + } + + /* Outline buttons */ + .mbsc-btn-outline.mbsc-btn { + background: transparent; + border: 1px solid $form-selection; + color: $form-selection; + + &.mbsc-active { + background: $form-selection; + color: $form-background; + } + } + + .mbsc-btn.mbsc-btn-outline:disabled { + color: $disabled-color; + border-color: $disabled-color; + background: transparent; + } + + /* Switch */ + &.mbsc-form .mbsc-switch { + background: $cont-background; + } + + .mbsc-switch-track { + background: $track-background; + border: .0625em solid $track-border; + } + + .mbsc-switch-track:after { + background: $cont-background; + } + + .mbsc-switch-handle { + background: $white-text; + } + + .mbsc-switch input:checked + .mbsc-switch-track { + background: $switch-track; + border-color: $switch-track; + } + + /* Segmented & Stepper */ + .mbsc-segmented { + background-color: $cont-background; + } + + .mbsc-segmented-content { + color: $form-selection; + border: .07142857em solid $form-selection; + background: $cont-background; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content { + background: $form-selection; + color: $cont-background; + } + + .mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { + background: rgba(18, 114, 220, .3); + color: $form-selection; + } + + .mbsc-stepper-cont { + background: $cont-background; + } + + .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { + color: $disabled-color; + border-color: $disabled-color; + } + + .mbsc-stepper input:disabled { + color: $disabled-color; + -webkit-text-fill-color: $disabled-color; + } + + .mbsc-segmented input:disabled:checked + .mbsc-segmented-content { + background: $disabled-background; + } + + .mbsc-stepper input { + color: $text; + } + + &.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($accent, .15); + } + } + } +} diff --git a/src/scss/forms/forms.ios.scss b/src/scss/forms/forms.ios.scss new file mode 100644 index 00000000..bf539401 --- /dev/null +++ b/src/scss/forms/forms.ios.scss @@ -0,0 +1,814 @@ +@import "../core/exports"; +@import "../collapsible/collapsible.ios"; +@import "../borders/borders.ios"; +@import "../page/page.ios"; +@import "../input/input.ios"; +@import "../slider/slider.ios"; +@import "../rating/rating.ios"; +@import "../notifications/notifications.ios"; +@import "./forms.ios.colors"; +@import "./forms"; + +@include exports("forms.ios") { + .mbsc-ios { + .mbsc-desc { + opacity: .5; + } + + .mbsc-divider, + .mbsc-form-group-title { + position: relative; + z-index: 2; + margin-top: -1px; + font-size: 0.75em; + line-height: 1.5em; + text-transform: uppercase; + } + + .mbsc-divider { + padding: 2.333334em 1.333334em .5em 1.333334em; + } + + .mbsc-form-group-title { + padding: .5em 1.333334em; + } + + &.mbsc-form-outline .mbsc-divider, + &.mbsc-form-outline .mbsc-form-group-title, + &.mbsc-form-box .mbsc-divider, + &.mbsc-form-box .mbsc-form-group-title { + border: 0; + } + + /* Form grid */ + + .mbsc-form-grid { + margin-top: .75em; + margin-bottom: .75em; + } + + .mbsc-form-grid .mbsc-input-box.mbsc-control-w, + .mbsc-form-grid .mbsc-input-outline.mbsc-control-w { + margin: .75em 1em; + } + + /* Checkbox, radio */ + &.mbsc-form .mbsc-checkbox, + &.mbsc-form .mbsc-radio { + padding: .875em 3.75em .875em 1em; + } + + &.mbsc-rtl .mbsc-checkbox, + &.mbsc-rtl .mbsc-radio { + padding: .875em 1em .875em 3.75em; + } + + .mbsc-checkbox input:disabled + .mbsc-checkbox-box, + .mbsc-checkbox input:disabled ~ .mbsc-label, + .mbsc-checkbox input:disabled ~ .mbsc-desc, + .mbsc-radio input:disabled + .mbsc-radio-box, + .mbsc-radio input:disabled ~ .mbsc-label, + .mbsc-radio input:disabled ~ .mbsc-desc, + .mbsc-switch input:disabled + .mbsc-switch-track, + .mbsc-switch input:disabled ~ .mbsc-label, + .mbsc-switch input:disabled ~ .mbsc-desc { + opacity: .3; + } + + .mbsc-checkbox-box:after, + .mbsc-radio-box:after { + transition: opacity .2s ease-in-out; + } + + /* Checkbox */ + .mbsc-checkbox-box { + right: 1em; + width: 1.75em; + height: 1.75em; + margin-top: -.875em; + background: transparent; + border-radius: 2em; + } + + &.mbsc-rtl .mbsc-checkbox-box { + right: auto; + left: 1em; + } + + .mbsc-checkbox-box:after { + top: 32%; + left: 26%; + width: .75em; + height: .375em; + } + + /* Checkbox color presets */ + .mbsc-checkbox-primary { + + .mbsc-checkbox-box, + .mbsc-checkbox-box:after { + border-color: $mbsc-ios-primary; + } + } + + .mbsc-checkbox-secondary { + + .mbsc-checkbox-box, + .mbsc-checkbox-box:after { + border-color: $mbsc-ios-secondary; + } + } + + .mbsc-checkbox-success { + + .mbsc-checkbox-box, + .mbsc-checkbox-box:after { + border-color: $mbsc-ios-success; + } + } + + .mbsc-checkbox-danger { + + .mbsc-checkbox-box, + .mbsc-checkbox-box:after { + border-color: $mbsc-ios-danger; + } + } + + .mbsc-checkbox-warning { + + .mbsc-checkbox-box, + .mbsc-checkbox-box:after { + border-color: $mbsc-ios-warning; + } + } + + .mbsc-checkbox-info { + + .mbsc-checkbox-box, + .mbsc-checkbox-box:after { + border-color: $mbsc-ios-info; + } + } + + /* Radio */ + .mbsc-radio-box { + right: 1.125em; + margin-top: -.625em; + background: transparent; + } + + &.mbsc-rtl .mbsc-radio-box { + right: auto; + left: 1.125em; + } + + .mbsc-radio-box:after { + position: absolute; + top: 44%; + left: 23%; + width: 1em; + height: .5em; + border-radius: 0; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + } + + /* Radio color presets */ + .mbsc-radio-primary .mbsc-radio-box:after { + border-color: $mbsc-ios-primary; + } + + .mbsc-radio-secondary .mbsc-radio-box:after { + border-color: $mbsc-ios-secondary; + } + + .mbsc-radio-success .mbsc-radio-box:after { + border-color: $mbsc-ios-success; + } + + .mbsc-radio-danger .mbsc-radio-box:after { + border-color: $mbsc-ios-danger; + } + + .mbsc-radio-warning .mbsc-radio-box:after { + border-color: $mbsc-ios-warning; + } + + .mbsc-radio-info .mbsc-radio-box:after { + border-color: $mbsc-ios-info; + } + + /* Buttons */ + .mbsc-btn { + margin: .5em .25em; + padding: .625em 1.375em; + border: 0; + border-radius: .25em; + } + + .mbsc-btn-ic { + padding-right: .625em; + } + + .mbsc-btn-icon-only .mbsc-btn-ic { + padding: 0; + } + + &.mbsc-no-touch .mbsc-btn:not(:disabled):not(.mbsc-active):hover { + opacity: .8; + } + + .mbsc-btn.mbsc-active { + opacity: .6; + } + + .mbsc-btn-flat.mbsc-active { + opacity: .6; + } + + .mbsc-btn-flat:disabled { + opacity: .8; + } + + .mbsc-btn-group, + .mbsc-btn-group-justified, + .mbsc-btn-group-block { + margin: .5em .75em; + } + + .mbsc-btn-group-block { + margin: .5em 1em; + } + + /* Button color presets */ + .mbsc-btn-primary.mbsc-btn { + background: $mbsc-ios-primary; + + &.mbsc-btn-flat { + color: $mbsc-ios-primary; + } + } + + .mbsc-btn-secondary.mbsc-btn { + background: $mbsc-ios-secondary; + + &.mbsc-btn-flat { + color: $mbsc-ios-secondary; + } + } + + .mbsc-btn-success.mbsc-btn { + background: $mbsc-ios-success; + + &.mbsc-btn-flat { + color: $mbsc-ios-success; + } + } + + .mbsc-btn-danger.mbsc-btn { + background: $mbsc-ios-danger; + + &.mbsc-btn-flat { + color: $mbsc-ios-danger; + } + } + + .mbsc-btn-warning.mbsc-btn { + background: $mbsc-ios-warning; + + &.mbsc-btn-flat { + color: $mbsc-ios-warning; + } + } + + .mbsc-btn-info.mbsc-btn { + background: $mbsc-ios-info; + + &.mbsc-btn-flat { + color: $mbsc-ios-info; + } + } + + .mbsc-btn-light.mbsc-btn { + background: $mbsc-ios-light; + + &.mbsc-btn-flat { + color: darken($mbsc-ios-light, 20%); + } + } + + .mbsc-btn-dark.mbsc-btn { + background: $mbsc-ios-dark; + + &.mbsc-btn-flat { + color: $mbsc-ios-dark; + } + } + + /* Flat buttons */ + .mbsc-btn-flat.mbsc-btn { + background: transparent; + } + + /* Outline buttons */ + .mbsc-btn-outline.mbsc-btn.mbsc-active { + opacity: 1; + } + + /* Outline buttons */ + .mbsc-btn-outline.mbsc-btn { + &.mbsc-btn-primary { + border-color: $mbsc-ios-primary; + color: $mbsc-ios-primary; + + &.mbsc-active { + background: $mbsc-ios-primary; + color: $mbsc-ios-light; + } + } + + &.mbsc-btn-secondary { + border-color: $mbsc-ios-secondary; + color: $mbsc-ios-secondary; + + &.mbsc-active { + background: $mbsc-ios-secondary; + color: $mbsc-ios-light; + } + } + + &.mbsc-btn-success { + border-color: $mbsc-ios-success; + color: $mbsc-ios-success; + + &.mbsc-active { + background: $mbsc-ios-success; + color: $mbsc-ios-light; + } + } + + &.mbsc-btn-danger { + border-color: $mbsc-ios-danger; + color: $mbsc-ios-danger; + + &.mbsc-active { + background: $mbsc-ios-danger; + color: $mbsc-ios-light; + } + } + + &.mbsc-btn-warning { + border-color: $mbsc-ios-warning; + color: $mbsc-ios-warning; + + &.mbsc-active { + background: $mbsc-ios-warning; + color: $mbsc-ios-light; + } + } + + &.mbsc-btn-info { + border-color: $mbsc-ios-info; + color: $mbsc-ios-info; + + &.mbsc-active { + background: $mbsc-ios-info; + color: $mbsc-ios-light; + } + } + + &.mbsc-btn-light { + border-color: darken($mbsc-ios-light, 25%); + color: darken($mbsc-ios-light, 25%); + + &.mbsc-active { + background: darken($mbsc-ios-light, 25%); + color: $mbsc-ios-light; + } + } + + &.mbsc-btn-dark { + border-color: $mbsc-ios-dark; + color: $mbsc-ios-dark; + + &.mbsc-active { + background: $mbsc-ios-dark; + color: $mbsc-ios-light; + } + } + } + + /* Switch */ + &.mbsc-form .mbsc-switch { + padding: .875em 5em .875em 1em; + } + + &.mbsc-rtl .mbsc-switch { + padding: .875em 1em .875em 5em; + } + + .mbsc-switch-track { + right: 1em; + width: 3em; + height: 1.75em; + padding: 0; + margin-top: -.96875em; + border-radius: 1.25em; + box-sizing: content-box; + } + + &.mbsc-rtl .mbsc-switch-track { + right: auto; + left: 1em; + } + + .mbsc-switch-track:after { + content: ''; + position: absolute; + z-index: 1; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 1.25em; + -webkit-transform: scale(1); + transform: scale(1); + transition: transform .2s ease-out; + } + + .mbsc-switch-track .mbsc-progress-track { + margin: 0 .875em; + } + + .mbsc-switch-handle { + z-index: 2; + top: 50%; + left: 50%; + width: 1.75em; + height: 1.75em; + margin: -.875em 0 0 -.875em; + border-radius: 1.75em; + box-shadow: 0 0 1em rgba(0, 0, 0, .1), 0 0 .0625em rgba(0, 0, 0, .15), 0 .125em .125em rgba(0, 0, 0, .15); + transition: transform .2s ease-out; + } + + &.mbsc-rtl .mbsc-switch-handle { + margin: -.875em -.875em 0 0; + } + + .mbsc-switch input:checked + .mbsc-switch-track:after { + -webkit-transform: scale(0); + transform: scale(0); + } + + /* swithc color presets */ + .mbsc-switch-primary.mbsc-switch input:checked + .mbsc-switch-track { + border-color: $mbsc-ios-primary; + background: $mbsc-ios-primary; + } + + .mbsc-switch-secondary.mbsc-switch input:checked + .mbsc-switch-track { + border-color: $mbsc-ios-secondary; + background: $mbsc-ios-secondary; + } + + .mbsc-switch-success.mbsc-switch input:checked + .mbsc-switch-track { + border-color: $mbsc-ios-success; + background: $mbsc-ios-success; + } + + .mbsc-switch-danger.mbsc-switch input:checked + .mbsc-switch-track { + border-color: $mbsc-ios-danger; + background: $mbsc-ios-danger; + } + + .mbsc-switch-warning.mbsc-switch input:checked + .mbsc-switch-track { + border-color: $mbsc-ios-warning; + background: $mbsc-ios-warning; + } + + .mbsc-switch-info.mbsc-switch input:checked + .mbsc-switch-track { + border-color: $mbsc-ios-info; + background: $mbsc-ios-info; + } + + /* Segmented & Stepper */ + .mbsc-segmented { + padding: .75em; + } + + .mbsc-stepper { + display: block; + } + + .mbsc-segmented-content { + height: 2.142857142em; + margin-left: -.07142857em; + line-height: 2.142857142857143em; + padding: 0 .42857em; + text-transform: capitalize; + } + + &.mbsc-ltr .mbsc-stepper-minus .mbsc-segmented-content, + &.mbsc-ltr .mbsc-segmented-item:first-child .mbsc-segmented-content, + &.mbsc-rtl .mbsc-stepper-plus .mbsc-segmented-content, + &.mbsc-rtl .mbsc-segmented-item:last-child .mbsc-segmented-content { + border-top-left-radius: .25em; + border-bottom-left-radius: .25em; + } + + .mbsc-segmented.mbsc-stepper.mbsc-control-w:before, + .mbsc-segmented.mbsc-stepper.mbsc-control-w:after { + border: 0; + } + + &.mbsc-ltr .mbsc-stepper-plus .mbsc-segmented-content, + &.mbsc-ltr .mbsc-segmented-item:last-child .mbsc-segmented-content, + &.mbsc-rtl .mbsc-stepper-minus .mbsc-segmented-content, + &.mbsc-rtl .mbsc-segmented-item:first-child .mbsc-segmented-content { + border-top-right-radius: .25em; + border-bottom-right-radius: .25em; + } + + .mbsc-stepper-cont { + padding: 1.5em 11.75em 1.5em 1em; + } + + &.mbsc-rtl .mbsc-stepper-cont { + padding: 1.5em 1em 1.5em 11.75em; + } + + .mbsc-stepper { + right: 1em; + margin-top: -1em; + } + + &.mbsc-rtl .mbsc-stepper { + right: auto; + left: 1em; + } + + .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { + background: none; + } + + .mbsc-stepper .mbsc-segmented-item { + width: 3.25em; + } + + .mbsc-stepper input { + width: 3.714286em; + left: 3.714286em; + z-index: 3; + } + + .mbsc-segmented { + + /* Stepper color presets */ + .mbsc-segmented-primary { + .mbsc-segmented-content { + border-color: $mbsc-ios-primary; + color: $mbsc-ios-primary; + } + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { + color: $mbsc-ios-primary; + background: rgba($mbsc-ios-primary, .45); + } + + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-ios-primary; + } + } + + .mbsc-segmented-secondary { + .mbsc-segmented-content { + border-color: $mbsc-ios-secondary; + color: $mbsc-ios-secondary; + } + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { + color: $mbsc-ios-secondary; + background: rgba($mbsc-ios-secondary, .45); + } + + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-ios-secondary; + } + } + + .mbsc-segmented-success { + .mbsc-segmented-content { + border-color: $mbsc-ios-success; + color: $mbsc-ios-success; + } + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { + color: $mbsc-ios-success; + background: rgba($mbsc-ios-success, .45); + } + + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-ios-success; + } + } + + .mbsc-segmented-danger { + .mbsc-segmented-content { + border-color: $mbsc-ios-danger; + color: $mbsc-ios-danger; + } + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { + color: $mbsc-ios-danger; + background: rgba($mbsc-ios-danger, .45); + } + + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-ios-danger; + } + } + + .mbsc-segmented-warning { + .mbsc-segmented-content { + border-color: $mbsc-ios-warning; + color: $mbsc-ios-warning; + } + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { + color: $mbsc-ios-warning; + background: rgba($mbsc-ios-warning, .45); + } + + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-ios-warning; + } + } + + .mbsc-segmented-info { + .mbsc-segmented-content { + border-color: $mbsc-ios-info; + color: $mbsc-ios-info; + } + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { + color: $mbsc-ios-info; + background: rgba($mbsc-ios-info, .45); + } + + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-ios-info; + } + } + } + + &.mbsc-no-touch { + + /* Segmented hover color presets*/ + .mbsc-segmented-primary { + &.mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-ios-primary, .15); + } + } + + .mbsc-segmented-secondary { + &.mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-ios-secondary, .15); + } + } + + .mbsc-segmented-success { + &.mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-ios-success, .15); + } + } + + .mbsc-segmented-danger { + &.mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-ios-danger, .15); + } + } + + .mbsc-segmented-warning { + &.mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-ios-warning, .15); + } + } + + .mbsc-segmented-info { + &.mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-ios-info, .15); + } + } + + /* Stepper color presets*/ + .mbsc-stepper-primary { + .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-ios-primary, .15); + } + } + + .mbsc-stepper-secondary { + .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-ios-secondary, .15); + } + } + + .mbsc-stepper-success { + .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-ios-success, .15); + } + } + + .mbsc-stepper-danger { + .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-ios-danger, .15); + } + } + + .mbsc-stepper-warning { + .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-ios-warning, .15); + } + } + + .mbsc-stepper-info { + .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-ios-info, .15); + } + } + } + + /* Stepper color presets */ + .mbsc-stepper-primary { + .mbsc-segmented-content { + border-color: $mbsc-ios-primary; + color: $mbsc-ios-primary; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { + background: $mbsc-ios-primary; + } + } + + .mbsc-stepper-secondary { + .mbsc-segmented-content { + border-color: $mbsc-ios-secondary; + color: $mbsc-ios-secondary; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { + background: $mbsc-ios-secondary; + } + } + + .mbsc-stepper-success { + .mbsc-segmented-content { + border-color: $mbsc-ios-success; + color: $mbsc-ios-success; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { + background: $mbsc-ios-success; + } + } + + .mbsc-stepper-danger { + .mbsc-segmented-content { + border-color: $mbsc-ios-danger; + color: $mbsc-ios-danger; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { + background: $mbsc-ios-danger; + } + } + + .mbsc-stepper-warning { + .mbsc-segmented-content { + border-color: $mbsc-ios-warning; + color: $mbsc-ios-warning; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { + background: $mbsc-ios-warning; + } + } + + .mbsc-stepper-info { + .mbsc-segmented-content { + border-color: $mbsc-ios-info; + color: $mbsc-ios-info; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { + background: $mbsc-ios-info; + } + } + } + + @include mbsc-ios-forms(ios, (background: $mbsc-ios-background, text: $mbsc-ios-text, accent: $mbsc-ios-accent)); +} diff --git a/src/scss/forms/forms.material.colors.scss b/src/scss/forms/forms.material.colors.scss new file mode 100644 index 00000000..15e37d57 --- /dev/null +++ b/src/scss/forms/forms.material.colors.scss @@ -0,0 +1,300 @@ +@import "../core/exports"; +@import "../core/material"; +@import "../page/page.material.colors"; +@import "../input/input.material.colors"; +@import "../slider/slider.material.colors"; +@import "../rating/rating.material.colors"; +@import "../notifications/notifications.material.colors"; + +@mixin mbsc-material-forms($theme, $params) { + @include exports("forms.#{$theme}.colors") { + + @include mbsc-material-page($theme, $params); + @include mbsc-material-input($theme, $params); + @include mbsc-material-slider($theme, $params); + @include mbsc-material-rating($theme, $params); + @include mbsc-material-notifications($theme, $params); + + $background: map-get($params, background); + $text: map-get($params, text); + $accent: map-get($params, accent); + + $colors: mbsc-material-colors($params); + $form-text: map-get($colors, form-text); + $white-text: map-get($colors, white-text); + $dark-text: map-get($colors, dark-text); + $light-text: map-get($colors, light-text); + $error: map-get($colors, error); + $checkbox: map-get($colors, checkbox); + $gray-background: map-get($colors, gray-background); + $button-background: map-get($colors, button-background); + $button-color: map-get($colors, button-color); + $button-active: map-get($colors, button-active); + $input-color: map-get($colors, input-color); + $switch-disabled: map-get($colors, switch-disabled); + $switch: map-get($colors, switch); + + .mbsc-#{$theme} { + &.mbsc-form { + background-color: $background; + color: $form-text; + } + + &.mbsc-form *::-moz-selection, + &.mbsc-form *::selection { + color: $white-text; + background: $accent; + } + + .mbsc-divider, + .mbsc-form-group-title { + color: $accent; + } + + .mbsc-err-msg, + .mbsc-err .mbsc-label { + color: $error; + } + + /* Checkbox, radio */ + .mbsc-checkbox-box, + .mbsc-radio-box { + border: .125em solid $form-text; + } + + + .mbsc-checkbox-box:before, + .mbsc-radio-box:before { + background: rgba(0, 0, 0, .1); + } + + /* Checkbox */ + .mbsc-checkbox-box:after { + border: .125em solid $checkbox; + border-top: 0; + border-right: 0; + } + + .mbsc-checkbox input:checked + .mbsc-checkbox-box { + background: $accent; + border-color: $accent; + } + + /* Radio */ + .mbsc-radio-box:after { + background: $accent; + } + + .mbsc-radio input:checked + .mbsc-radio-box { + border-color: $accent; + } + + /* Button */ + .mbsc-btn { + background: $button-background; + color: $button-color; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25); + } + + &.mbsc-no-touch .mbsc-btn:not(:disabled):hover, + .mbsc-btn.mbsc-active { + background: $button-active; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); + } + + + &.mbsc-no-touch .mbsc-btn-flat:not(:disabled):hover, + .mbsc-btn-flat.mbsc-active { + background-color: $gray-background; + } + + .mbsc-btn:disabled { + color: $input-color; + } + + .mbsc-btn.mbsc-btn-outline:disabled { + color: $input-color; + border-color: $input-color; + } + + .mbsc-btn-light.mbsc-btn { + color: $dark-text; + } + + .mbsc-btn-dark.mbsc-btn { + color: $light-text; + } + + /* Flat buttons */ + .mbsc-btn-flat.mbsc-btn { + background: transparent; + box-shadow: none; + } + + &.mbsc-no-touch .mbsc-btn-flat:not(:disabled):hover, + .mbsc-btn-flat.mbsc-active { + box-shadow: none; + } + + /* Outline buttons */ + .mbsc-btn-outline.mbsc-btn { + background: transparent; + border: 1px solid $form-text; + color: $form-text; + box-shadow: none; + + &.mbsc-active.mbsc-control { + background: $form-text; + color: $background; + opacity: 1; + } + } + + /* Switchteszt */ + .mbsc-switch-track { + background: $gray-background; + } + + .mbsc-switch .mbsc-switch-handle { + background: $switch; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .mbsc-switch input:checked + .mbsc-switch-track { + background-color: rgba($accent, .3); + } + + .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle { + background: $accent; + } + + .mbsc-switch input:disabled + .mbsc-switch-track { + background: $button-background; + } + + .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle { + background: $switch-disabled; + } + + /* Segmented control and Stepper */ + .mbsc-segmented-content { + border: .142858em solid $accent; + color: $button-color; + } + + .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item input:checked ~ .mbsc-segmented-content { + background: $accent; + color: $background; + } + + .mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item .mbsc-active .mbsc-segmented-content { + background: $button-active; + color: $button-color; + } + + .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { + color: $input-color; + border-color: $gray-background; + background: transparent; + } + + .mbsc-segmented .mbsc-segmented-item input:disabled:checked + .mbsc-segmented-content { + background: $button-background; + color: $input-color; + border-color: $button-background; + } + + .mbsc-stepper .mbsc-segmented-content { + border-color: $button-background; + } + + .mbsc-stepper-control .mbsc-segmented-content { + background: $button-background; + } + + .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item.mbsc-disabled .mbsc-segmented-content { + background: $button-background; + color: $input-color; + } + + .mbsc-segmented .mbsc-segmented-item input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val { + background: $background; + } + + .mbsc-stepper input:disabled { + color: $input-color; + -webkit-text-fill-color: $input-color; + } + + &.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content { + background: $button-active; + color: $button-color; + } + + /* Segmented color presets */ + .mbsc-stepper-primary.mbsc-stepper-cont { + .mbsc-stepper .mbsc-segmented-content { + color: $background; + } + + .mbsc-stepper .mbsc-stepper-val { + background: transparent; + } + } + + .mbsc-stepper-secondary.mbsc-stepper-cont { + .mbsc-stepper .mbsc-segmented-content { + color: $background; + } + + .mbsc-stepper .mbsc-stepper-val { + background: transparent; + } + } + + .mbsc-stepper-success.mbsc-stepper-cont { + .mbsc-stepper .mbsc-segmented-content { + color: $background; + } + + .mbsc-stepper .mbsc-stepper-val { + background: transparent; + } + } + + .mbsc-stepper-danger.mbsc-stepper-cont { + .mbsc-stepper .mbsc-segmented-content { + color: $background; + } + + .mbsc-stepper .mbsc-stepper-val { + background: transparent; + } + } + + .mbsc-stepper-warning.mbsc-stepper-cont { + .mbsc-stepper .mbsc-segmented-content { + color: $background; + } + + .mbsc-stepper .mbsc-stepper-val { + background: transparent; + } + } + + .mbsc-stepper-info.mbsc-stepper-cont { + .mbsc-stepper .mbsc-segmented-content { + color: $background; + } + + .mbsc-stepper .mbsc-stepper-val { + background: transparent; + } + } + } + } +} diff --git a/src/scss/forms/forms.material.scss b/src/scss/forms/forms.material.scss new file mode 100644 index 00000000..1744e310 --- /dev/null +++ b/src/scss/forms/forms.material.scss @@ -0,0 +1,975 @@ +@import "../core/exports"; +@import "../collapsible/collapsible.material"; +@import "../page/page.material"; +@import "../input/input.material"; +@import "../slider/slider.material"; +@import "../rating/rating.material"; +@import "../notifications/notifications.material"; +@import "./forms.material.colors"; +@import "../core/material.ripple"; +@import "./forms"; + +@include exports("forms.material") { + .mbsc-material { + .mbsc-desc { + opacity: .7; + } + + .mbsc-divider, + .mbsc-form-group-title { + padding: .5em 1em; + } + + .mbsc-err-msg { + position: absolute; + padding-top: .333334em; + font-size: .75em; + } + + &.mbsc-ltr .mbsc-err-msg { + left: 0; + } + + &.mbsc-rtl .mbsc-err-msg { + right: 0; + } + + /* Form grid */ + + .mbsc-form-grid { + margin-top: .75em; + margin-bottom: .75em; + } + + .mbsc-form-grid .mbsc-input-box, + .mbsc-form-grid .mbsc-input-outline { + margin: .75em 1em; + } + + /* Checkbox, radio */ + &.mbsc-form .mbsc-checkbox, + &.mbsc-form .mbsc-radio { + padding: .9375em 3.5em .9375em 1em; + line-height: 1.25em; + } + + &.mbsc-rtl .mbsc-checkbox, + &.mbsc-rtl .mbsc-radio { + padding: .9375em 1em .9375em 3.5em; + } + + .mbsc-checkbox-box, + .mbsc-radio-box { + right: 1.25em; + width: 1.125em; + height: 1.125em; + margin-top: -.5625em; + background: transparent; + -webkit-transition: background-color .1s ease-out; + transition: background-color .1s ease-out; + } + + &.mbsc-rtl .mbsc-checkbox-box, + &.mbsc-rtl .mbsc-radio-box { + right: auto; + left: 1.25em; + } + + .mbsc-checkbox-box:after, + .mbsc-radio-box:after { + opacity: 1; + -webkit-transform: scale(0) rotate(-45deg); + transform: scale(0) rotate(-45deg); + -webkit-transition: -webkit-transform .1s ease-out; + transition: transform .1s ease-out; + } + + .mbsc-checkbox input:checked + .mbsc-checkbox-box:after, + .mbsc-radio input:checked + .mbsc-radio-box:after { + -webkit-transform: scale(1) rotate(-45deg); + transform: scale(1) rotate(-45deg); + } + + .mbsc-checkbox-box:before, + .mbsc-radio-box:before { + content: ''; + position: absolute; + top: -1em; + left: -1em; + z-index: -1; + width: 2.875em; + height: 2.875em; + opacity: 0; + border-radius: 2.875em; + -webkit-transition: opacity .2s ease-in-out; + transition: opacity .2s ease-in-out; + } + + .mbsc-checkbox input:disabled + .mbsc-checkbox-box, + .mbsc-checkbox input:disabled ~ .mbsc-label, + .mbsc-checkbox input:disabled ~ .mbsc-desc, + .mbsc-radio input:disabled + .mbsc-radio-box, + .mbsc-radio input:disabled ~ .mbsc-label, + .mbsc-radio input:disabled ~ .mbsc-desc, + .mbsc-switch input:disabled ~ .mbsc-label, + .mbsc-switch input:disabled ~ .mbsc-desc { + opacity: .3; + } + + .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:before, + .mbsc-radio input.mbsc-active + .mbsc-radio-box:before, + .mbsc-switch input.mbsc-active + .mbsc-switch-track .mbsc-switch-handle:before { + opacity: 1; + } + + /* Checkbox */ + .mbsc-checkbox-box { + border-radius: .1875em; + } + + .mbsc-checkbox-box:after { + top: .125em; + left: .0625em; + width: .8125em; + height: .4375em; + } + + /* Checkbox color presets */ + .mbsc-checkbox-primary.mbsc-checkbox { + input:checked + .mbsc-checkbox-box { + background: $mbsc-material-primary; + border-color: $mbsc-material-primary; + } + } + + .mbsc-checkbox-secondary.mbsc-checkbox { + input:checked .mbsc-checkbox-box { + background: $mbsc-material-secondary; + border-color: $mbsc-material-secondary; + } + } + + .mbsc-checkbox-success.mbsc-checkbox { + input:checked + .mbsc-checkbox-box { + background: $mbsc-material-success; + border-color: $mbsc-material-success; + } + } + + .mbsc-checkbox-danger.mbsc-checkbox { + input:checked + .mbsc-checkbox-box { + background: $mbsc-material-danger; + border-color: $mbsc-material-danger; + } + } + + .mbsc-checkbox-warning.mbsc-checkbox { + input:checked + .mbsc-checkbox-box { + background: $mbsc-material-warning; + border-color: $mbsc-material-warning; + } + } + + .mbsc-checkbox-info.mbsc-checkbox { + input:checked + .mbsc-checkbox-box { + background: $mbsc-material-info; + border-color: $mbsc-material-info; + } + } + + /* Radio */ + .mbsc-radio-box:after { + width: .625em; + height: .625em; + margin-top: -.3125em; + margin-left: -.3125em; + border-radius: .625em; + } + + /* Radio color presets */ + .mbsc-radio-primary.mbsc-radio input:checked { + + .mbsc-radio-box { + border-color: $mbsc-material-primary; + } + + + .mbsc-radio-box:after { + background: $mbsc-material-primary; + } + } + + .mbsc-radio-secondary.mbsc-radio input:checked { + + .mbsc-radio-box { + border-color: $mbsc-material-secondary; + } + + + .mbsc-radio-box:after { + background: $mbsc-material-secondary; + } + } + + .mbsc-radio-success.mbsc-radio input:checked { + + .mbsc-radio-box { + border-color: $mbsc-material-success; + } + + + .mbsc-radio-box:after { + background: $mbsc-material-success; + } + } + + .mbsc-radio-danger.mbsc-radio input:checked { + + .mbsc-radio-box { + border-color: $mbsc-material-danger; + } + + + .mbsc-radio-box:after { + background: $mbsc-material-danger; + } + } + + .mbsc-radio-warning.mbsc-radio input:checked { + + .mbsc-radio-box { + border-color: $mbsc-material-warning; + } + + + .mbsc-radio-box:after { + background: $mbsc-material-warning; + } + } + + .mbsc-radio-info.mbsc-radio input:checked { + + .mbsc-radio-box { + border-color: $mbsc-material-info; + } + + + .mbsc-radio-box:after { + background: $mbsc-material-info; + } + } + + /* Button */ + .mbsc-btn { + margin: .5em; + padding: .7143em; + border-radius: .2143em; + font-size: .875em; + font-weight: bold; + text-transform: uppercase; + transition: box-shadow .2s ease-out, background-color .2s ease-out; + } + + .mbsc-btn-ic { + padding: 0 .5em 0 0; + } + + .mbsc-btn-icon-only .mbsc-btn-ic { + padding: 0 .5em; + } + + .mbsc-btn-group, + .mbsc-btn-group-justified { + margin: .5em; + } + + .mbsc-btn-group-block { + margin: .5em 1em; + } + + .mbsc-btn:disabled { + box-shadow: none; + } + + /* Button color presets */ + .mbsc-btn-primary.mbsc-btn { + background: $mbsc-material-primary; + color: $mbsc-material-light; + + &.mbsc-active { + background: darken($mbsc-material-primary, 10%); + } + + &.mbsc-btn-flat { + color: $mbsc-material-primary; + + &.mbsc-active { + background: rgba($mbsc-material-primary, .3); + } + } + } + + .mbsc-btn-secondary.mbsc-btn { + background: $mbsc-material-secondary; + color: $mbsc-material-light; + + &.mbsc-active { + background: darken($mbsc-material-secondary, 10%); + } + + &.mbsc-btn-flat { + color: $mbsc-material-secondary; + + &.mbsc-active { + background: rgba($mbsc-material-secondary, .3); + } + } + } + + .mbsc-btn-success.mbsc-btn { + background: $mbsc-material-success; + color: $mbsc-material-light; + + &.mbsc-active { + background: darken($mbsc-material-success, 10%); + } + + &.mbsc-btn-flat { + color: $mbsc-material-success; + + &.mbsc-active { + background: rgba($mbsc-material-success, .3); + } + } + } + + .mbsc-btn-danger.mbsc-btn { + background: $mbsc-material-danger; + color: $mbsc-material-light; + + &.mbsc-active { + background: darken($mbsc-material-danger, 10%); + } + + &.mbsc-btn-flat { + color: $mbsc-material-danger; + + &.mbsc-active { + background: rgba($mbsc-material-danger, .3); + } + } + } + + .mbsc-btn-warning.mbsc-btn { + background: $mbsc-material-warning; + color: $mbsc-material-light; + + &.mbsc-active { + background: darken($mbsc-material-warning, 10%); + } + + &.mbsc-btn-flat { + color: $mbsc-material-warning; + + &.mbsc-active { + background: rgba($mbsc-material-warning, .3); + } + } + } + + .mbsc-btn-info.mbsc-btn { + background: $mbsc-material-info; + color: $mbsc-material-light; + + &.mbsc-active { + background: darken($mbsc-material-info, 10%); + } + + &.mbsc-btn-flat { + color: $mbsc-material-info; + + &.mbsc-active { + background: rgba($mbsc-material-info, .3); + } + } + } + + .mbsc-btn-light.mbsc-btn { + background: $mbsc-material-light; + + &.mbsc-active { + background: darken($mbsc-material-light, 10%); + } + + &.mbsc-btn-flat { + color: darken($mbsc-material-light, 25%); + + &.mbsc-active { + background: rgba($mbsc-material-light, .25); + } + } + } + + .mbsc-btn-dark.mbsc-btn { + background: $mbsc-material-dark; + + &.mbsc-active { + background: darken($mbsc-material-dark, 10%); + } + + &.mbsc-btn-flat { + color: $mbsc-material-dark; + + &.mbsc-active { + background: rgba($mbsc-material-dark, .3); + } + } + } + + /* Outline buttons */ + .mbsc-btn-outline.mbsc-btn { + box-shadow: none; + } + + /* Outline buttons */ + .mbsc-btn-outline.mbsc-btn { + &.mbsc-btn-primary { + border-color: $mbsc-material-primary; + color: $mbsc-material-primary; + + &.mbsc-active { + background: $mbsc-material-primary; + color: $mbsc-material-light; + } + } + + &.mbsc-btn-secondary { + border-color: $mbsc-material-secondary; + color: $mbsc-material-secondary; + + &.mbsc-active { + background: $mbsc-material-secondary; + color: $mbsc-material-light; + } + } + + &.mbsc-btn-success { + border-color: $mbsc-material-success; + color: $mbsc-material-success; + + &.mbsc-active { + background: $mbsc-material-success; + color: $mbsc-material-light; + } + } + + &.mbsc-btn-danger { + border-color: $mbsc-material-danger; + color: $mbsc-material-danger; + + &.mbsc-active { + background: $mbsc-material-danger; + color: $mbsc-material-light; + } + } + + &.mbsc-btn-warning { + border-color: $mbsc-material-warning; + color: $mbsc-material-warning; + + &.mbsc-active { + background: $mbsc-material-warning; + color: $mbsc-material-light; + } + } + + &.mbsc-btn-info { + border-color: $mbsc-material-info; + color: $mbsc-material-info; + + &.mbsc-active { + background: $mbsc-material-info; + color: $mbsc-material-light; + } + } + + &.mbsc-btn-light { + border-color: darken($mbsc-material-light, 25%); + color: darken($mbsc-material-light, 25%); + + &.mbsc-active { + background: darken($mbsc-material-light, 25%); + color: darken($mbsc-material-light, 25%); + } + } + + &.mbsc-btn-dark { + border-color: $mbsc-material-dark; + color: $mbsc-material-dark; + + &.mbsc-active { + background: $mbsc-material-dark; + color: $mbsc-material-light; + } + } + } + + /* button hover style */ + &.mbsc-no-touch { + .mbsc-btn-outline.mbsc-btn:not(:disabled):hover { + box-shadow: none; + } + + .mbsc-btn-primary.mbsc-btn { + &:not(:disabled):hover { + background: darken($mbsc-material-primary, 10%); + + &.mbsc-btn-flat { + background: lighten($mbsc-material-primary, 25%); + } + } + } + + .mbsc-btn-secondary.mbsc-btn { + &:not(:disabled):hover { + background: darken($mbsc-material-secondary, 10%); + + &.mbsc-btn-flat { + background: lighten($mbsc-material-secondary, 25%); + } + } + } + + .mbsc-btn-success.mbsc-btn { + &:not(:disabled):hover { + background: darken($mbsc-material-success, 10%); + + &.mbsc-btn-flat { + background: lighten($mbsc-material-success, 25%); + } + } + } + + .mbsc-btn-danger.mbsc-btn { + &:not(:disabled):hover { + background: darken($mbsc-material-danger, 10%); + + &.mbsc-btn-flat { + background: lighten($mbsc-material-danger, 25%); + } + } + } + + .mbsc-btn-warning.mbsc-btn { + &:not(:disabled):hover { + background: darken($mbsc-material-warning, 10%); + + &.mbsc-btn-flat { + background: lighten($mbsc-material-warning, 25%); + } + } + } + + .mbsc-btn-info.mbsc-btn { + &:not(:disabled):hover { + background: darken($mbsc-material-info, 10%); + + &.mbsc-btn-flat { + background: lighten($mbsc-material-info, 25%); + } + } + } + + .mbsc-btn-light.mbsc-btn { + &:not(:disabled):hover { + background: darken($mbsc-material-light, 10%); + + &.mbsc-btn-flat { + background: lighten($mbsc-material-light, 25%); + } + } + } + + .mbsc-btn-dark.mbsc-btn { + &.mbsc-btn:not(:disabled):hover { + background: darken($mbsc-material-dark, 10%); + + &.mbsc-btn-flat { + background: lighten($mbsc-material-dark, 25%); + } + } + } + + .mbsc-btn-outline.mbsc-btn { + &:not(:disabled):not(.mbsc-active):hover { + background: transparent; + } + } + } + + &.mbsc-active.mbsc-control { + opacity: 1; + } + + /* Switch */ + &.mbsc-form .mbsc-switch { + padding: .9375em 4em .9375em 1em; + line-height: 1.25em; + } + + &.mbsc-rtl .mbsc-switch { + padding: .9375em 1em .9375em 4em; + } + + .mbsc-switch-track { + right: 1.25em; + width: 1.75em; + height: .875em; + padding: 0 .25em; + margin-top: -.4375em; + border-radius: 1.25em; + } + + &.mbsc-rtl .mbsc-switch-track { + right: auto; + left: 1.25em; + } + + .mbsc-switch .mbsc-switch-handle { + z-index: auto; + top: .375em; + left: .375em; + width: 1.25em; + height: 1.25em; + margin: 0; + border: 0; + border-radius: 1.25em; + } + + &.mbsc-rtl .mbsc-switch .mbsc-switch-handle { + left: auto; + right: .375em; + } + + .mbsc-switch-handle:before { + top: -.625em; + left: -.625em; + width: 2.5em; + height: 2.5em; + } + + .mbsc-switch-handle, + .mbsc-active .mbsc-switch-handle { + -webkit-transform: none; + transform: none; + } + + /* Switch color presets */ + .mbsc-switch.mbsc-switch-primary input:checked { + + .mbsc-switch-track { + background: lighten($mbsc-material-primary, 20%); + } + + + .mbsc-switch-track .mbsc-switch-handle { + background: $mbsc-material-primary; + } + } + + .mbsc-switch.mbsc-switch-secondary input:checked { + + .mbsc-switch-track { + background: lighten($mbsc-material-secondary, 20%); + } + + + .mbsc-switch-track .mbsc-switch-handle { + background: $mbsc-material-secondary; + } + } + + .mbsc-switch.mbsc-switch-success input:checked { + + .mbsc-switch-track { + background: lighten($mbsc-material-success, 20%); + } + + + .mbsc-switch-track .mbsc-switch-handle { + background: $mbsc-material-success; + } + } + + .mbsc-switch.mbsc-switch-danger input:checked { + + .mbsc-switch-track { + background: lighten($mbsc-material-danger, 20%); + } + + + .mbsc-switch-track .mbsc-switch-handle { + background: $mbsc-material-danger; + } + } + + .mbsc-switch.mbsc-switch-warning input:checked { + + .mbsc-switch-track { + background: lighten($mbsc-material-warning, 20%); + } + + + .mbsc-switch-track .mbsc-switch-handle { + background: $mbsc-material-warning; + } + } + + .mbsc-switch.mbsc-switch-info input:checked { + + .mbsc-switch-track { + background: lighten($mbsc-material-info, 20%); + } + + + .mbsc-switch-track .mbsc-switch-handle { + background: $mbsc-material-info; + } + } + + /* Segmented control and Stepper */ + .mbsc-segmented { + padding: .75em; + } + + .mbsc-segmented-content { + height: 2.2857145em; + margin: 0 -.07142857em; + line-height: 2.2857145em; + padding: 0 .428571em; + text-transform: capitalize; + -webkit-backface-visibility: hidden; + /* fix android 4.1 flickering */ + } + + &.mbsc-ltr .mbsc-segmented-item:first-child .mbsc-segmented-content, + &.mbsc-ltr .mbsc-stepper-minus .mbsc-segmented-content, + &.mbsc-rtl .mbsc-stepper-plus .mbsc-segmented-content, + &.mbsc-rtl .mbsc-segmented-item:last-child .mbsc-segmented-content { + border-top-left-radius: .214286em; + border-bottom-left-radius: .214286em; + } + + &.mbsc-ltr .mbsc-stepper-plus .mbsc-segmented-content, + &.mbsc-ltr .mbsc-segmented-item:last-child .mbsc-segmented-content, + &.mbsc-rtl .mbsc-segmented-item:first-child .mbsc-segmented-content, + &.mbsc-rtl .mbsc-stepper-minus .mbsc-segmented-content { + border-top-right-radius: .214286em; + border-bottom-right-radius: .214286em; + } + + .mbsc-stepper-cont { + padding: 1.75em 12.875em 1.75em 1em; + } + + &.mbsc-rtl .mbsc-stepper-cont { + padding: 1.75em 1em 1.75em 12.875em; + } + + .mbsc-stepper { + margin-top: -1.125em; + } + + .mbsc-stepper .mbsc-segmented-content { + border-left: 0; + border-right: 0; + } + + .mbsc-stepper-control .mbsc-segmented-content { + border: 0; + height: 2.5714285em; + line-height: 2.5714285em; + } + + /* Segmented color presets */ + .mbsc-segmented-primary { + &.mbsc-segmented-item input:checked + .mbsc-segmented-content { + background: $mbsc-material-primary; + } + } + + .mbsc-segmented-secondary { + .mbsc-segmented-content { + border-color: $mbsc-material-secondary; + color: $mbsc-material-secondary; + } + + &.mbsc-segmented-item input:checked + .mbsc-segmented-content { + background: $mbsc-material-secondary; + } + } + + .mbsc-segmented-success { + .mbsc-segmented-content { + border-color: $mbsc-material-success; + color: $mbsc-material-success; + } + + &.mbsc-segmented-item input:checked + .mbsc-segmented-content { + background: $mbsc-material-success; + } + } + + .mbsc-segmented-danger { + .mbsc-segmented-content { + border-color: $mbsc-material-danger; + color: $mbsc-material-danger; + } + + &.mbsc-segmented-item input:checked + .mbsc-segmented-content { + background: $mbsc-material-danger; + } + } + + .mbsc-segmented-warning { + .mbsc-segmented-content { + border-color: $mbsc-material-warning; + color: $mbsc-material-warning; + } + + &.mbsc-segmented-item input:checked + .mbsc-segmented-content { + background: $mbsc-material-warning; + } + } + + .mbsc-segmented-info { + .mbsc-segmented-content { + border-color: $mbsc-material-info; + color: $mbsc-material-info; + } + + &.mbsc-segmented-item input:checked + .mbsc-segmented-content { + background: $mbsc-material-info; + } + } + + /* Segmented color presets */ + .mbsc-segmented { + .mbsc-segmented-primary { + .mbsc-segmented-content { + border-color: $mbsc-material-primary; + color: $mbsc-material-primary; + } + + &.mbsc-segmented-item input:checked + .mbsc-segmented-content { + background: $mbsc-material-primary; + } + } + + .mbsc-segmented-secondary { + .mbsc-segmented-content { + border-color: $mbsc-material-secondary; + color: $mbsc-material-secondary; + } + + &.mbsc-segmented-item input:checked + .mbsc-segmented-content { + background: $mbsc-material-secondary; + } + } + + .mbsc-segmented-success { + .mbsc-segmented-content { + border-color: $mbsc-material-success; + color: $mbsc-material-success; + } + + &.mbsc-segmented-item input:checked + .mbsc-segmented-content { + background: $mbsc-material-success; + } + } + + .mbsc-segmented-danger { + .mbsc-segmented-content { + border-color: $mbsc-material-danger; + color: $mbsc-material-danger; + } + + &.mbsc-segmented-item input:checked + .mbsc-segmented-content { + background: $mbsc-material-danger; + } + } + + .mbsc-segmented-warning { + .mbsc-segmented-content { + border-color: $mbsc-material-warning; + color: $mbsc-material-warning; + } + + &.mbsc-segmented-item input:checked + .mbsc-segmented-content { + background: $mbsc-material-warning; + } + } + + .mbsc-segmented-info { + .mbsc-segmented-content { + border-color: $mbsc-material-info; + color: $mbsc-material-info; + } + + &.mbsc-segmented-item input:checked + .mbsc-segmented-content { + background: $mbsc-material-info; + } + } + } + + /* Segmented color presets */ + .mbsc-stepper-primary.mbsc-stepper-cont { + .mbsc-stepper .mbsc-segmented-content { + background: $mbsc-material-primary; + border-color: $mbsc-material-primary; + } + } + + .mbsc-stepper-secondary.mbsc-stepper-cont { + .mbsc-stepper .mbsc-segmented-content { + background: $mbsc-material-secondary; + border-color: $mbsc-material-secondary; + } + } + + .mbsc-stepper-success.mbsc-stepper-cont { + .mbsc-stepper .mbsc-segmented-content { + background: $mbsc-material-success; + border-color: $mbsc-material-success; + } + } + + .mbsc-stepper-danger.mbsc-stepper-cont { + .mbsc-stepper .mbsc-segmented-content { + background: $mbsc-material-danger; + border-color: $mbsc-material-danger; + } + } + + .mbsc-stepper-warning.mbsc-stepper-cont { + .mbsc-stepper .mbsc-segmented-content { + background: $mbsc-material-warning; + border-color: $mbsc-material-warning; + } + } + + .mbsc-stepper-info.mbsc-stepper-cont { + .mbsc-stepper .mbsc-segmented-content { + background: $mbsc-material-info; + color: $mbsc-material-light; + border-color: $mbsc-material-info; + } + } + + &.mbsc-no-touch { + + /* Segmented hover color presets */ + .mbsc-stepper-primary.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-material-primary, .7); + } + + .mbsc-stepper-secondary.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-material-secondary, .7); + } + + .mbsc-stepper-success.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-material-success, .7); + } + + .mbsc-stepper-danger.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-material-danger, .7); + } + + .mbsc-stepper-warning.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-material-warning, .7); + } + + .mbsc-stepper-info.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-material-info, .7); + } + } + } + + @include mbsc-material-forms(material, (background: $mbsc-material-background, text: $mbsc-material-text, accent: $mbsc-material-accent)); +} diff --git a/src/scss/forms/forms.mobiscroll.colors.scss b/src/scss/forms/forms.mobiscroll.colors.scss new file mode 100644 index 00000000..7e97059f --- /dev/null +++ b/src/scss/forms/forms.mobiscroll.colors.scss @@ -0,0 +1,229 @@ +@import "../core/exports"; +@import "../core/mobiscroll"; +@import "../page/page.mobiscroll.colors"; +@import "../input/input.mobiscroll.colors"; +@import "../slider/slider.mobiscroll.colors"; +@import "../rating/rating.mobiscroll.colors"; +@import "../notifications/notifications.mobiscroll.colors"; + +@mixin mbsc-mobiscroll-forms($theme, $params) { + @include exports("forms.#{$theme}.colors") { + + @include mbsc-mobiscroll-page($theme, $params); + @include mbsc-mobiscroll-input($theme, $params); + @include mbsc-mobiscroll-slider($theme, $params); + @include mbsc-mobiscroll-rating($theme, $params); + @include mbsc-mobiscroll-notifications($theme, $params); + + $background: map-get($params, background); + $text: map-get($params, text); + $accent: map-get($params, accent); + + $colors: mbsc-mobiscroll-colors($params); + $input-disabled: map-get($colors, input-disabled); + $btn-light: map-get($colors, btn-light); + $btn-disabled: map-get($colors, btn-disabled); + $switch: map-get($colors, switch); + $checked: map-get($colors, checked); + $handle: map-get($colors, handle); + $mbsc-mobiscroll-dark-text: map-get($colors, dark-text); + $white-text: map-get($colors, light); + $error: map-get($colors, error); + $checkbox: map-get($colors, checkbox); + + .mbsc-#{$theme} { + &.mbsc-form { + background: $background; + color: $text; + } + + &.mbsc-form *::-moz-selection { + color: $white-text; + background: $accent; + } + + &.mbsc-form *::selection { + color: $white-text; + background: $accent; + } + + .mbsc-divider, + .mbsc-form-group-title { + background: $background; + color: $accent; + } + + .mbsc-err-msg, + .mbsc-err .mbsc-label { + color: $error; + } + + /* Form grid */ + .mbsc-checkbox-box { + background: $accent; + } + + .mbsc-checkbox-box:after { + border-bottom: .125em solid $checkbox; + border-left: .125em solid $checkbox; + } + + .mbsc-checkbox input:disabled + .mbsc-checkbox-box { + background: $input-disabled; + } + + /* Radio */ + .mbsc-radio-box { + border: .125em solid $accent; + } + + .mbsc-radio-box:after { + background: $accent; + } + + .mbsc-radio input:checked + .mbsc-radio-box { + background: transparent; + } + + .mbsc-radio input:disabled + .mbsc-radio-box { + border-color: $input-disabled; + } + + .mbsc-radio input:disabled + .mbsc-radio-box:after { + background: $input-disabled; + } + + /* Buttons */ + .mbsc-btn { + background: $accent; + color: $btn-light; + } + + .mbsc-btn:disabled { + background: $btn-disabled; + } + + &.mbsc-no-touch .mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover { + background: rgba($background, .1); + } + + .mbsc-btn-flat { + background: transparent; + color: $accent; + border-color: transparent; + } + + .mbsc-btn-flat.mbsc-btn.mbsc-active { + background: rgba(78, 204, 196, .3) + } + + .mbsc-btn-flat:disabled { + color: $switch; + background: transparent; + } + + .mbsc-btn-light.mbsc-btn { + color: $mbsc-mobiscroll-dark-text; + } + + /* Outline buttons */ + .mbsc-btn-outline.mbsc-btn { + border: 1px solid $accent; + color: $accent; + + &.mbsc-active { + background: $accent; + color: $background; + } + + &.mbsc-btn-primary.mbsc-active, + &.mbsc-btn-secondary.mbsc-active, + &.mbsc-btn-success.mbsc-active, + &.mbsc-btn-danger.mbsc-active, + &.mbsc-btn-warning.mbsc-active, + &.mbsc-btn-info.mbsc-active, + &.mbsc-btn-dark.mbsc-active { + color: $background; + } + } + + .mbsc-btn.mbsc-btn-outline:disabled { + color: $btn-disabled; + border-color: $btn-disabled; + background: transparent; + } + + /* Switch */ + .mbsc-switch-track { + background: $btn-disabled; + } + + .mbsc-switch-handle { + background: $switch; + } + + .mbsc-switch input:checked + .mbsc-switch-track { + background: $checked; + } + + .mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle { + background: $accent; + } + + .mbsc-switch input:disabled + .mbsc-switch-track { + background: $input-disabled; + } + + .mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle { + background: $handle; + } + + /* Stepper and Segmented */ + .mbsc-segmented-content { + border: .142857em solid $accent; + color: $accent; + } + + .mbsc-stepper input { + color: $text; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content { + background: $accent; + color: $background; + } + + .mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { + background: rgba($accent, .3); + } + + .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { + color: $input-disabled; + border-color: $input-disabled; + } + + .mbsc-stepper input:disabled { + color: $input-disabled; + -webkit-text-fill-color: $input-disabled; + } + + .mbsc-segmented input:disabled:checked + .mbsc-segmented-content { + border-color: $btn-disabled; + background: $btn-disabled; + color: $btn-light; + } + + .mbsc-stepper .mbsc-active.mbsc-disabled .mbsc-segmented-content { + background: transparent; + color: $input-disabled; + } + + &.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($accent, .1) + } + } + } +} diff --git a/src/scss/forms/forms.mobiscroll.scss b/src/scss/forms/forms.mobiscroll.scss new file mode 100644 index 00000000..79eccc92 --- /dev/null +++ b/src/scss/forms/forms.mobiscroll.scss @@ -0,0 +1,851 @@ +@import "../core/exports"; +@import "../collapsible/collapsible.mobiscroll"; +@import "../page/page.mobiscroll"; +@import "../input/input.mobiscroll"; +@import "../slider/slider.mobiscroll"; +@import "../rating/rating.mobiscroll"; +@import "../notifications/notifications.mobiscroll"; +@import "./forms.mobiscroll.colors"; +@import "./forms"; + +@include exports("forms.mobiscroll") { + .mbsc-mobiscroll { + + .mbsc-divider, + + .mbsc-form-group-title { + padding: .5em 1em; + } + + .mbsc-err-msg { + position: absolute; + padding-top: .333334em; + font-size: .75em; + } + + /* Form grid */ + + .mbsc-form-grid { + margin-top: .75em; + margin-bottom: .75em; + } + + .mbsc-form-grid .mbsc-input-box, + .mbsc-form-grid .mbsc-input-outline { + margin: .75em 1em; + } + + /* Checkbox */ + &.mbsc-form .mbsc-checkbox { + padding: 1em 3.125em 1em 1em; + } + + &.mbsc-form.mbsc-rtl .mbsc-checkbox { + padding: 1em 1em 1em 3.125em; + } + + .mbsc-checkbox-box { + margin-top: -.5625em; + width: 1.125em; + height: 1.125em; + right: 1em; + } + + &.mbsc-rtl .mbsc-checkbox-box { + right: auto; + left: 1em; + } + + .mbsc-checkbox-box:after { + top: 0.25em; + left: .185em; + width: .8125em; + height: .4375em; + } + + /* Checkbox color presets */ + .mbsc-checkbox-primary .mbsc-checkbox-box { + background: $mbsc-mobiscroll-primary; + } + + .mbsc-checkbox-secondary .mbsc-checkbox-box { + background: $mbsc-mobiscroll-secondary; + } + + .mbsc-checkbox-success .mbsc-checkbox-box { + background: $mbsc-mobiscroll-success; + } + + .mbsc-checkbox-danger .mbsc-checkbox-box { + background: $mbsc-mobiscroll-danger; + } + + .mbsc-checkbox-warning .mbsc-checkbox-box { + background: $mbsc-mobiscroll-warning; + } + + .mbsc-checkbox-info .mbsc-checkbox-box { + background: $mbsc-mobiscroll-info; + } + + /* Radio */ + .mbsc-radio { + padding: 1em 3.125em 1em 1em; + } + + &.mbsc-rtl .mbsc-radio { + padding: 1em 1em 1em 3.125em; + } + + .mbsc-radio-box { + right: 1em; + width: 1.125em; + height: 1.125em; + margin-top: -.5625em; + background: transparent; + } + + &.mbsc-rtl .mbsc-radio-box { + right: auto; + left: 1em; + } + + .mbsc-radio-box:after { + width: .5em; + height: .5em; + margin-top: -.25em; + margin-left: -.25em; + border-radius: .625em; + } + + .mbsc-radio input:checked + .mbsc-radio-box { + background: transparent; + } + + /* Radio color presets */ + .mbsc-radio-primary { + .mbsc-radio-box { + border-color: $mbsc-mobiscroll-primary; + } + + .mbsc-radio-box:after { + background: $mbsc-mobiscroll-primary; + } + } + + .mbsc-radio-secondary { + .mbsc-radio-box { + border-color: $mbsc-mobiscroll-secondary; + } + + .mbsc-radio-box:after { + background: $mbsc-mobiscroll-secondary; + } + } + + .mbsc-radio-success { + .mbsc-radio-box { + border-color: $mbsc-mobiscroll-success; + } + + .mbsc-radio-box:after { + background: $mbsc-mobiscroll-success; + } + } + + .mbsc-radio-danger { + .mbsc-radio-box { + border-color: $mbsc-mobiscroll-danger; + } + + .mbsc-radio-box:after { + background: $mbsc-mobiscroll-danger; + } + } + + .mbsc-radio-warning { + .mbsc-radio-box { + border-color: $mbsc-mobiscroll-warning; + } + + .mbsc-radio-box:after { + background: $mbsc-mobiscroll-warning; + } + } + + .mbsc-radio-info { + .mbsc-radio-box { + border-color: $mbsc-mobiscroll-info; + } + + .mbsc-radio-box:after { + background: $mbsc-mobiscroll-info; + } + } + + /* Checkbox, Switch, Radio */ + .mbsc-checkbox input:disabled ~ .mbsc-label, + .mbsc-checkbox input:disabled ~ .mbsc-desc, + .mbsc-radio input:disabled ~ .mbsc-label, + .mbsc-radio input:disabled ~ .mbsc-desc, + .mbsc-switch input:disabled ~ .mbsc-label, + .mbsc-switch input:disabled ~ .mbsc-desc { + opacity: .4; + } + + .mbsc-checkbox-box:after, + .mbsc-radio-box:after { + opacity: 1; + -webkit-transform: scale(0) rotate(-45deg); + transform: scale(0) rotate(-45deg); + transition: transform .1s ease-out; + } + + .mbsc-checkbox input:checked + .mbsc-checkbox-box:after, + .mbsc-radio input:checked + .mbsc-radio-box:after { + opacity: 1; + -webkit-transform: scale(1) rotate(-45deg); + transform: scale(1) rotate(-45deg); + } + + /* Buttons */ + .mbsc-btn { + margin: .5em; + padding: .6875em; + font-size: 1em; + text-transform: uppercase; + } + + .mbsc-btn-ic { + padding-right: .6875em; + } + + .mbsc-btn-icon-only .mbsc-btn-ic { + padding: 0 .5em; + } + + &.mbsc-no-touch .mbsc-btn:not(:disabled):not(.mbsc-active):hover { + opacity: .8; + } + + .mbsc-btn.mbsc-active { + opacity: .6; + } + + &.mbsc-no-touch .mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover { + opacity: 1; + } + + .mbsc-btn-flat { + background: transparent; + border-color: transparent; + } + + .mbsc-btn-flat.mbsc-btn.mbsc-active { + opacity: 1; + } + + .mbsc-btn-flat:disabled { + background: transparent; + } + + /* Button color presets */ + .mbsc-btn-primary.mbsc-btn { + background: $mbsc-mobiscroll-primary; + + &.mbsc-btn-flat { + color: $mbsc-mobiscroll-primary; + + &:not(:disabled):not(.mbsc-active):hover { + background: rgba($mbsc-mobiscroll-primary, .2); + } + + &.mbsc-active { + background: rgba($mbsc-mobiscroll-primary, .3); + } + } + } + + .mbsc-btn-secondary.mbsc-btn { + background: $mbsc-mobiscroll-secondary; + + &.mbsc-btn-flat { + color: $mbsc-mobiscroll-secondary; + + &:not(:disabled):not(.mbsc-active):hover { + background: rgba($mbsc-mobiscroll-secondary, .2); + } + + &.mbsc-active { + background: rgba($mbsc-mobiscroll-secondary, .3); + } + } + } + + .mbsc-btn-success.mbsc-btn { + background: $mbsc-mobiscroll-success; + + &.mbsc-btn-flat { + color: $mbsc-mobiscroll-success; + + &:not(:disabled):not(.mbsc-active):hover { + background: rgba($mbsc-mobiscroll-success, .2); + } + + &.mbsc-active { + background: rgba($mbsc-mobiscroll-success, .3); + } + } + } + + .mbsc-btn-danger.mbsc-btn { + background: $mbsc-mobiscroll-danger; + + &.mbsc-btn-flat { + color: $mbsc-mobiscroll-danger; + + &:not(:disabled):not(.mbsc-active):hover { + background: rgba($mbsc-mobiscroll-danger, .2); + } + + &.mbsc-active { + background: rgba($mbsc-mobiscroll-danger, .3); + } + } + } + + .mbsc-btn-warning.mbsc-btn { + background: $mbsc-mobiscroll-warning; + + &.mbsc-btn-flat { + color: $mbsc-mobiscroll-warning; + + &:not(:disabled):not(.mbsc-active):hover { + background: rgba($mbsc-mobiscroll-warning, .2); + } + + &.mbsc-active { + background: rgba($mbsc-mobiscroll-warning, .3); + } + } + } + + .mbsc-btn-info.mbsc-btn { + background: $mbsc-mobiscroll-info; + + &.mbsc-btn-flat { + color: $mbsc-mobiscroll-info; + + &:not(:disabled):not(.mbsc-active):hover { + background: rgba($mbsc-mobiscroll-info, .2); + } + + &.mbsc-active { + background: rgba($mbsc-mobiscroll-info, .3); + } + } + } + + .mbsc-btn-light.mbsc-btn { + background: $mbsc-mobiscroll-light; + + &.mbsc-btn-flat { + color: darken($mbsc-mobiscroll-light, 25%); + + &:not(:disabled):not(.mbsc-active):hover { + color: darken($mbsc-mobiscroll-light, 25%); + background: rgba(darken($mbsc-mobiscroll-light, 25%), .2); + } + + &.mbsc-active { + background: rgba(darken($mbsc-mobiscroll-light, 25%), .3); + } + } + } + + .mbsc-btn-dark.mbsc-btn { + background: $mbsc-mobiscroll-dark; + + &.mbsc-btn-flat { + color: $mbsc-mobiscroll-dark; + + &:not(:disabled):not(.mbsc-active):hover { + background: rgba($mbsc-mobiscroll-dark, .2); + } + + &.mbsc-active { + background: rgba($mbsc-mobiscroll-dark, .3); + } + } + } + + .mbsc-btn-flat.mbsc-btn, + .mbsc-btn-outline.mbsc-btn { + background: transparent; + } + + .mbsc-btn-group, + .mbsc-btn-group-justified { + margin: .5em; + } + + .mbsc-btn-group-block { + margin: .5em 1em; + } + + /* Outline buttons */ + .mbsc-btn-outline.mbsc-btn.mbsc-active { + opacity: 1; + } + + /* Outline buttons */ + .mbsc-btn-outline.mbsc-btn { + &.mbsc-btn-primary { + border-color: $mbsc-mobiscroll-primary; + color: $mbsc-mobiscroll-primary; + + &.mbsc-active { + background: $mbsc-mobiscroll-primary; + } + } + + &.mbsc-btn-secondary { + border-color: $mbsc-mobiscroll-secondary; + color: $mbsc-mobiscroll-secondary; + + &.mbsc-active { + background: $mbsc-mobiscroll-secondary; + } + } + + &.mbsc-btn-success { + border-color: $mbsc-mobiscroll-success; + color: $mbsc-mobiscroll-success; + + &.mbsc-active { + background: $mbsc-mobiscroll-success; + } + } + + &.mbsc-btn-danger { + border-color: $mbsc-mobiscroll-danger; + color: $mbsc-mobiscroll-danger; + + &.mbsc-active { + background: $mbsc-mobiscroll-danger; + } + } + + &.mbsc-btn-warning { + border-color: $mbsc-mobiscroll-warning; + color: $mbsc-mobiscroll-warning; + + &.mbsc-active { + background: $mbsc-mobiscroll-warning; + } + } + + &.mbsc-btn-info { + border-color: $mbsc-mobiscroll-info; + color: $mbsc-mobiscroll-info; + + &.mbsc-active { + background: $mbsc-mobiscroll-info; + } + } + + &.mbsc-btn-light { + border-color: darken($mbsc-mobiscroll-light, 25%); + color: darken($mbsc-mobiscroll-light, 25%); + + &.mbsc-active { + background: darken($mbsc-mobiscroll-light, 25%); + color: $mbsc-mobiscroll-light; + } + } + + &.mbsc-btn-dark { + border-color: $mbsc-mobiscroll-dark; + color: $mbsc-mobiscroll-dark; + + &.mbsc-active { + background: $mbsc-mobiscroll-dark; + } + } + } + + /* Switch */ + .mbsc-switch { + padding: 1em 4.375em 1em 1em; + } + + &.mbsc-rtl .mbsc-switch { + padding: 1em 1em 1em 4.375em; + } + + .mbsc-switch-track { + right: 1em; + width: 2.375em; + height: .875em; + padding: 0 .75em; + margin-top: -.4375em; + border-radius: 1.25em; + } + + &.mbsc-rtl .mbsc-switch-track { + right: auto; + left: 1em; + } + + .mbsc-switch-handle { + top: .25em; + left: .25em; + margin: 0; + width: 1.5em; + height: 1.5em; + border-radius: 1.25em; + } + + &.mbsc-rtl .mbsc-switch-handle { + right: .25em; + } + + .mbsc-active .mbsc-switch-handle { + -webkit-transform: scale(1); + transform: scale(1); + } + + .mbsc-switch input:disabled + .mbsc-switch-track { + opacity: .7; + } + + /* Switch color presets */ + .mbsc-switch.mbsc-switch-primary input:checked { + + .mbsc-switch-track { + background: lighten($mbsc-mobiscroll-primary, 20%); + } + + + .mbsc-switch-track .mbsc-switch-handle { + background: $mbsc-mobiscroll-primary; + } + } + + .mbsc-switch.mbsc-switch-secondary input:checked { + + .mbsc-switch-track { + background: lighten($mbsc-mobiscroll-secondary, 20%); + } + + + .mbsc-switch-track .mbsc-switch-handle { + background: $mbsc-mobiscroll-secondary; + } + } + + .mbsc-switch.mbsc-switch-success input:checked { + + .mbsc-switch-track { + background: lighten($mbsc-mobiscroll-success, 20%); + } + + + .mbsc-switch-track .mbsc-switch-handle { + background: $mbsc-mobiscroll-success; + } + } + + .mbsc-switch.mbsc-switch-danger input:checked { + + .mbsc-switch-track { + background: lighten($mbsc-mobiscroll-danger, 20%); + } + + + .mbsc-switch-track .mbsc-switch-handle { + background: $mbsc-mobiscroll-danger; + } + } + + .mbsc-switch.mbsc-switch-warning input:checked { + + .mbsc-switch-track { + background: lighten($mbsc-mobiscroll-warning, 20%); + } + + + .mbsc-switch-track .mbsc-switch-handle { + background: $mbsc-mobiscroll-warning; + } + } + + .mbsc-switch.mbsc-switch-info input:checked { + + .mbsc-switch-track { + background: lighten($mbsc-mobiscroll-info, 20%); + } + + + .mbsc-switch-track .mbsc-switch-handle { + background: $mbsc-mobiscroll-info; + } + } + + /* Stepper and Segmented */ + .mbsc-segmented { + padding: .5em 1em; + } + + .mbsc-segmented-content { + height: 2.28571428em; + margin: 0 -.071428em; + line-height: 2.28575em; + padding: 0 .285714em; + text-transform: uppercase; + } + + .mbsc-stepper-cont { + padding: 1.75em 12.875em 1.75em 1em; + } + + &.mbsc-rtl .mbsc-stepper-cont { + padding: 1.75em 1em 1.75em 12.875em; + } + + .mbsc-stepper { + margin-top: -1.125em; + } + + .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { + background: transparent; + } + + /* Segmented color presets */ + .mbsc-segmented-primary { + .mbsc-segmented-content { + border-color: $mbsc-mobiscroll-primary; + color: $mbsc-mobiscroll-primary; + } + + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-mobiscroll-primary; + } + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-primary, .35) + } + } + + .mbsc-segmented-secondary { + .mbsc-segmented-content { + border-color: $mbsc-mobiscroll-secondary; + color: $mbsc-mobiscroll-secondary; + } + + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-mobiscroll-secondary; + } + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-secondary, .35) + } + } + + .mbsc-segmented-success { + .mbsc-segmented-content { + border-color: $mbsc-mobiscroll-success; + color: $mbsc-mobiscroll-success; + } + + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-mobiscroll-success; + } + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-success, .35) + } + } + + .mbsc-segmented-danger { + .mbsc-segmented-content { + border-color: $mbsc-mobiscroll-danger; + color: $mbsc-mobiscroll-danger; + } + + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-mobiscroll-danger; + } + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-danger, .35) + } + } + + .mbsc-segmented-warning { + .mbsc-segmented-content { + border-color: $mbsc-mobiscroll-warning; + color: $mbsc-mobiscroll-warning; + } + + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-mobiscroll-warning; + } + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-warning, .35) + } + } + + .mbsc-segmented-info { + .mbsc-segmented-content { + border-color: $mbsc-mobiscroll-info; + color: $mbsc-mobiscroll-info; + } + + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-mobiscroll-info; + } + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-info, .35) + } + } + + /* Stepper color presets */ + .mbsc-stepper-primary { + .mbsc-segmented-content { + border-color: $mbsc-mobiscroll-primary; + color: $mbsc-mobiscroll-primary; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { + background: $mbsc-mobiscroll-primary; + } + } + + .mbsc-stepper-secondary { + .mbsc-segmented-content { + border-color: $mbsc-mobiscroll-secondary; + color: $mbsc-mobiscroll-secondary; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { + background: $mbsc-mobiscroll-secondary; + } + } + + .mbsc-stepper-success { + .mbsc-segmented-content { + border-color: $mbsc-mobiscroll-success; + color: $mbsc-mobiscroll-success; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { + background: $mbsc-mobiscroll-success; + } + } + + .mbsc-stepper-danger { + .mbsc-segmented-content { + border-color: $mbsc-mobiscroll-danger; + color: $mbsc-mobiscroll-danger; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { + background: $mbsc-mobiscroll-danger; + } + } + + .mbsc-stepper-warning { + .mbsc-segmented-content { + border-color: $mbsc-mobiscroll-warning; + color: $mbsc-mobiscroll-warning; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { + background: $mbsc-mobiscroll-warning; + } + } + + .mbsc-stepper-info { + .mbsc-segmented-content { + border-color: $mbsc-mobiscroll-info; + color: $mbsc-mobiscroll-info; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content { + background: $mbsc-mobiscroll-info; + } + } + + &.mbsc-no-touch { + + /* Segmented hover color styles */ + .mbsc-segmented-primary { + &.mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-primary, .35) + } + } + + .mbsc-segmented-secondary { + &.mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-secondary, .35) + } + } + + .mbsc-segmented-success { + &.mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-success, .35) + } + } + + .mbsc-segmented-danger { + &.mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-danger, .35) + } + } + + .mbsc-segmented-warning { + &.mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-warning, .35) + } + } + + .mbsc-segmented-info { + &.mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-info, .35) + } + } + + /* Stepper hover color styles */ + .mbsc-stepper-primary { + .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-primary, .35) + } + } + + .mbsc-stepper-secondary { + .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-secondary, .35) + } + } + + .mbsc-stepper-success { + .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-success, .35) + } + } + + .mbsc-stepper-danger { + .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-danger, .35) + } + } + + .mbsc-stepper-warning { + .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-warning, .35) + } + } + + .mbsc-stepper-info { + .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content { + background: rgba($mbsc-mobiscroll-info, .35) + } + } + } + } + + @include mbsc-mobiscroll-forms(mobiscroll, (background: $mbsc-mobiscroll-background, text: $mbsc-mobiscroll-text, accent: $mbsc-mobiscroll-accent)); +} diff --git a/src/scss/forms/forms.scss b/src/scss/forms/forms.scss new file mode 100644 index 00000000..f7be2b59 --- /dev/null +++ b/src/scss/forms/forms.scss @@ -0,0 +1,489 @@ +@import "../core/exports"; +@import "../core/common"; +@import "../core/icons"; +@import "../collapsible/collapsible"; +@import "../page/page"; +@import "../input/input"; +@import "../slider/slider"; +@import "../rating/rating"; +@import "../notifications/notifications"; + +@include exports("forms") { + /* Forms */ + + [mbsc-form]:not(.mbsc-form) { + // Prevent FOUC + visibility: hidden; + } + + .mbsc-form { + font-size: 16px; + font-family: arial, verdana, sans-serif; + -webkit-font-smoothing: antialiased; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; + -webkit-text-size-adjust: 100%; + -ms-touch-action: manipulation; + touch-action: manipulation; + } + + .mbsc-form:before, + .mbsc-form:after { + content: ''; + display: table; + } + + .mbsc-form-group { + margin: 1.5em 0; + } + + .mbsc-form-group-inset { + margin: 2em 1.5em; + } + + .mbsc-form-group, + .mbsc-form-group-inset { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + /* No background inside widget */ + + .mbsc-wdg .mbsc-w-p .mbsc-form { + background: none; + } + + /* Other mobiscroll components inline */ + + .mbsc-input .mbsc-fr-inline .mbsc-fr-popup { + display: block; + } + + .mbsc-err-msg { + display: block; + font-size: .75em; + } + + .mbsc-checkbox, + .mbsc-switch, + .mbsc-radio, + .mbsc-stepper-cont { + line-height: 1.25em; + } + + .mbsc-checkbox, + .mbsc-switch, + .mbsc-btn, + .mbsc-radio, + .mbsc-segmented, + .mbsc-stepper-cont { + position: relative; + display: block; + margin: 0; + z-index: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + } + + .mbsc-checkbox input, + .mbsc-switch input, + .mbsc-radio input, + .mbsc-segmented input, + .mbsc-btn { + margin: 0; + padding: 0; + border: 0; + border-radius: 0; + outline: 0; + font-family: inherit; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } + + .mbsc-checkbox input, + .mbsc-switch input, + .mbsc-radio input, + .mbsc-select select, + .mbsc-segmented input { + position: absolute; + z-index: 3; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; + opacity: 0; + margin: 0; + } + + .mbsc-btn, + .mbsc-checkbox-box, + .mbsc-checkbox-box:after, + .mbsc-radio-box, + .mbsc-radio-box:after, + .mbsc-switch-track, + .mbsc-segmented, + .mbsc-progress progress, + .mbsc-stepper-cont { + box-sizing: border-box; + } + + .mbsc-segmented .mbsc-segmented-content, + .mbsc-btn-flat .mbsc-btn-ic { + box-sizing: content-box; + } + + .mbsc-desc { + display: block; + font-size: .75em; + opacity: .6; + } + + label.mbsc-input, + .mbsc-label { + margin: 0; + display: block; + font-weight: normal; + } + + .mbsc-control-w { + // Override bootstrap defaults + max-width: none; + margin: 0; + font-size: 1em; + font-weight: normal; + } + + /* Textarea */ + + .mbsc-input textarea { + resize: none; + overflow: hidden; + line-height: 1.5em; + } + + .mbsc-input .mbsc-textarea-scroll { + overflow: auto; + } + + /* Select */ + + .mbsc-select select, + .mbsc-select input { + cursor: pointer; + } + + .mbsc-select select option { + color: initial; + } + + .mbsc-select-ic { + display: none; + } + + /* Checkbox */ + + .mbsc-checkbox { + padding: .5em; + } + + .mbsc-checkbox-box { + position: absolute; + top: 50%; + display: block; + width: 1.375em; + height: 1.375em; + } + + .mbsc-checkbox-box:after { + content: ''; + position: absolute; + display: block; + opacity: 0; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + } + + .mbsc-checkbox input:checked + .mbsc-checkbox-box:after { + opacity: 1; + } + + /* Radio */ + + .mbsc-radio { + padding: .5em; + } + + .mbsc-radio-box { + position: absolute; + top: 50%; + display: block; + width: 1.25em; + height: 1.25em; + border-radius: 1.25em; + } + + .mbsc-radio-box:after { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: .625em; + height: .625em; + margin-top: -.3125em; + margin-left: -.3125em; + border-radius: .625em; + opacity: 0; + } + + .mbsc-radio input:checked + .mbsc-radio-box:after { + opacity: 1; + } + + /* Switch */ + + .mbsc-switch { + padding: .5em; + } + + .mbsc-switch-track { + position: absolute; + top: 50%; + display: block; + width: 3.375em; + height: 1.625em; + transition: background-color .2s ease-in-out, border .2s ease-in-out; + z-index: 4; + } + + .mbsc-switch .mbsc-switch-track .mbsc-progress-track { + height: 100%; + background: none; + } + + .mbsc-switch .mbsc-switch-track .mbsc-slider-handle-cont { + top: 50%; + } + + .mbsc-switch-handle { + position: absolute; + display: block; + } + + .mbsc-switch-txt-off, + .mbsc-switch-txt-on { + position: absolute; + top: 0; + left: 0; + display: none; + width: 100%; + height: 100%; + font-size: .625em; + text-align: center; + line-height: 2em; + } + + /* Segmented control & Stepper */ + + .mbsc-segmented { + display: table; + table-layout: fixed; + width: 100%; + } + + .mbsc-segmented .mbsc-segmented-item { + margin: 0; + display: table-cell; + position: relative; + vertical-align: top; + text-align: center; + font-size: 1em; + } + + .mbsc-segmented-content { + position: relative; + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + font-size: .875em; + font-weight: normal; + z-index: 2; + } + + .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, + .mbsc-disabled .mbsc-segmented-content, + .mbsc-segmented input:disabled + .mbsc-segmented-content { + z-index: 0; + } + + .mbsc-stepper { + position: absolute; + display: block; + width: auto; + right: 1em; + top: 50%; + } + + .mbsc-rtl .mbsc-stepper { + right: auto; + left: 1em; + } + + .mbsc-stepper-cont .mbsc-label { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } + + .mbsc-segmented-item:focus { + outline: 0; + } + + .mbsc-stepper input { + position: absolute; + left: 4.142857em; + width: 4.142857em; + height: 100%; + padding: 0; + margin: 0; + border: 0; + outline: 0; + box-shadow: none; + font-size: .875em; + text-align: center; + opacity: 1; + z-index: 4; + background: transparent; + -webkit-appearance: none; + -moz-appearance: textfield; + appearance: none; + } + + .mbsc-stepper input::-webkit-outer-spin-button, + .mbsc-stepper input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; + } + + .mbsc-form .mbsc-stepper-val-right .mbsc-stepper input { + left: auto; + right: 0; + } + + .mbsc-form.mbsc-rtl .mbsc-stepper-val-right .mbsc-stepper input { + right: auto; + left: 0; + } + + .mbsc-form .mbsc-stepper-val-left .mbsc-stepper input { + left: 0; + } + + .mbsc-form.mbsc-rtl .mbsc-stepper-val-left .mbsc-stepper input { + right: 0; + } + + .mbsc-stepper .mbsc-segmented-item { + width: 3.625em; + } + + .mbsc-stepper-cont.mbsc-stepper-val-left .mbsc-stepper .mbsc-segmented-item:nth-child(2) .mbsc-segmented-content, + .mbsc-stepper-cont.mbsc-stepper-val-right .mbsc-stepper .mbsc-segmented-item:last-child .mbsc-segmented-content { + /* Strong rule is needed to override disabled styling */ + border: 0; + background: transparent; + } + + .mbsc-form .mbsc-stepper-cont .mbsc-stepper { + padding: 0; + } + + .mbsc-segmented-item .mbsc-control, + .mbsc-stepper .mbsc-segmented-content { + cursor: pointer; + } + + .mbsc-disabled .mbsc-segmented-content, + .mbsc-segmented input:disabled, + .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content { + cursor: not-allowed; + } + + /* Buttons */ + + .mbsc-btn { + position: relative; + display: inline-block; + overflow: hidden; + vertical-align: middle; + text-align: center; + text-overflow: ellipsis; + font-size: 1em; + cursor: pointer; + } + + .mbsc-btn:disabled { + cursor: not-allowed; + } + + .mbsc-btn:focus { + outline: 0; + } + + .mbsc-btn-ic { + line-height: 1; + } + + .mbsc-btn-group, + .mbsc-btn-group-block, + .mbsc-btn-group-justified { + // Prevent margin collision + border: 1px solid transparent; + } + + .mbsc-btn-group-block .mbsc-btn, + .mbsc-btn-block { + display: block; + width: 100%; + margin-left: 0 !important; + margin-right: 0 !important; + } + + .mbsc-btn-group-justified, + .mbsc-btn-group-justified mbsc-button { + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + .mbsc-btn-group-justified .mbsc-btn, + .mbsc-btn-group-justified mbsc-button { + -webkit-box-flex: 1; + -webkit-flex: 1 auto; + -ms-flex: 1 auto; + flex: 1 auto; + } + + input:disabled + span .mbsc-slider-handle-cont { + cursor: not-allowed; + } + + /* Form in grid */ + + .mbsc-form .mbsc-form-grid .mbsc-form-group-title { + margin-left: 0; + margin-right: 0; + padding-left: 0; + padding-right: 0; + } +} diff --git a/src/scss/forms/forms.windows.colors.scss b/src/scss/forms/forms.windows.colors.scss new file mode 100644 index 00000000..8b525a9e --- /dev/null +++ b/src/scss/forms/forms.windows.colors.scss @@ -0,0 +1,241 @@ +@import "../core/exports"; +@import "../core/windows"; +@import "../page/page.windows.colors"; +@import "../input/input.windows.colors"; +@import "../slider/slider.windows.colors"; +@import "../rating/rating.windows.colors"; +@import "../notifications/notifications.windows.colors"; + +@mixin mbsc-windows-forms($theme, $params) { + @include exports("forms.#{$theme}.colors") { + + @include mbsc-windows-page($theme, $params); + @include mbsc-windows-input($theme, $params); + @include mbsc-windows-slider($theme, $params); + @include mbsc-windows-rating($theme, $params); + @include mbsc-windows-notifications($theme, $params); + + $background: map-get($params, background); + $text: map-get($params, text); + $accent: map-get($params, accent); + + $colors: mbsc-windows-colors($params); + $form-background: map-get($colors, form-background); + $checkbox-border: map-get($colors, checkbox-border); + $button-border: map-get($colors, button-border); + $frame-border: map-get($colors, frame-border); + $input-border: map-get($colors, input-border); + $input-hover: map-get($colors, input-hover); + $button-background: map-get($colors, button-background); + $border-color: map-get($colors, border-color); + $segmented-disabled: map-get($colors, segmented-disabled); + $button-hover: map-get($colors, button-hover); + + .mbsc-#{$theme} { + &.mbsc-form { + background-color: $form-background; + color: $text; + } + + &.mbsc-form *::-moz-selection, + &.mbsc-form *::selection { + color: get-contrast-color($accent); + background: rgba($accent, .9); + } + + /* Checkbox, radio */ + .mbsc-checkbox-box, + .mbsc-radio-box { + border: .125em solid $text; + } + + .mbsc-checkbox-box:after { + border: .125em solid $checkbox-border; + border-top: 0; + border-right: 0; + } + + .mbsc-checkbox input:checked + .mbsc-checkbox-box { + background: $accent; + border-color: $accent; + } + + .mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box { + border-color: $input-hover; + background: $input-hover; + } + + /* Radio */ + .mbsc-radio-box:after { + background: $text; + } + + .mbsc-radio input:checked + .mbsc-radio-box { + border-color: $accent; + } + + .mbsc-radio input.mbsc-active + .mbsc-radio-box { + border-color: rgba($text, .6); + } + + .mbsc-radio input.mbsc-active + .mbsc-radio-box:after { + background: rgba($text, .6); + } + + /* Buttons */ + .mbsc-btn { + background: $frame-border; + border: .125em solid $frame-border; + color: $text; + } + + &.mbsc-no-touch .mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover { + border-color: $button-border; + } + + .mbsc-btn.mbsc-active { + border-color: $button-border; + background: $button-border; + } + + &.mbsc-no-touch .mbsc-btn-flat:not(:disabled):hover { + background: transparent; + border-color: transparent; + } + + .mbsc-btn.mbsc-btn-flat.mbsc-active:not(:disabled) { + background: rgba($frame-border, .25); + } + + /* Outline buttons */ + .mbsc-btn.mbsc-btn-outline { + background: transparent; + border: 0.125em solid $input-border; + color: $input-border; + + &.mbsc-active { + background: $button-background; + border-color: $button-background; + color: get-contrast-color($button-background); + } + } + + /* button hover style */ + &.mbsc-no-touch { + .mbsc-btn.mbsc-btn-outline:not(:disabled):hover { + border-color: $button-background; + } + } + + .mbsc-switch-track { + border: 2px solid $text; + } + + .mbsc-switch-track .mbsc-switch-handle { + background: $text; + } + + .mbsc-switch input:checked + .mbsc-switch-track { + background: $accent; + border-color: $accent; + + .mbsc-switch-handle { + background: $background; + } + } + + .mbsc-switch input:checked:disabled + .mbsc-switch-track { + background: $text; + border-color: $text; + } + + &.mbsc-form .mbsc-switch input.mbsc-active + .mbsc-switch-track { + background: $input-hover; + border-color: $input-hover; + + .mbsc-switch-handle { + background: $background; + } + } + + /* Segmented & Stepper */ + .mbsc-segmented-content { + color: $text; + background: $frame-border; + } + + .mbsc-segmented-content.mbsc-stepper-val { + background: transparent; + border-top: 2px solid $frame-border; + border-bottom: 2px solid $frame-border; + } + + &.mbsc-ltr .mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item { + border-right: 1px solid $border-color; + } + + &.mbsc-rtl .mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item { + border-left: 1px solid $border-color; + } + + .mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item:last-child, + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-plus, + .mbsc-stepper-val-left .mbsc-segmented input + .mbsc-segmented-item, + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control { + border: 0; + } + + &.mbsc-ltr .mbsc-segmented .mbsc-stepper-control + .mbsc-stepper-control { + border-left: 1px solid $border-color; + } + + &.mbsc-rtl .mbsc-segmented .mbsc-stepper-control + .mbsc-stepper-control { + border-right: 1px solid $border-color; + } + + .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content { + background: $text; + color: $form-background; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content { + background: $button-border; + } + + .mbsc-stepper .mbsc-segmented-item.mbsc-active .mbsc-segmented-content { + background: $button-border; + } + + .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, + .mbsc-stepper .mbsc-segmented-item.mbsc-disabled .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { + background: $frame-border; + } + + .mbsc-stepper input:disabled { + color: $segmented-disabled; + -webkit-text-fill-color: $segmented-disabled; + } + + .mbsc-segmented .mbsc-segmented-item input:disabled:checked + .mbsc-segmented-content { + color: $form-background; + background: $segmented-disabled; + } + + .mbsc-stepper .mbsc-active.mbsc-disabled .mbsc-segmented-content { + background: transparent; + } + + .mbsc-stepper input { + color: $text; + } + + &.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content { + background: $button-hover; + } + } + } +} diff --git a/src/scss/forms/forms.windows.scss b/src/scss/forms/forms.windows.scss new file mode 100644 index 00000000..aae44d63 --- /dev/null +++ b/src/scss/forms/forms.windows.scss @@ -0,0 +1,837 @@ +@import "../core/exports"; +@import "../collapsible/collapsible.windows"; +@import "../page/page.windows"; +@import "../input/input.windows"; +@import "../slider/slider.windows"; +@import "../rating/rating.windows"; +@import "../notifications/notifications.windows"; +@import "./forms.windows.colors"; +@import "./forms"; + +@include exports("forms.windows") { + .mbsc-windows { + + .mbsc-divider, + .mbsc-form-group-title { + font-size: 1.5em; + padding: 0 .666667em; + line-height: 2em; + } + + /* Checkbox, radio */ + .mbsc-checkbox-box, + .mbsc-radio-box { + margin-top: -.6875em; + } + + .mbsc-checkbox input:disabled + .mbsc-checkbox-box, + .mbsc-checkbox input:disabled ~ .mbsc-label, + .mbsc-checkbox input:disabled ~ .mbsc-desc, + .mbsc-radio input:disabled + .mbsc-radio-box, + .mbsc-radio input:disabled ~ .mbsc-label, + .mbsc-radio input:disabled ~ .mbsc-desc, + .mbsc-switch input:disabled + .mbsc-switch-track, + .mbsc-switch input:disabled ~ .mbsc-label, + .mbsc-switch input:disabled ~ .mbsc-desc { + opacity: .2; + } + + /* Checkbox */ + &.mbsc-form .mbsc-checkbox { + padding: 1.125em 1em 1.125em 2.875em; + } + + &.mbsc-rtl .mbsc-checkbox { + padding: 1.125em 2.875em 1.125em 1em; + } + + .mbsc-checkbox-box { + width: 1.3125em; + height: 1.3125em; + left: 1em; + } + + &.mbsc-rtl .mbsc-checkbox-box { + left: auto; + right: 1em; + } + + .mbsc-checkbox-box:after { + top: 16%; + left: 10%; + width: .875em; + height: .475em; + } + + /* Checkbox color presets */ + .mbsc-checkbox-primary input:checked + .mbsc-checkbox-box { + background: $mbsc-windows-primary; + border-color: $mbsc-windows-primary; + } + + .mbsc-checkbox-secondary input:checked + .mbsc-checkbox-box { + background: $mbsc-windows-secondary; + border-color: $mbsc-windows-secondary; + } + + .mbsc-checkbox-success input:checked + .mbsc-checkbox-box { + background: $mbsc-windows-success; + border-color: $mbsc-windows-success; + } + + .mbsc-checkbox-danger input:checked + .mbsc-checkbox-box { + background: $mbsc-windows-danger; + border-color: $mbsc-windows-danger; + } + + .mbsc-checkbox-warning input:checked + .mbsc-checkbox-box { + background: $mbsc-windows-warning; + border-color: $mbsc-windows-warning; + } + + .mbsc-checkbox-info input:checked + .mbsc-checkbox-box { + background: $mbsc-windows-info; + border-color: $mbsc-windows-info; + } + + /* Radio */ + &.mbsc-form .mbsc-radio { + padding: 1.125em 3.25em 1.125em 1em; + } + + &.mbsc-rtl .mbsc-radio { + padding: 1.125em 1em 1.125em 3.25em; + } + + .mbsc-radio-box { + right: 1.125em; + } + + &.mbsc-rtl .mbsc-radio-box { + right: auto; + left: 1.125em; + } + + /* Radio color presets */ + .mbsc-radio-primary .mbsc-radio-box:after { + background: $mbsc-windows-primary; + } + + .mbsc-radio-secondary .mbsc-radio-box:after { + background: $mbsc-windows-secondary; + } + + .mbsc-radio-success .mbsc-radio-box:after { + background: $mbsc-windows-success; + } + + .mbsc-radio-danger .mbsc-radio-box:after { + background: $mbsc-windows-danger; + } + + .mbsc-radio-warning .mbsc-radio-box:after { + background: $mbsc-windows-warning; + } + + .mbsc-radio-info .mbsc-radio-box:after { + background: $mbsc-windows-info; + } + + /* Buttons */ + .mbsc-btn { + margin: .5em .25em; + padding: .3125em .5em; + border-radius: 0; + } + + .mbsc-btn-ic { + padding-right: .5em; + } + + .mbsc-btn-icon-only .mbsc-btn-ic { + padding: 0; + } + + .mbsc-btn:disabled { + opacity: .3; + } + + &.mbsc-no-touch .mbsc-btn-flat:not(:disabled):hover { + opacity: .7; + } + + .mbsc-btn.mbsc-btn-flat.mbsc-active:not(:disabled) { + opacity: 1; + } + + .mbsc-btn-group, + .mbsc-btn-group-justified { + margin: .5em .75em; + } + + .mbsc-btn-group-block { + margin: .5em 1em; + } + + /* Button color presets*/ + .mbsc-btn-primary.mbsc-btn { + color: get-contrast-color($mbsc-windows-primary); + background: $mbsc-windows-primary; + border-color: $mbsc-windows-primary; + + &.mbsc-btn-flat { + color: $mbsc-windows-primary; + background: transparent; + border-color: transparent; + + &.mbsc-active { + background: rgba($mbsc-windows-primary, .25); + } + } + } + + .mbsc-btn-secondary.mbsc-btn { + color: get-contrast-color($mbsc-windows-secondary); + background: $mbsc-windows-secondary; + border-color: $mbsc-windows-secondary; + + &.mbsc-btn-flat { + color: $mbsc-windows-secondary; + background: transparent; + border-color: transparent; + + &.mbsc-active { + background: rgba($mbsc-windows-secondary, .25); + } + } + } + + .mbsc-btn-success.mbsc-btn { + color: get-contrast-color($mbsc-windows-success); + background: $mbsc-windows-success; + border-color: $mbsc-windows-success; + + &.mbsc-btn-flat { + color: $mbsc-windows-success; + background: transparent; + border-color: transparent; + + &.mbsc-active { + background: rgba($mbsc-windows-success, .25); + } + } + } + + .mbsc-btn-danger.mbsc-btn { + color: get-contrast-color($mbsc-windows-danger); + background: $mbsc-windows-danger; + border-color: $mbsc-windows-danger; + + &.mbsc-btn-flat { + color: $mbsc-windows-danger; + background: transparent; + border-color: transparent; + + &.mbsc-active { + background: rgba($mbsc-windows-danger, .25); + } + } + } + + .mbsc-btn-warning.mbsc-btn { + color: get-contrast-color($mbsc-windows-warning); + background: $mbsc-windows-warning; + border-color: $mbsc-windows-warning; + + &.mbsc-btn-flat { + color: $mbsc-windows-warning; + background: transparent; + border-color: transparent; + + &.mbsc-active { + background: rgba($mbsc-windows-warning, .25); + } + } + } + + .mbsc-btn-info.mbsc-btn { + color: get-contrast-color($mbsc-windows-info); + background: $mbsc-windows-info; + border-color: $mbsc-windows-info; + + &.mbsc-btn-flat { + color: $mbsc-windows-info; + background: transparent; + border-color: transparent; + + &.mbsc-active { + background: rgba($mbsc-windows-info, .25); + } + } + } + + .mbsc-btn-light.mbsc-btn { + color: get-contrast-color($mbsc-windows-light); + background: darken($mbsc-windows-light, 25%); + border-color: darken($mbsc-windows-light, 25%); + + &.mbsc-btn-flat { + color: darken($mbsc-windows-light, 25%); + background: transparent; + border-color: transparent; + + &.mbsc-active { + background: rgba(darken($mbsc-windows-light, 25%), .25); + } + } + } + + .mbsc-btn-dark.mbsc-btn { + color: get-contrast-color($mbsc-windows-dark); + background: $mbsc-windows-dark; + border-color: $mbsc-windows-dark; + + &.mbsc-btn-flat { + color: $mbsc-windows-dark; + background: transparent; + border-color: transparent; + + &.mbsc-active { + background: rgba($mbsc-windows-dark, .25); + } + } + } + + /* Outline buttons */ + .mbsc-btn.mbsc-btn-outline.mbsc-active { + opacity: 1; + } + + /* Outline buttons */ + .mbsc-btn.mbsc-btn-outline { + &.mbsc-btn-primary { + border-color: $mbsc-windows-primary; + color: $mbsc-windows-primary; + background: transparent; + + &.mbsc-active { + background: $mbsc-windows-primary; + color: $mbsc-windows-light; + } + } + + &.mbsc-btn-secondary { + border-color: $mbsc-windows-secondary; + color: $mbsc-windows-secondary; + background: transparent; + + &.mbsc-active { + background: $mbsc-windows-secondary; + color: $mbsc-windows-light; + } + } + + &.mbsc-btn-success { + border-color: $mbsc-windows-success; + color: $mbsc-windows-success; + background: transparent; + + &.mbsc-active { + background: $mbsc-windows-success; + color: $mbsc-windows-light; + } + } + + &.mbsc-btn-danger { + border-color: $mbsc-windows-danger; + color: $mbsc-windows-danger; + background: transparent; + + &.mbsc-active { + background: $mbsc-windows-danger; + color: $mbsc-windows-light; + } + } + + &.mbsc-btn-warning { + border-color: $mbsc-windows-warning; + color: $mbsc-windows-warning; + background: transparent; + + &.mbsc-active { + background: $mbsc-windows-warning; + color: $mbsc-windows-light; + } + } + + &.mbsc-btn-info { + border-color: $mbsc-windows-info; + color: $mbsc-windows-info; + background: transparent; + + &.mbsc-active { + background: $mbsc-windows-info; + color: $mbsc-windows-light; + } + } + + &.mbsc-btn-light { + border-color: darken($mbsc-windows-light, 25%); + color: darken($mbsc-windows-light, 25%); + background: transparent; + + &.mbsc-active { + background: darken($mbsc-windows-light, 25%); + color: $mbsc-windows-dark; + } + } + + &.mbsc-btn-dark { + border-color: $mbsc-windows-dark; + color: $mbsc-windows-dark; + background: transparent; + + &.mbsc-active { + background: $mbsc-windows-dark; + color: $mbsc-windows-light; + } + } + } + + /* button hover style */ + &.mbsc-no-touch { + .mbsc-btn-primary.mbsc-btn { + &:not(.mbsc-btn-flat):not(:disabled):hover { + border-color: darken($mbsc-windows-primary, 20%); + } + } + + .mbsc-btn-secondary.mbsc-btn { + &:not(.mbsc-btn-flat):not(:disabled):hover { + border-color: darken($mbsc-windows-secondary, 20%); + } + } + + .mbsc-btn-success.mbsc-btn { + &:not(.mbsc-btn-flat):not(:disabled):hover { + border-color: darken($mbsc-windows-success, 20%); + } + } + + .mbsc-btn-danger.mbsc-btn { + &:not(.mbsc-btn-flat):not(:disabled):hover { + border-color: darken($mbsc-windows-danger, 20%); + } + } + + .mbsc-btn-warning.mbsc-btn { + &:not(.mbsc-btn-flat):not(:disabled):hover { + border-color: darken($mbsc-windows-warning, 20%); + } + } + + .mbsc-btn-info.mbsc-btn { + &:not(.mbsc-btn-flat):not(:disabled):hover { + border-color: darken($mbsc-windows-info, 20%); + } + } + + .mbsc-btn-light.mbsc-btn { + &:not(.mbsc-btn-flat):not(:disabled):hover { + border-color: darken($mbsc-windows-light, 40%); + } + } + + .mbsc-btn-dark.mbsc-btn { + &:not(.mbsc-btn-flat):not(:disabled):hover { + border-color: darken($mbsc-windows-dark, 30%); + } + } + } + + /* button active style */ + .mbsc-btn-primary.mbsc-btn { + &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { + background: darken($mbsc-windows-primary, 20%); + border-color: darken($mbsc-windows-primary, 20%); + } + } + + .mbsc-btn-secondary.mbsc-btn { + &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { + background: darken($mbsc-windows-secondary, 20%); + border-color: darken($mbsc-windows-secondary, 20%); + } + } + + .mbsc-btn-success.mbsc-btn { + &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { + background: darken($mbsc-windows-success, 20%); + border-color: darken($mbsc-windows-success, 20%); + } + } + + .mbsc-btn-danger.mbsc-btn { + &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { + background: darken($mbsc-windows-danger, 20%); + border-color: darken($mbsc-windows-danger, 20%); + } + } + + .mbsc-btn-warning.mbsc-btn { + &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { + background: darken($mbsc-windows-warning, 20%); + border-color: darken($mbsc-windows-warning, 20%); + } + } + + .mbsc-btn-info.mbsc-btn { + &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { + background: darken($mbsc-windows-info, 20%); + border-color: darken($mbsc-windows-info, 20%); + } + } + + .mbsc-btn-light.mbsc-btn { + &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { + background: darken($mbsc-windows-light, 40%); + border-color: darken($mbsc-windows-light, 40%); + } + } + + .mbsc-btn-dark.mbsc-btn { + &.mbsc-active:not(.mbsc-btn-flat):not(:disabled) { + background: darken($mbsc-windows-dark, 30%); + border-color: darken($mbsc-windows-dark, 30%); + } + } + + /* Flat buttons */ + .mbsc-btn.mbsc-btn-flat { + background: transparent; + border-color: transparent; + } + + /* Switch */ + &.mbsc-form .mbsc-switch { + padding: 1.125em 5.875em 1.125em 1em; + } + + &.mbsc-rtl .mbsc-switch { + padding: 1.125em 1em 1.125em 5.875em; + } + + .mbsc-switch-track { + right: 1.125em; + width: 2.75em; + height: 1.25em; + margin-top: -0.645em; + padding: 0 .5em; + border-radius: 10px; + } + + &.mbsc-rtl .mbsc-switch-track { + right: auto; + left: 1.125em; + } + + .mbsc-switch-track .mbsc-switch-handle { + z-index: 1; + top: 50%; + left: 50%; + right: auto; + height: .625em; + width: .625em; + border-radius: 10px; + margin: -0.3125em 0 0 -0.3125em; + } + + /* Checkbox color presets */ + .mbsc-switch-primary.mbsc-switch input:checked + .mbsc-switch-track { + background: $mbsc-windows-primary; + border-color: $mbsc-windows-primary; + } + + .mbsc-switch-secondary.mbsc-switch input:checked + .mbsc-switch-track { + background: $mbsc-windows-secondary; + border-color: $mbsc-windows-secondary; + } + + .mbsc-switch-success.mbsc-switch input:checked + .mbsc-switch-track { + background: $mbsc-windows-success; + border-color: $mbsc-windows-success; + } + + .mbsc-switch-danger.mbsc-switch input:checked + .mbsc-switch-track { + background: $mbsc-windows-danger; + border-color: $mbsc-windows-danger; + } + + .mbsc-switch-warning.mbsc-switch input:checked + .mbsc-switch-track { + background: $mbsc-windows-warning; + border-color: $mbsc-windows-warning; + } + + .mbsc-switch-info.mbsc-switch input:checked + .mbsc-switch-track { + background: $mbsc-windows-info; + border-color: $mbsc-windows-info; + } + + /* Segmented & Stepper */ + .mbsc-segmented { + padding: .75em 1em; + } + + .mbsc-segmented-content { + height: 2.285715em; + line-height: 2.285715em; + padding: 0 .4285715em; + } + + .mbsc-segmented-content.mbsc-stepper-val { + box-sizing: border-box; + } + + .mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item:last-child, + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-plus, + .mbsc-stepper-val-left .mbsc-segmented input + .mbsc-segmented-item, + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control { + border: 0; + } + + .mbsc-stepper { + margin-top: -1em; + } + + .mbsc-stepper-cont { + padding: 1.75em 13em 1.75em 1em; + } + + &.mbsc-rtl .mbsc-stepper-cont { + padding: 1.75em 1em 1.75em 13em; + } + + .mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, + .mbsc-stepper .mbsc-segmented-item.mbsc-disabled .mbsc-segmented-content, + .mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content { + opacity: .3; + } + + .mbsc-segmented { + + /* Segmented color presets */ + .mbsc-segmented-primary { + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-windows-primary; + } + } + + .mbsc-segmented-secondary { + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-windows-secondary; + } + } + + .mbsc-segmented-success { + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-windows-success; + } + } + + .mbsc-segmented-danger { + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-windows-danger; + } + } + + .mbsc-segmented-warning { + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-windows-warning; + } + } + + .mbsc-segmented-info { + + &.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, + &.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content { + background: $mbsc-windows-info; + } + } + } + + &.mbsc-no-touch { + + /* Segmented hover color presets*/ + .mbsc-segmented-primary { + &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { + background: rgba($mbsc-windows-primary, .25); + } + } + + .mbsc-segmented-secondary { + &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { + background: rgba($mbsc-windows-secondary, .25); + } + } + + .mbsc-segmented-success { + &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { + background: rgba($mbsc-windows-success, .25); + } + } + + .mbsc-segmented-danger { + &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { + background: rgba($mbsc-windows-danger, .25); + } + } + + .mbsc-segmented-warning { + &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { + background: rgba($mbsc-windows-warning, .25); + } + } + + .mbsc-segmented-info { + &.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content { + background: rgba($mbsc-windows-info, .25); + } + } + + /* Stepper hover color presets*/ + .mbsc-stepper-primary { + .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { + background: darken($mbsc-windows-primary, 10%); + } + } + + .mbsc-stepper-secondary { + .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { + background: darken($mbsc-windows-secondary, 10%) + } + } + + .mbsc-stepper-success { + .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { + background: darken($mbsc-windows-success, 10%) + } + } + + .mbsc-stepper-danger { + .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { + background: darken($mbsc-windows-danger, 10%) + } + } + + .mbsc-stepper-warning { + .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { + background: darken($mbsc-windows-warning, 10%) + } + } + + .mbsc-stepper-info { + .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content { + background: darken($mbsc-windows-info, 10%) + } + } + } + + /* Stepper color presets */ + .mbsc-stepper-primary { + .mbsc-segmented-content.mbsc-stepper-val { + border-color: $mbsc-windows-primary; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { + background: $mbsc-windows-primary; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { + background: darken($mbsc-windows-primary, 25%); + } + } + + .mbsc-stepper-secondary { + .mbsc-segmented-content.mbsc-stepper-val { + border-color: $mbsc-windows-secondary; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { + background: $mbsc-windows-secondary; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { + background: darken($mbsc-windows-secondary, 25%); + } + } + + .mbsc-stepper-success { + .mbsc-segmented-content.mbsc-stepper-val { + border-color: $mbsc-windows-success; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { + background: $mbsc-windows-success; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { + background: darken($mbsc-windows-success, 25%); + } + } + + .mbsc-stepper-danger { + .mbsc-segmented-content.mbsc-stepper-val { + border-color: $mbsc-windows-danger; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { + background: $mbsc-windows-danger; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { + background: darken($mbsc-windows-danger, 25%); + } + } + + .mbsc-stepper-warning { + .mbsc-segmented-content.mbsc-stepper-val { + border-color: $mbsc-windows-warning; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { + background: $mbsc-windows-warning; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { + background: darken($mbsc-windows-warning, 25%); + } + } + + .mbsc-stepper-info { + .mbsc-segmented-content.mbsc-stepper-val { + border-color: $mbsc-windows-info; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content { + background: $mbsc-windows-info; + } + + .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content { + background: darken($mbsc-windows-info, 25%); + } + } + } + + @include mbsc-windows-forms(windows, (background: $mbsc-windows-background, text: $mbsc-windows-text, accent: $mbsc-windows-accent)); +} diff --git a/src/scss/frame/frame.bootstrap.scss b/src/scss/frame/frame.bootstrap.scss new file mode 100644 index 00000000..88f52f25 --- /dev/null +++ b/src/scss/frame/frame.bootstrap.scss @@ -0,0 +1,88 @@ +@import "./frame"; + +/* Frame */ +.mbsc-bootstrap { + .mbsc-fr-popup { + display: block; + padding: 0; + margin: 0; + } + + .mbsc-fr-hdr { + padding: 0 14px; + min-height: 37px; + line-height: 37px; + } + + .mbsc-fr-w { + font-family: inherit; + padding: 0; + } + + .mbsc-fr-overlay { + background: rgba(0, 0, 0, .5); + } + + .mbsc-fr-btn-cont { + padding: 0 2px 4px 2px; + } + + .mbsc-fr-btn { + display: block; + margin: 0 2px; + } + + + /* Inline mode */ + + &.mbsc-inline .mbsc-fr-popup { + display: inline-block; + } + + + /* Top/bottom mode */ + + &.mbsc-fr-inline .mbsc-fr-popup, + &.mbsc-fr-top .mbsc-fr-popup, + &.mbsc-fr-bottom .mbsc-fr-popup { + border-radius: 0; + } + + + /* Bubble mode */ + + .mbsc-fr-arr-i { + max-width: none; + height: 20px; + margin: 0 10px; + padding: 0; + border: 0; + display: block; + border-color: transparent; + background: none; + box-shadow: none; + } + + .mbsc-fr-arr-w { + margin: 0; + overflow: visible; + } + + .mbsc-fr-bubble-top .mbsc-fr-arr { + top: 0; + bottom: auto; + } + + .mbsc-fr-bubble-bottom .mbsc-fr-arr { + top: auto; + bottom: 0; + } + + /* 4.x */ + + &.mbsc-fr .mbsc-fr-arr { + margin: 0; + -webklit-transform: translate(-50%); + transform: translate(-50%); + } +} diff --git a/src/scss/frame/frame.ios.colors.scss b/src/scss/frame/frame.ios.colors.scss new file mode 100644 index 00000000..bb73f78a --- /dev/null +++ b/src/scss/frame/frame.ios.colors.scss @@ -0,0 +1,123 @@ +@import "../core/exports"; +@import "../core/ios"; + +@mixin mbsc-ios-frame($theme, $params) { + @include exports("frame.#{$theme}.colors") { + + $text: map-get($params, text); + $accent: map-get($params, accent); + + $colors: mbsc-ios-colors($params); + $button: map-get($colors, button); + $cont-background: map-get($colors, cont-background); + $btn-cont-background: map-get($colors, btn-cont-background); + $border-color: map-get($colors, border-color); + $top-bottom-border: map-get($colors, top-bottom-border); + $button-active: map-get($colors, button-active); + $background-alt: map-get($colors, background-alt); + $background-desktop: map-get($colors, background-desktop); + $background-limited: map-get($colors, background-limited); + $popup-shadow: map-get($colors, popup-shadow); + $popup-arrow-shadow: map-get($colors, popup-arrow-shadow); + $popup-border: map-get($colors, popup-border); + $background-overlay: map-get($colors, background-overlay); + + .mbsc-#{$theme} { + + &.mbsc-fr-top .mbsc-fr-btn-cont, + &.mbsc-fr-bottom .mbsc-fr-btn-cont { + background: $btn-cont-background; + } + + .mbsc-fr-overlay { + background: $background-overlay; + } + + .mbsc-fr-w { + background: $background-limited; + color: $text; + } + + .mbsc-fr-hdr { + color: $text; + } + + &.mbsc-fr-nobtn .mbsc-fr-hdr, + &.mbsc-fr-center:not(.mbsc-cal-liq) .mbsc-fr-hdr, + .mbsc-fr-btn-cont { + border-bottom: 1px solid $border-color; + } + + .mbsc-fr-btn { + color: $button; + } + + /* Bubble arrow */ + + .mbsc-fr-arr { + background: $background-limited; + } + + /* Top and bottom display */ + + &.mbsc-fr-bottom .mbsc-fr-popup { + border-top: 1px solid $top-bottom-border; + } + + &.mbsc-fr-top .mbsc-fr-popup { + border-bottom: 1px solid $top-bottom-border; + } + + /* Center display button */ + + &.mbsc-fr-center .mbsc-fr-btn-w { + border-top: 1px solid $border-color; + border-left: 1px solid $border-color; + } + + &.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w { + border-right: 1px solid $border-color; + } + + &.mbsc-fr-center.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover, + &.mbsc-fr-center .mbsc-fr-btn.mbsc-active { + background: $button-active; + } + + /* Inline display */ + + &.mbsc-fr-inline .mbsc-fr-w { + background: $background-alt; + border-top: 1px solid $border-color; + } + + &.mbsc-fr-inline .mbsc-fr-c { + border-bottom: 1px solid $border-color; + } + + &.mbsc-fr-no-overlay { + .mbsc-fr-arr { + box-shadow: 0 0 1em $popup-arrow-shadow; + } + + .mbsc-fr-w { + box-shadow: 0 .125em 1em $popup-arrow-shadow; + } + } + + /* Desktop view */ + + &.mbsc-fr-pointer { + + .mbsc-fr-persp .mbsc-fr-popup .mbsc-fr-w, + .mbsc-fr-persp .mbsc-cal-picker { + background: $background-desktop; + } + + .mbsc-fr-hdr { + border-color: $popup-border; + } + } + } + } +} diff --git a/src/scss/frame/frame.ios.scss b/src/scss/frame/frame.ios.scss new file mode 100644 index 00000000..2a64c9d3 --- /dev/null +++ b/src/scss/frame/frame.ios.scss @@ -0,0 +1,222 @@ +@import "../core/exports"; +@import "../borders/borders.ios"; +@import "./frame.ios.colors"; +@import "./frame"; + +@include exports("frame.ios") { + .mbsc-ios { + + &.mbsc-fr-top .mbsc-fr-btn-cont, + &.mbsc-fr-bottom .mbsc-fr-btn-cont { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + } + + .mbsc-fr-w { + position: relative; + padding-top: 3.666667em; + font-size: 12px; + font-family: -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif; + } + + .mbsc-fr-has-hdr .mbsc-fr-w { + min-width: 25em; + } + + &.mbsc-fr-nobtn .mbsc-fr-w, + &.mbsc-fr-center .mbsc-fr-w { + min-width: 16.666667em; + } + + .mbsc-fr-hdr { + position: absolute; + z-index: 1; + top: 0; + right: 0; + left: 0; + line-height: 1.25em; + padding: .75em 4.375em; + font-size: 1.333334em; + font-weight: bold; + text-overflow: ellipsis; + white-space: nowrap; + } + + &.mbsc-fr-nobtn .mbsc-fr-hdr, + &.mbsc-fr-center:not(.mbsc-cal-liq) .mbsc-fr-hdr { + position: relative; + padding: .75em .5em; + margin-bottom: -1px; + white-space: normal; + } + + .mbsc-fr-btn-cont { + position: absolute; + top: 0; + left: 0; + right: 0; + display: block; + } + + .mbsc-ltr .mbsc-fr-btn-cont { + text-align: right; + } + + .mbsc-rtl .mbsc-fr-btn-cont { + text-align: left; + } + + .mbsc-fr-btn { + height: 2.75em; + line-height: 2.75em; + padding: 0 .625em; + text-align: center; + font-size: 1.333334em; + } + + .mbsc-fr-btn.mbsc-active { + opacity: .5; + } + + .mbsc-fr-btn-w { + display: inline-block; + } + + .mbsc-ltr .mbsc-fr-btn-c { + float: left; + } + + .mbsc-rtl .mbsc-fr-btn-c { + float: right; + } + + .mbsc-fr-btn-s .mbsc-fr-btn { + font-weight: bold; + } + + &.mbsc-fr-bubble .mbsc-fr-w, + &.mbsc-fr-center .mbsc-fr-w { + border-radius: 8px; + } + + &.mbsc-fr-inline .mbsc-fr-w { + border-radius: 0; + } + + /* Bubble arrow */ + + .mbsc-fr-arr { + border-radius: 6px; + } + + /* Top and bottom display */ + + &.mbsc-fr-bottom .mbsc-fr-overlay, + &.mbsc-fr-top .mbsc-fr-overlay { + background: none; + } + + /* Center display button */ + + &.mbsc-fr-center .mbsc-fr-w { + padding-top: 0; + padding-bottom: 3.75em; + } + + &.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-w { + padding: 0; + } + + &.mbsc-fr-center .mbsc-fr-btn-cont { + display: table; + top: auto; + bottom: 0; + border: 0; + table-layout: fixed; + } + + &.mbsc-fr-center .mbsc-fr-btn-w { + display: table-cell; + float: none; + } + + &.mbsc-fr-center .mbsc-fr-btn-w:first-child { + border-left: 0; + } + + &.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w { + border-left: 0; + } + + &.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:first-child { + border-right: 0; + } + + &.mbsc-fr-center .mbsc-ltr .mbsc-fr-btn-w:first-child .mbsc-fr-btn, + &.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:last-child .mbsc-fr-btn { + border-radius: 0 0 0 .5em; + } + + &.mbsc-fr-center .mbsc-ltr .mbsc-fr-btn-w:last-child .mbsc-fr-btn, + &.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:first-child .mbsc-fr-btn { + border-radius: 0 0 .5em 0; + } + + &.mbsc-fr-center .mbsc-fr-btn.mbsc-active { + opacity: 1; + } + + &.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-btn-cont { + position: static; + display: block; + } + + &.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-btn-w { + display: block; + border-left: 0; + border-right: 0; + } + + &.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-w .mbsc-fr-btn-w .mbsc-fr-btn { + border-radius: 0; + } + + &.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-btn-w:last-child .mbsc-fr-btn { + border-radius: 0 0 .5em .5em; + } + + /* Inline display */ + + &.mbsc-fr-inline .mbsc-fr-w { + margin-top: -1px; + } + + /* No buttons */ + + &.mbsc-fr-nobtn .mbsc-fr-w { + padding: 0; + } + + &.mbsc-fr-nobtn.mbsc-fr-bottom .mbsc-fr-w { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); + } + + /* Desktop view */ + + &.mbsc-fr-pointer { + &.mbsc-fr .mbsc-fr-popup { + border: 0; + } + + .mbsc-fr-hdr { + font-size: 1.166667em; + line-height: 1.5em; + } + } + } + + @include mbsc-ios-frame(ios, (background: $mbsc-ios-background, text: $mbsc-ios-text, accent: $mbsc-ios-accent)); +} diff --git a/src/scss/frame/frame.material.colors.scss b/src/scss/frame/frame.material.colors.scss new file mode 100644 index 00000000..75307c86 --- /dev/null +++ b/src/scss/frame/frame.material.colors.scss @@ -0,0 +1,43 @@ +@import "../core/exports"; +@import "../core/material"; + +@mixin mbsc-material-frame($theme, $params) { + @include exports("frame.#{$theme}.colors") { + $colors: mbsc-material-colors($params); + $background-contrast: map-get($colors, background-contrast); + + $background: map-get($params, background); + $text: map-get($params, text); + $accent: map-get($params, accent); + + .mbsc-#{$theme} { + .mbsc-fr-overlay { + background: rgba(0, 0, 0, .6); + } + + .mbsc-fr-w { + background: $background; + color: $text; + box-shadow: 0 0.25em 1.5em rgba(0, 0, 0, 0.3); + } + + .mbsc-fr-hdr { + color: $accent; + } + + .mbsc-fr-btn { + color: $accent; + } + + &.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover, + .mbsc-fr-btn.mbsc-active { + background: rgba($background-contrast, .1); + } + + .mbsc-fr-arr { + box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.2); + background: $background; + } + } + } +} diff --git a/src/scss/frame/frame.material.scss b/src/scss/frame/frame.material.scss new file mode 100644 index 00000000..3baabf24 --- /dev/null +++ b/src/scss/frame/frame.material.scss @@ -0,0 +1,77 @@ +@import "../core/exports"; +@import "./frame.material.colors"; +@import "../core/material.ripple"; +@import "./frame"; + +@include exports("frame.material") { + .mbsc-material { + .mbsc-fr-w { + border-radius: .1875em; + min-width: 15em; + font-size: 16px; + } + + .mbsc-fr-hdr { + padding: 0 .6666em; + padding-top: .6666em; + font-size: .75em; + font-weight: bold; + text-transform: uppercase; + min-height: 2em; + line-height: 2em; + } + + .mbsc-fr-btn-cont { + display: block; + overflow: hidden; + padding: 0 .5em .5em .5em; + } + + .mbsc-ltr .mbsc-fr-btn-cont { + text-align: right; + } + + .mbsc-rtl .mbsc-fr-btn-cont { + text-align: left; + } + + .mbsc-fr-btn-w { + display: inline-block; + } + + .mbsc-fr-btn { + position: relative; + height: 2.4em; + line-height: 2.4em; + padding: 0 1em; + border-radius: 2px; + font-weight: bold; + text-transform: uppercase; + } + + .mbsc-fr-btn-cont .mbsc-fr-btn { + font-size: .9375em; + } + + .mbsc-fr-btn-e { + transition: background-color .2s ease-out; + } + + /* Inline mode */ + + &.mbsc-fr-inline .mbsc-fr-w { + box-shadow: none; + } + + + /* Top, bottom mode */ + + &.mbsc-fr-inline .mbsc-fr-w, + &.mbsc-fr-top .mbsc-fr-w, + &.mbsc-fr-bottom .mbsc-fr-w { + border-radius: 0; + } + } + + @include mbsc-material-frame(material, (background: $mbsc-material-background, text: $mbsc-material-text, accent: $mbsc-material-accent)); +} diff --git a/src/scss/frame/frame.mobiscroll.colors.scss b/src/scss/frame/frame.mobiscroll.colors.scss new file mode 100644 index 00000000..1dbc0716 --- /dev/null +++ b/src/scss/frame/frame.mobiscroll.colors.scss @@ -0,0 +1,32 @@ +@import "../core/exports"; +@import "../core/mobiscroll"; + +@mixin mbsc-mobiscroll-frame($theme, $params) { + @include exports("frame.#{$theme}.colors") { + + $background: map-get($params, background); + $text: map-get($params, text); + $accent: map-get($params, accent); + + .mbsc-#{$theme} { + .mbsc-fr-w { + background: $background; + color: $text; + } + + .mbsc-fr-hdr, + .mbsc-fr-btn { + color: $accent; + } + + .mbsc-fr-btn.mbsc-active, + &.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover { + background: rgba($accent, .3); + } + + .mbsc-fr-arr { + background: $background; + } + } + } +} diff --git a/src/scss/frame/frame.mobiscroll.scss b/src/scss/frame/frame.mobiscroll.scss new file mode 100644 index 00000000..2e25942e --- /dev/null +++ b/src/scss/frame/frame.mobiscroll.scss @@ -0,0 +1,69 @@ +@import "../core/exports"; +@import "./frame.mobiscroll.colors"; +@import "./frame"; + +@include exports("frame.mobiscroll") { + .mbsc-mobiscroll { + .mbsc-fr-w { + min-width: 16em; + font-size: 16px; + } + + .mbsc-fr-hdr { + padding: 0 .6666em; + padding-top: .6666em; + font-size: .75em; + text-transform: uppercase; + min-height: 2em; + line-height: 2em; + } + + .mbsc-fr-btn-cont { + display: block; + overflow: hidden; + text-align: right; + padding: 0 .5em .5em .5em; + } + + .mbsc-ltr .mbsc-fr-btn-cont { + text-align: right; + } + + .mbsc-rtl .mbsc-fr-btn-cont { + text-align: left; + } + + .mbsc-fr-btn-w { + display: inline-block; + } + + .mbsc-fr-btn { + height: 2.5em; + line-height: 2.5em; + padding: 0 1em; + text-transform: uppercase; + } + + /* Display modes */ + &.mbsc-fr-center .mbsc-fr-w, + &.mbsc-fr-bubble .mbsc-fr-w { + border-radius: .25em; + } + + &.mbsc-fr-no-overlay { + .mbsc-fr-arr { + box-shadow: 0 0 1em rgba(0, 0, 0, .2); + } + + .mbsc-fr-w { + box-shadow: 0 .125em 1em rgba(0, 0, 0, .3); + } + + &.mbsc-fr-bubble .mbsc-fr-w { + border-radius: .25em; + } + } + } + + @include mbsc-mobiscroll-frame(mobiscroll, (background: $mbsc-mobiscroll-background, text: $mbsc-mobiscroll-text, accent: $mbsc-mobiscroll-accent)); +} diff --git a/src/scss/frame/frame.scss b/src/scss/frame/frame.scss new file mode 100644 index 00000000..a5215760 --- /dev/null +++ b/src/scss/frame/frame.scss @@ -0,0 +1,337 @@ +@import "../core/exports"; +@import "../core/common"; +@import "../core/animation"; +@import "../core/icons"; + +@include exports("frame") { + + .mbsc-fr-w, + .mbsc-fr-overlay { + -webkit-transform: translateZ(0); + } + + .mbsc-fr { + pointer-events: none; + z-index: 99998; + font-weight: normal; + -webkit-font-smoothing: antialiased; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-text-size-adjust: 100%; + } + + .mbsc-fr-lock-ctx { + position: relative; + } + + .mbsc-fr-lock.mbsc-fr-lock-ios { + overflow: hidden; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + height: auto; + } + + .mbsc-fr-pos { + visibility: hidden; + } + + .mbsc-fr-scroll { + position: relative; + z-index: 2; + width: 100%; + height: 100%; + -ms-touch-action: pan-y; + touch-action: pan-y; + overflow-y: auto; + overflow-x: hidden; + -webkit-overflow-scrolling: touch; + } + + .mbsc-fr-popup { + max-width: 98%; + position: absolute; + z-index: 2; + top: 0; + left: 0; + font-size: 12px; + text-shadow: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + } + + .mbsc-rtl { + direction: rtl; + } + + + /* Box sizing */ + + .mbsc-fr-popup, + .mbsc-fr-btn-cont, + .mbsc-fr-arr { + box-sizing: border-box; + } + + .mbsc-fr .mbsc-fr-w { + box-sizing: content-box; + } + + .mbsc-fr-w { + min-width: 200px; + max-width: 100%; + overflow: hidden; + text-align: center; + font-family: arial, verdana, sans-serif; + } + + + /* Modal overlay */ + + .mbsc-fr, + .mbsc-fr-persp, + .mbsc-fr-overlay { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + } + + .mbsc-fr-lock .mbsc-fr-persp { + -ms-touch-action: none; + touch-action: none; + } + + .mbsc-fr-lock-ctx > .mbsc-fr, + .mbsc-fr-lock-ctx .mbsc-fr-persp, + .mbsc-fr-lock-ctx .mbsc-fr-overlay { + position: absolute; + } + + .mbsc-fr-persp { + pointer-events: auto; + overflow: hidden; + } + + .mbsc-fr-overlay { + z-index: 1; + background: rgba(0, 0, 0, .7); + } + + + /* Liquid mode */ + + .mbsc-fr-liq .mbsc-fr-popup { + max-width: 100%; + } + + + /* Top/Bottom mode */ + + .mbsc-fr-top .mbsc-fr-popup, + .mbsc-fr-bottom .mbsc-fr-popup { + width: 100%; + max-width: 100%; + } + + .mbsc-fr-top .mbsc-fr-w, + .mbsc-fr-bottom .mbsc-fr-w { + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + } + + .mbsc-fr-bottom .mbsc-fr-w { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); + } + + .mbsc-fr-top .mbsc-fr-popup { + padding-top: constant(safe-area-inset-top); + padding-top: env(safe-area-inset-top); + } + + + /* Inline mode */ + + .mbsc-fr-inline { + position: relative; + pointer-events: auto; + z-index: 0; + } + + .mbsc-fr-inline .mbsc-fr-popup { + position: static; + max-width: 100%; + } + + + /* Bubble mode */ + + .mbsc-fr-bubble, + .mbsc-fr-bubble .mbsc-fr-persp { + position: absolute; + } + + .mbsc-fr-bubble .mbsc-fr-arr-w { + position: absolute; + z-index: 1; + left: 0; + width: 100%; + overflow: hidden; + } + + .mbsc-fr-bubble-top .mbsc-fr-arr-w { + top: 100%; + } + + .mbsc-fr-bubble-bottom .mbsc-fr-arr-w { + bottom: 100%; + } + + .mbsc-fr-bubble .mbsc-fr-arr-i { + margin: 0 1.75em; + position: relative; + direction: ltr; + } + + .mbsc-fr-bubble .mbsc-fr-arr { + display: block; + } + + .mbsc-fr-arr { + display: none; + position: relative; + left: 0; + width: 2em; + height: 2em; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + margin-left: -1em; + } + + .mbsc-fr-bubble-bottom .mbsc-fr-arr { + top: 1.333334em; + } + + .mbsc-fr-bubble-top .mbsc-fr-arr { + top: -1.333334em; + } + + .mbsc-fr-hdn { + width: 0; + height: 0; + margin: 0; + padding: 0; + border: 0; + overflow: hidden; + } + + + /* Header */ + + .mbsc-fr-hdr { + overflow: hidden; + text-overflow: ellipsis; + text-align: center; + } + + + /* Buttons */ + + .mbsc-fr-btn { + overflow: hidden; + display: block; + text-decoration: none; + white-space: nowrap; + text-overflow: ellipsis; + vertical-align: top; + } + + .mbsc-fr-btn-e { + cursor: pointer; + } + + .mbsc-fr-btn.mbsc-disabled { + cursor: not-allowed; + } + + + /* Button container */ + + .mbsc-fr-btn-cont { + display: table; + width: 100%; + text-align: center; + white-space: normal; + } + + .mbsc-fr-btn-cont .mbsc-disabled { + opacity: .3; + } + + + /* Button wrapper */ + + .mbsc-fr-btn-w { + vertical-align: top; + display: table-cell; + position: relative; + z-index: 5; + } + + .mbsc-fr-btn-w .mbsc-fr-btn:before { + padding: .375em; + } + + /* Desktop view */ + + .mbsc-fr-pointer { + + /* Embedded components */ + &.mbsc-fr .mbsc-fr-w .mbsc-fr-inline .mbsc-fr-w { + box-shadow: none; + border-radius: 0; + } + + .mbsc-ltr .mbsc-fr-w, + .mbsc-ltr .mbsc-sc-whl .mbsc-sel-gr { + text-align: left; + } + + .mbsc-rtl .mbsc-fr-w, + .mbsc-rtl .mbsc-sc-whl .mbsc-sel-gr { + text-align: right; + } + + &.mbsc-fr-top .mbsc-fr-w, + &.mbsc-fr-bottom .mbsc-fr-w { + pointer-events: auto; + display: inline-block; + margin-top: 3em; + margin-bottom: 3em; + max-width: 98%; + } + + &.mbsc-fr-top .mbsc-fr-popup, + &.mbsc-fr-bottom .mbsc-fr-popup { + text-align: center; + pointer-events: none; + } + + &.mbsc-fr-bubble .mbsc-fr-arr-w { + display: none; + } + + .mbsc-sel-empty { + text-align: center; + } + } +} diff --git a/src/scss/frame/frame.windows.colors.scss b/src/scss/frame/frame.windows.colors.scss new file mode 100644 index 00000000..16edb7ed --- /dev/null +++ b/src/scss/frame/frame.windows.colors.scss @@ -0,0 +1,47 @@ +@import "../core/exports"; +@import "../core/windows"; + +@mixin mbsc-windows-frame($theme, $params) { + @include exports("frame.#{$theme}.colors") { + $colors: mbsc-windows-colors($params); + $frame-border: map-get($colors, frame-border); + $button-hover: map-get($colors, button-hover); + + $background: map-get($params, background); + $text: map-get($params, text); + + .mbsc-#{$theme} { + .mbsc-fr-w { + background: $background; + color: $text; + border: 1px solid $frame-border; + } + + .mbsc-fr-hdr { + border-bottom: 2px solid $frame-border; + } + + .mbsc-fr-btn-cont { + border-top: 2px solid $frame-border; + } + + .mbsc-fr-btn-w { + background: $background; + } + + .mbsc-fr-btn { + color: $text; + } + + &.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover, + .mbsc-fr-btn.mbsc-active { + background: $button-hover; + } + + .mbsc-fr-arr { + background: $background; + border: 1px solid $frame-border; + } + } + } +} diff --git a/src/scss/frame/frame.windows.scss b/src/scss/frame/frame.windows.scss new file mode 100644 index 00000000..ed9f8421 --- /dev/null +++ b/src/scss/frame/frame.windows.scss @@ -0,0 +1,41 @@ +@import "../core/exports"; +@import "./frame.windows.colors"; +@import "./frame"; + +@include exports("frame.windows") { + .mbsc-windows { + .mbsc-fr-w { + font-size: 16px; + } + + .mbsc-ltr .mbsc-fr-btn-w .mbsc-fr-btn:before { + padding: 0 .375em 0 0; + } + + .mbsc-rtl .mbsc-fr-btn-w .mbsc-fr-btn:before { + padding: 0 0 0 .375em; + } + + &.mbsc-fr-inline .mbsc-fr-w { + border: 0; + } + + .mbsc-fr-hdr { + padding: .5em; + font-weight: bold; + } + + .mbsc-fr-btn { + height: 2.5em; + line-height: 2.5em; + text-align: center; + padding: 0 .375em; + } + + .mbsc-fr-arr-w { + margin: -1px 0; + } + } + + @include mbsc-windows-frame(windows, (background: $mbsc-windows-background, text: $mbsc-windows-text, accent: $mbsc-windows-accent)); +} diff --git a/src/scss/grid-layout/grid-layout.bootstrap.scss b/src/scss/grid-layout/grid-layout.bootstrap.scss new file mode 100644 index 00000000..0db156ed --- /dev/null +++ b/src/scss/grid-layout/grid-layout.bootstrap.scss @@ -0,0 +1 @@ +@import './grid-layout'; diff --git a/src/scss/grid-layout/grid-layout.ios.scss b/src/scss/grid-layout/grid-layout.ios.scss new file mode 100644 index 00000000..5e64f8ea --- /dev/null +++ b/src/scss/grid-layout/grid-layout.ios.scss @@ -0,0 +1,2 @@ +@import '../core/ios'; +@import './grid-layout'; diff --git a/src/scss/grid-layout/grid-layout.material.scss b/src/scss/grid-layout/grid-layout.material.scss new file mode 100644 index 00000000..451a3495 --- /dev/null +++ b/src/scss/grid-layout/grid-layout.material.scss @@ -0,0 +1,2 @@ +@import '../core/material'; +@import './grid-layout'; diff --git a/src/scss/grid-layout/grid-layout.mobiscroll.scss b/src/scss/grid-layout/grid-layout.mobiscroll.scss new file mode 100644 index 00000000..4387863a --- /dev/null +++ b/src/scss/grid-layout/grid-layout.mobiscroll.scss @@ -0,0 +1,2 @@ +@import '../core/mobiscroll'; +@import './grid-layout'; diff --git a/src/scss/grid-layout/grid-layout.scss b/src/scss/grid-layout/grid-layout.scss new file mode 100644 index 00000000..6320d1af --- /dev/null +++ b/src/scss/grid-layout/grid-layout.scss @@ -0,0 +1,1320 @@ +@import "../core/exports"; + +@mixin mbsc-grid-sm() { + .mbsc-col-sm { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + + .mbsc-col-sm-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; + } + + .mbsc-col-sm-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + + .mbsc-col-sm-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + + .mbsc-col-sm-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + + .mbsc-col-sm-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + + .mbsc-col-sm-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + + .mbsc-col-sm-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + + .mbsc-col-sm-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + + .mbsc-col-sm-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + + .mbsc-col-sm-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + + .mbsc-col-sm-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + + .mbsc-col-sm-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + + .mbsc-col-sm-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + + .mbsc-offset-sm-0 { + margin-left: 0; + } + + .mbsc-offset-sm-1 { + margin-left: 8.333333%; + } + + .mbsc-offset-sm-2 { + margin-left: 16.666667%; + } + + .mbsc-offset-sm-3 { + margin-left: 25%; + } + + .mbsc-offset-sm-4 { + margin-left: 33.333333%; + } + + .mbsc-offset-sm-5 { + margin-left: 41.666667%; + } + + .mbsc-offset-sm-6 { + margin-left: 50%; + } + + .mbsc-offset-sm-7 { + margin-left: 58.333333%; + } + + .mbsc-offset-sm-8 { + margin-left: 66.666667%; + } + + .mbsc-offset-sm-9 { + margin-left: 75%; + } + + .mbsc-offset-sm-10 { + margin-left: 83.333333%; + } + + .mbsc-offset-sm-11 { + margin-left: 91.666667%; + } + + .mbsc-push-sm-0 { + left: auto; + } + + .mbsc-push-sm-1 { + left: 8.33333333%; + } + + .mbsc-push-sm-2 { + left: 16.66666667%; + } + + .mbsc-push-sm-3 { + left: 25%; + } + + .mbsc-push-sm-4 { + left: 33.33333333%; + } + + .mbsc-push-sm-5 { + left: 41.66666667%; + } + + .mbsc-push-sm-6 { + left: 50%; + } + + .mbsc-push-sm-7 { + left: 58.33333333%; + } + + .mbsc-push-sm-8 { + left: 66.66666667%; + } + + .mbsc-push-sm-9 { + left: 75%; + } + + .mbsc-push-sm-10 { + left: 83.33333333%; + } + + .mbsc-push-sm-11 { + left: 91.66666667%; + } + + .mbsc-push-sm-12 { + left: 100%; + } + + .mbsc-pull-sm-0 { + right: auto; + } + + .mbsc-pull-sm-1 { + right: 8.33333333%; + } + + .mbsc-pull-sm-2 { + right: 16.66666667%; + } + + .mbsc-pull-sm-3 { + right: 25%; + } + + .mbsc-pull-sm-4 { + right: 33.33333333%; + } + + .mbsc-pull-sm-5 { + right: 41.66666667%; + } + + .mbsc-pull-sm-6 { + right: 50%; + } + + .mbsc-pull-sm-7 { + right: 58.33333333%; + } + + .mbsc-pull-sm-8 { + right: 66.66666667%; + } + + .mbsc-pull-sm-9 { + right: 75%; + } + + .mbsc-pull-sm-10 { + right: 83.33333333%; + } + + .mbsc-pull-sm-11 { + right: 91.66666667%; + } + + .mbsc-pull-sm-12 { + right: 100%; + } +} + +@mixin mbsc-grid-md() { + .mbsc-col-md { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + + .mbsc-col-md-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; + } + + .mbsc-col-md-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + + .mbsc-col-md-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + + .mbsc-col-md-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + + .mbsc-col-md-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + + .mbsc-col-md-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + + .mbsc-col-md-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + + .mbsc-col-md-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + + .mbsc-col-md-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + + .mbsc-col-md-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + + .mbsc-col-md-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + + .mbsc-col-md-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + + .mbsc-col-md-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + + .mbsc-offset-md-0 { + margin-left: 0; + } + + .mbsc-offset-md-1 { + margin-left: 8.333333%; + } + + .mbsc-offset-md-2 { + margin-left: 16.666667%; + } + + .mbsc-offset-md-3 { + margin-left: 25%; + } + + .mbsc-offset-md-4 { + margin-left: 33.333333%; + } + + .mbsc-offset-md-5 { + margin-left: 41.666667%; + } + + .mbsc-offset-md-6 { + margin-left: 50%; + } + + .mbsc-offset-md-7 { + margin-left: 58.333333%; + } + + .mbsc-offset-md-8 { + margin-left: 66.666667%; + } + + .mbsc-offset-md-9 { + margin-left: 75%; + } + + .mbsc-offset-md-10 { + margin-left: 83.333333%; + } + + .mbsc-offset-md-11 { + margin-left: 91.666667%; + } + + .mbsc-push-md-0 { + left: auto; + } + + .mbsc-push-md-1 { + left: 8.33333333%; + } + + .mbsc-push-md-2 { + left: 16.66666667%; + } + + .mbsc-push-md-3 { + left: 25%; + } + + .mbsc-push-md-4 { + left: 33.33333333%; + } + + .mbsc-push-md-5 { + left: 41.66666667%; + } + + .mbsc-push-md-6 { + left: 50%; + } + + .mbsc-push-md-7 { + left: 58.33333333%; + } + + .mbsc-push-md-8 { + left: 66.66666667%; + } + + .mbsc-push-md-9 { + left: 75%; + } + + .mbsc-push-md-10 { + left: 83.33333333%; + } + + .mbsc-push-md-11 { + left: 91.66666667%; + } + + .mbsc-push-md-12 { + left: 100%; + } + + .mbsc-pull-md-0 { + right: auto; + } + + .mbsc-pull-md-1 { + right: 8.33333333%; + } + + .mbsc-pull-md-2 { + right: 16.66666667%; + } + + .mbsc-pull-md-3 { + right: 25%; + } + + .mbsc-pull-md-4 { + right: 33.33333333%; + } + + .mbsc-pull-md-5 { + right: 41.66666667%; + } + + .mbsc-pull-md-6 { + right: 50%; + } + + .mbsc-pull-md-7 { + right: 58.33333333%; + } + + .mbsc-pull-md-8 { + right: 66.66666667%; + } + + .mbsc-pull-md-9 { + right: 75%; + } + + .mbsc-pull-md-10 { + right: 83.33333333%; + } + + .mbsc-pull-md-11 { + right: 91.66666667%; + } + + .mbsc-pull-md-12 { + right: 100%; + } +} + +@mixin mbsc-grid-lg() { + .mbsc-col-lg { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + + .mbsc-col-lg-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; + } + + .mbsc-col-lg-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + + .mbsc-col-lg-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + + .mbsc-col-lg-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + + .mbsc-col-lg-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + + .mbsc-col-lg-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + + .mbsc-col-lg-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + + .mbsc-col-lg-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + + .mbsc-col-lg-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + + .mbsc-col-lg-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + + .mbsc-col-lg-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + + .mbsc-col-lg-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + + .mbsc-col-lg-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + + .mbsc-offset-lg-0 { + margin-left: 0; + } + + .mbsc-offset-lg-1 { + margin-left: 8.333333%; + } + + .mbsc-offset-lg-2 { + margin-left: 16.666667%; + } + + .mbsc-offset-lg-3 { + margin-left: 25%; + } + + .mbsc-offset-lg-4 { + margin-left: 33.333333%; + } + + .mbsc-offset-lg-5 { + margin-left: 41.666667%; + } + + .mbsc-offset-lg-6 { + margin-left: 50%; + } + + .mbsc-offset-lg-7 { + margin-left: 58.333333%; + } + + .mbsc-offset-lg-8 { + margin-left: 66.666667%; + } + + .mbsc-offset-lg-9 { + margin-left: 75%; + } + + .mbsc-offset-lg-10 { + margin-left: 83.333333%; + } + + .mbsc-offset-lg-11 { + margin-left: 91.666667%; + } + + .mbsc-push-lg-0 { + left: auto; + } + + .mbsc-push-lg-1 { + left: 8.33333333%; + } + + .mbsc-push-lg-2 { + left: 16.66666667%; + } + + .mbsc-push-lg-3 { + left: 25%; + } + + .mbsc-push-lg-4 { + left: 33.33333333%; + } + + .mbsc-push-lg-5 { + left: 41.66666667%; + } + + .mbsc-push-lg-6 { + left: 50%; + } + + .mbsc-push-lg-7 { + left: 58.33333333%; + } + + .mbsc-push-lg-8 { + left: 66.66666667%; + } + + .mbsc-push-lg-9 { + left: 75%; + } + + .mbsc-push-lg-10 { + left: 83.33333333%; + } + + .mbsc-push-lg-11 { + left: 91.66666667%; + } + + .mbsc-push-lg-12 { + left: 100%; + } + + .mbsc-pull-lg-0 { + right: auto; + } + + .mbsc-pull-lg-1 { + right: 8.33333333%; + } + + .mbsc-pull-lg-2 { + right: 16.66666667%; + } + + .mbsc-pull-lg-3 { + right: 25%; + } + + .mbsc-pull-lg-4 { + right: 33.33333333%; + } + + .mbsc-pull-lg-5 { + right: 41.66666667%; + } + + .mbsc-pull-lg-6 { + right: 50%; + } + + .mbsc-pull-lg-7 { + right: 58.33333333%; + } + + .mbsc-pull-lg-8 { + right: 66.66666667%; + } + + .mbsc-pull-lg-9 { + right: 75%; + } + + .mbsc-pull-lg-10 { + right: 83.33333333%; + } + + .mbsc-pull-lg-11 { + right: 91.66666667%; + } + + .mbsc-pull-lg-12 { + right: 100%; + } +} + +@mixin mbsc-grid-xl() { + .mbsc-col-xl { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + + .mbsc-col-xl-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; + } + + .mbsc-col-xl-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + + .mbsc-col-xl-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + + .mbsc-col-xl-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + + .mbsc-col-xl-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + + .mbsc-col-xl-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + + .mbsc-col-xl-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + + .mbsc-col-xl-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + + .mbsc-col-xl-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + + .mbsc-col-xl-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + + .mbsc-col-xl-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + + .mbsc-col-xl-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + + .mbsc-col-xl-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + + .mbsc-offset-xl-0 { + margin-left: 0; + } + + .mbsc-offset-xl-1 { + margin-left: 8.333333%; + } + + .mbsc-offset-xl-2 { + margin-left: 16.666667%; + } + + .mbsc-offset-xl-3 { + margin-left: 25%; + } + + .mbsc-offset-xl-4 { + margin-left: 33.333333%; + } + + .mbsc-offset-xl-5 { + margin-left: 41.666667%; + } + + .mbsc-offset-xl-6 { + margin-left: 50%; + } + + .mbsc-offset-xl-7 { + margin-left: 58.333333%; + } + + .mbsc-offset-xl-8 { + margin-left: 66.666667%; + } + + .mbsc-offset-xl-9 { + margin-left: 75%; + } + + .mbsc-offset-xl-10 { + margin-left: 83.333333%; + } + + .mbsc-offset-xl-11 { + margin-left: 91.666667%; + } + + .mbsc-push-xl-0 { + left: auto; + } + + .mbsc-push-xl-1 { + left: 8.33333333%; + } + + .mbsc-push-xl-2 { + left: 16.66666667%; + } + + .mbsc-push-xl-3 { + left: 25%; + } + + .mbsc-push-xl-4 { + left: 33.33333333%; + } + + .mbsc-push-xl-5 { + left: 41.66666667%; + } + + .mbsc-push-xl-6 { + left: 50%; + } + + .mbsc-push-xl-7 { + left: 58.33333333%; + } + + .mbsc-push-xl-8 { + left: 66.66666667%; + } + + .mbsc-push-xl-9 { + left: 75%; + } + + .mbsc-push-xl-10 { + left: 83.33333333%; + } + + .mbsc-push-xl-11 { + left: 91.66666667%; + } + + .mbsc-push-xl-12 { + left: 100%; + } + + .mbsc-pull-xl-0 { + right: auto; + } + + .mbsc-pull-xl-1 { + right: 8.33333333%; + } + + .mbsc-pull-xl-2 { + right: 16.66666667%; + } + + .mbsc-pull-xl-3 { + right: 25%; + } + + .mbsc-pull-xl-4 { + right: 33.33333333%; + } + + .mbsc-pull-xl-5 { + right: 41.66666667%; + } + + .mbsc-pull-xl-6 { + right: 50%; + } + + .mbsc-pull-xl-7 { + right: 58.33333333%; + } + + .mbsc-pull-xl-8 { + right: 66.66666667%; + } + + .mbsc-pull-xl-9 { + right: 75%; + } + + .mbsc-pull-xl-10 { + right: 83.33333333%; + } + + .mbsc-pull-xl-11 { + right: 91.66666667%; + } + + .mbsc-pull-xl-12 { + right: 100%; + } +} + +@include exports("grid-layout") { + + .mbsc-grid, + .mbsc-grid-unresp, + .mbsc-grid-fixed { + width: 100%; + padding-right: 1em; + padding-left: 1em; + margin-right: auto; + margin-left: auto; + box-sizing: border-box; + + * { + box-sizing: border-box; + } + } + + .mbsc-no-padding .mbsc-col, + .mbsc-no-padding [class*="mbsc-col-"], + .mbsc-form-grid .mbsc-col, + .mbsc-form-grid [class*="mbsc-col-"] { + padding-right: 0; + padding-left: 0; + } + + .mbsc-row { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -1em; + margin-left: -1em; + } + + .mbsc-col { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + + .mbsc-col-1, + .mbsc-col-2, + .mbsc-col-3, + .mbsc-col-4, + .mbsc-col-5, + .mbsc-col-6, + .mbsc-col-7, + .mbsc-col-8, + .mbsc-col-9, + .mbsc-col-10, + .mbsc-col-11, + .mbsc-col-12, + .mbsc-col, + .mbsc-col-auto, + .mbsc-col-sm-1, + .mbsc-col-sm-2, + .mbsc-col-sm-3, + .mbsc-col-sm-4, + .mbsc-col-sm-5, + .mbsc-col-sm-6, + .mbsc-col-sm-7, + .mbsc-col-sm-8, + .mbsc-col-sm-9, + .mbsc-col-sm-10, + .mbsc-col-sm-11, + .mbsc-col-sm-12, + .mbsc-col-sm, + .mbsc-col-sm-auto, + .mbsc-col-md-1, + .mbsc-col-md-2, + .mbsc-col-md-3, + .mbsc-col-md-4, + .mbsc-col-md-5, + .mbsc-col-md-6, + .mbsc-col-md-7, + .mbsc-col-md-8, + .mbsc-col-md-9, + .mbsc-col-md-10, + .mbsc-col-md-11, + .mbsc-col-md-12, + .mbsc-col-md, + .mbsc-col-md-auto, + .mbsc-col-lg-1, + .mbsc-col-lg-2, + .mbsc-col-lg-3, + .mbsc-col-lg-4, + .mbsc-col-lg-5, + .mbsc-col-lg-6, + .mbsc-col-lg-7, + .mbsc-col-lg-8, + .mbsc-col-lg-9, + .mbsc-col-lg-10, + .mbsc-col-lg-11, + .mbsc-col-lg-12, + .mbsc-col-lg, + .mbsc-col-lg-auto, + .mbsc-col-xl-1, + .mbsc-col-xl-2, + .mbsc-col-xl-3, + .mbsc-col-xl-4, + .mbsc-col-xl-5, + .mbsc-col-xl-6, + .mbsc-col-xl-7, + .mbsc-col-xl-8, + .mbsc-col-xl-9, + .mbsc-col-xl-10, + .mbsc-col-xl-11, + .mbsc-col-xl-12, + .mbsc-col-xl, + .mbsc-col-xl-auto { + position: relative; + width: 100%; + min-height: 1px; + padding-right: 1em; + padding-left: 1em; + } + + .mbsc-col-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + + .mbsc-col-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + + .mbsc-col-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + + .mbsc-col-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + + .mbsc-col-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + + .mbsc-col-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + + .mbsc-col-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + + .mbsc-col-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + + .mbsc-col-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + + .mbsc-col-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + + .mbsc-col-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + + .mbsc-col-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + + .mbsc-col-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; + } + + .mbsc-offset-1 { + margin-left: 8.333333%; + } + + .mbsc-offset-2 { + margin-left: 16.666667%; + } + + .mbsc-offset-3 { + margin-left: 25%; + } + + .mbsc-offset-4 { + margin-left: 33.333333%; + } + + .mbsc-offset-5 { + margin-left: 41.666667%; + } + + .mbsc-offset-6 { + margin-left: 50%; + } + + .mbsc-offset-7 { + margin-left: 58.333333%; + } + + .mbsc-offset-8 { + margin-left: 66.666667%; + } + + .mbsc-offset-9 { + margin-left: 75%; + } + + .mbsc-offset-10 { + margin-left: 83.333333%; + } + + .mbsc-offset-11 { + margin-left: 91.666667%; + } + + .mbsc-grid-sm { + &.mbsc-grid-fixed { + max-width: 540px; + } + + @include mbsc-grid-sm(); + } + + @media (min-width: 576px) { + .mbsc-grid { + &.mbsc-grid-fixed { + max-width: 540px; + } + + @include mbsc-grid-sm(); + } + } + + .mbsc-grid-md { + &.mbsc-grid-fixed { + max-width: 720px; + } + + @include mbsc-grid-md(); + } + + @media (min-width: 768px) { + .mbsc-grid { + &.mbsc-grid-fixed { + max-width: 720px; + } + + @include mbsc-grid-md(); + } + } + + .mbsc-grid-lg { + &.mbsc-grid-fixed { + max-width: 960px; + } + + @include mbsc-grid-lg(); + } + + @media (min-width: 992px) { + .mbsc-grid { + &.mbsc-grid-fixed { + max-width: 960px; + } + + @include mbsc-grid-lg(); + } + } + + .mbsc-grid-xl { + &.mbsc-grid-fixed { + max-width: 1140px; + } + + @include mbsc-grid-xl(); + } + + @media (min-width: 1200px) { + .mbsc-grid { + &.mbsc-grid-fixed { + max-width: 1140px; + } + + @include mbsc-grid-xl(); + } + } + + .mbsc-align-items-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + + .mbsc-align-items-center { + -ms-flex-align: center !important; + align-items: center !important; + } + + .mbsc-align-items-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + + .mbsc-justify-content-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + + .mbsc-justify-content-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + + .mbsc-justify-content-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + + .mbsc-justify-content-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + + .mbsc-justify-content-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } +} diff --git a/src/scss/grid-layout/grid-layout.windows.scss b/src/scss/grid-layout/grid-layout.windows.scss new file mode 100644 index 00000000..8b7a41d3 --- /dev/null +++ b/src/scss/grid-layout/grid-layout.windows.scss @@ -0,0 +1,2 @@ +@import '../core/windows'; +@import './grid-layout'; diff --git a/src/scss/input/input.bootstrap.scss b/src/scss/input/input.bootstrap.scss new file mode 100644 index 00000000..e69de29b diff --git a/src/scss/input/input.ios.colors.scss b/src/scss/input/input.ios.colors.scss new file mode 100644 index 00000000..1973f524 --- /dev/null +++ b/src/scss/input/input.ios.colors.scss @@ -0,0 +1,88 @@ +@import "../core/exports"; +@import "../core/ios"; + +@mixin mbsc-ios-input($theme, $params) { + @include exports("input.#{$theme}.colors") { + + $text: map-get($params, text); + + $colors: mbsc-ios-colors($params); + $error: map-get($colors, error); + $cont-background: map-get($colors, cont-background); + $border-color: map-get($colors, border-color); + $form-text: map-get($colors, form-text); + + .mbsc-#{$theme} { + .mbsc-input { + background: $cont-background; + } + + .mbsc-input .mbsc-control::-webkit-input-placeholder { + color: $form-text; + } + + .mbsc-input .mbsc-control::-ms-input-placeholder { + color: $form-text; + } + + .mbsc-input .mbsc-control::-moz-placeholder { + color: $form-text; + } + + .mbsc-input-wrap input:-webkit-autofill ~ .mbsc-input-fill { + background: #e8f0fe; + } + + .mbsc-input-wrap input:-webkit-autofill { + box-shadow: 0 0 0px 1000px #e8f0fe inset; + } + + .mbsc-input .mbsc-label, + .mbsc-progress .mbsc-label, + .mbsc-input input, + .mbsc-input textarea { + color: $text; + } + + .mbsc-err-msg { + color: $error; + } + + .mbsc-control-w:before, + .mbsc-control-w:after { + border-top: 1px solid $border-color; + } + + .mbsc-control-w.mbsc-err:after, + .mbsc-control-w.mbsc-err + .mbsc-err:before, + .mbsc-control-w.mbsc-err + .mbsc-divider { + border-top-color: $error; + } + + /* Box Input and Outline */ + .mbsc-input-box, + .mbsc-input-outline { + &.mbsc-err { + border-color: $error; + } + + .mbsc-err-msg { + color: $error; + } + } + + /* Outline */ + .mbsc-input-outline { + + /* Row separator */ + &.mbsc-control-w { + border: 1px solid $border-color; + } + + &.mbsc-err.mbsc-control-w { + border-color: $error; + } + } + } + } +} diff --git a/src/scss/input/input.ios.scss b/src/scss/input/input.ios.scss new file mode 100644 index 00000000..d6a36507 --- /dev/null +++ b/src/scss/input/input.ios.scss @@ -0,0 +1,531 @@ +@import "../core/exports"; +@import "./input.ios.colors"; +@import "./input"; + +@include exports("input.ios") { + .mbsc-ios { + .mbsc-input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0; + } + + .mbsc-input input { + height: 2.75em; + padding: 0 1em; + background: transparent; + } + + .mbsc-input-wrap { + position: static; + -webkit-box-flex: 1; + -webkit-flex: 1 auto; + -moz-box-flex: 1; + -moz-flex: 1 auto; + -ms-flex: 1 auto; + flex: 1 auto; + } + + .mbsc-input-wrap .mbsc-input-fill { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: -1; + border-radius: 8px; + } + + /* Textbox, select, textarea */ + .mbsc-textarea textarea { + height: 3em; + padding: 0 1em; + background: transparent; + } + + .mbsc-input .mbsc-label, + .mbsc-progress .mbsc-label { + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -moz-box-flex: 0; + -moz-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 30%; + max-width: 12.5em; + overflow: hidden; + font-size: 1em; + line-height: 2.75em; + white-space: nowrap; + text-overflow: ellipsis; + box-sizing: content-box; + } + + &.mbsc-ltr .mbsc-input .mbsc-label { + padding-left: 1em; + } + + &.mbsc-rtl .mbsc-input .mbsc-label { + padding-right: 1em; + } + + .mbsc-input input:disabled, + .mbsc-input textarea:disabled, + .mbsc-input .mbsc-control:disabled ~ input, + .mbsc-input .mbsc-control:disabled ~ .mbsc-ic { + opacity: .5; + } + + .mbsc-err-msg { + padding: .5em 1.3333em; + } + + /* Select */ + &.mbsc-ltr .mbsc-select input { + padding-right: 2.25em; + } + + &.mbsc-rtl .mbsc-select input { + padding-left: 2.25em; + } + + .mbsc-select-ic { + position: absolute; + display: block; + height: 1.25em; + width: 1.25em; + top: .875em; + right: 1em; + text-align: center; + } + + &.mbsc-rtl .mbsc-select-ic { + right: auto; + left: 1em; + } + + .mbsc-ic-right .mbsc-select-ic { + right: 3.4em; + } + + &.mbsc-rtl .mbsc-ic-right .mbsc-select-ic { + right: auto; + left: 3.4em; + } + + /* Select inline */ + .mbsc-select-inline .mbsc-select-ic { + display: none; + } + + /* Textarea */ + .mbsc-textarea .mbsc-input-wrap { + padding: .625em 0; + } + + /* Icons */ + .mbsc-input-ic { + top: .375em; + margin-top: -1px; + } + + .mbsc-ic-left { + z-index: 1; + } + + &.mbsc-ltr .mbsc-ic-left .mbsc-input-wrap, + &.mbsc-rtl .mbsc-ic-right .mbsc-input-wrap { + padding-left: 2.25em; + } + + &.mbsc-ltr .mbsc-ic-right .mbsc-input-wrap, + &.mbsc-rtl .mbsc-ic-left .mbsc-input-wrap { + padding-right: 2.25em; + } + + &.mbsc-ltr .mbsc-ic-left .mbsc-label { + padding-left: 3.25em; + } + + &.mbsc-rtl .mbsc-ic-left .mbsc-label { + padding-right: 3.25em; + } + + &.mbsc-ltr .mbsc-ic-left .mbsc-label ~ .mbsc-input-wrap { + padding-left: 0; + } + + &.mbsc-rtl .mbsc-ic-left .mbsc-label ~ .mbsc-input-wrap { + padding-right: 0; + } + + .mbsc-ic-left .mbsc-left-ic, + &.mbsc-rtl .mbsc-ic-right .mbsc-right-ic { + right: auto; + left: .625em; + } + + .mbsc-ic-right .mbsc-right-ic, + &.mbsc-rtl .mbsc-ic-left .mbsc-left-ic { + left: auto; + right: .625em; + } + + /* Row separator */ + .mbsc-control-w { + margin-top: -1px; + } + + .mbsc-control-w:before, + .mbsc-control-w:after { + content: ""; + position: absolute; + right: 0; + left: 1em; + } + + .mbsc-control-w:before { + top: 0; + } + + .mbsc-control-w:after { + bottom: 0; + } + + .mbsc-form-group-title + .mbsc-control-w:before, + .mbsc-control-w:first-child:before, + .mbsc-control-w:last-child:after { + left: 0; + } + + .mbsc-control-ng .mbsc-control-w:before, + .mbsc-control-ng .mbsc-control-w:after { + left: 1em; + } + + .mbsc-form-group-title + .mbsc-control-ng .mbsc-control-w:before, + .mbsc-control-ng:first-child .mbsc-control-w:before, + .mbsc-control-ng:last-child .mbsc-control-w:after { + left: 0; + } + + .mbsc-ic-left:before, + .mbsc-ic-left:after { + left: 3.25em; + } + + .mbsc-err { + z-index: 2; + } + + .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-control-w, + .mbsc-form-group-inset .mbsc-control-w:first-child { + border-top-left-radius: .5em; + border-top-right-radius: .5em; + } + + .mbsc-form-group-inset .mbsc-control-w:last-child { + border-bottom-left-radius: .5em; + border-bottom-right-radius: .5em; + } + + .mbsc-form-group-inset .mbsc-form-group-title, + .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-control-w:before, + .mbsc-form-group-inset .mbsc-control-w:first-child:before, + .mbsc-form-group-inset .mbsc-control-w:last-child:after { + border-width: 0; + } + + .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w { + border-radius: 0; + } + + .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:before, + .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:after { + border-width: 1px; + } + + &.mbsc-form .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-control-ng .mbsc-control-w:before, + &.mbsc-form .mbsc-form-group-inset .mbsc-control-ng:first-child .mbsc-control-w:before, + &.mbsc-form .mbsc-form-group-inset .mbsc-control-ng:last-child .mbsc-control-w:after { + border-width: 0; + } + + .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-control-ng .mbsc-control-w, + .mbsc-form-group-inset .mbsc-control-ng:first-child .mbsc-control-w { + border-top-left-radius: .5em; + border-top-right-radius: .5em; + } + + .mbsc-form-group-inset .mbsc-control-ng:last-child .mbsc-control-w { + border-bottom-left-radius: .5em; + border-bottom-right-radius: .5em; + } + + /* Stacked label */ + .mbsc-label-stacked.mbsc-input { + .mbsc-label { + font-size: .75em; + position: absolute; + top: 1em; + line-height: 1em; + padding: 0; + width: auto; + max-width: none; + } + + .mbsc-label ~ .mbsc-input-wrap { + input { + height: 3.75em; + padding-top: 1.5em; + } + + .mbsc-input-ic { + top: 1.625em; + } + } + + &.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap { + padding-top: 1.625em; + } + + &.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { + top: 1.4375em; + } + } + + &.mbsc-ltr .mbsc-label-stacked.mbsc-input { + .mbsc-label { + left: 1.333334em; + right: auto; + } + + &.mbsc-ic-left { + .mbsc-input-wrap { + padding-left: 2.375em; + } + + .mbsc-label { + left: 4.5em; + } + } + } + + &.mbsc-rtl .mbsc-label-stacked.mbsc-input { + .mbsc-label { + left: auto; + right: 1.333334em; + } + + &.mbsc-ic-left { + .mbsc-input-wrap { + padding-right: 2.375em; + } + + .mbsc-label { + right: 4.5em; + } + } + + &.mbsc-control-w:before, + &.mbsc-control-w:after { + right: 0; + } + } + + /* Floating label */ + .mbsc-label-floating.mbsc-input { + .mbsc-label { + position: absolute; + padding: 0; + font-size: 1em; + line-height: 2em; + top: .875em; + width: auto; + transform-origin: 0 0; + transition: transform .2s; + } + + &.mbsc-ic-left .mbsc-label, + &.mbsc-ic-right .mbsc-label { + top: 1.625em; + } + + .mbsc-label ~ .mbsc-input-wrap { + input { + height: 3.75em; + padding-top: 1.5em; + } + + .mbsc-input-ic { + top: 1.625em; + } + } + + &.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap { + padding-top: 1.625em; + } + + &.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { + top: 1.4375em; + } + + &.mbsc-label-floating-active { + .mbsc-label { + -webkit-transform: translateY(-.5em) scale(.75); + transform: translateY(-.5em) scale(.75); + } + + &.mbsc-ic-left .mbsc-label, + &.mbsc-ic-right .mbsc-label { + -webkit-transform: translateY(-1.25em) scale(.75); + transform: translateY(-1.25em) scale(.75); + } + } + } + + &.mbsc-ltr .mbsc-label-floating.mbsc-input { + .mbsc-label { + left: 1em; + } + + &.mbsc-ic-left { + .mbsc-input-wrap { + padding-left: 2.375em; + } + + .mbsc-label { + left: 3.375em; + } + } + } + + &.mbsc-rtl .mbsc-label-floating.mbsc-input { + .mbsc-label { + right: 1em; + } + + &.mbsc-ic-left { + .mbsc-input-wrap { + padding-right: 2.375em; + } + + .mbsc-label { + right: 3.375em; + } + } + + &.mbsc-control-w:before, + &.mbsc-control-w:after { + right: 0; + } + } + + /* Box Input and Outline */ + .mbsc-input-box, + .mbsc-input-outline { + + /* Row separator */ + &.mbsc-control-w { + margin-top: -1px; + margin: 1.5em 1em; + border-radius: 8px; + border: 1px solid transparent; + + input { + border-radius: 8px; + } + } + + &.mbsc-control-w:before, + &.mbsc-control-w:after { + border-top: 0; + } + + .mbsc-err-msg { + position: absolute; + bottom: -1.5em; + padding: 0; + } + + &.mbsc-control-w.mbsc-err + .mbsc-divider { + border-top: 0; + } + + &.mbsc-label-stacked.mbsc-input { + .mbsc-label { + top: .75em; + } + + .mbsc-label ~ .mbsc-input-wrap { + input { + height: 3.375em; + padding-top: 1.25em; + } + + .mbsc-input-ic { + top: .75em; + } + } + + &.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap { + padding-top: 1.75em; + } + + &.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { + top: 1.25em; + } + } + + /* Floating labels */ + &.mbsc-label-floating.mbsc-input { + .mbsc-label { + top: .6875em; + } + + .mbsc-label ~ .mbsc-input-wrap { + input { + height: 3.375em; + padding-top: 1.25em; + } + + .mbsc-input-ic { + top: .75em; + } + } + + &.mbsc-label-floating-active { + .mbsc-label { + -webkit-transform: translateY(-.5em) scale(.75); + transform: translateY(-.5em) scale(.75); + } + } + } + } + + &.mbsc-ltr .mbsc-input-box .mbsc-err-msg, + &.mbsc-ltr .mbsc-input-outline .mbsc-err-msg { + left: 1.333334em; + } + + &.mbsc-rtl .mbsc-input-box .mbsc-err-msg, + &.mbsc-rtl .mbsc-input-outline .mbsc-err-msg { + right: 1.333334em; + } + + /* Box and outline inputs inside form group inset */ + .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w.mbsc-input-box, + .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w.mbsc-input-outline { + border-radius: .5em; + } + + /* Outline */ + .mbsc-input-outline.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { + top: .875em; + } + } + + @include mbsc-ios-input(ios, (background: $mbsc-ios-background, text: $mbsc-ios-text, accent: $mbsc-ios-accent)); +} diff --git a/src/scss/input/input.material.colors.scss b/src/scss/input/input.material.colors.scss new file mode 100644 index 00000000..13bcab38 --- /dev/null +++ b/src/scss/input/input.material.colors.scss @@ -0,0 +1,90 @@ +@import "../core/exports"; +@import "../core/material"; + +@mixin mbsc-material-input($theme, $params) { + @include exports("input.#{$theme}.colors") { + + $background: map-get($params, background); + $accent: map-get($params, accent); + + $colors: mbsc-material-colors($params); + $error: map-get($colors, error); + $box-input: map-get($colors, box-input); + $input-text: map-get($colors, input-text); + $form-text: map-get($colors, form-text); + + .mbsc-#{$theme} { + + /* Textbox */ + .mbsc-input input, + .mbsc-input textarea { + border-bottom: 1px solid $form-text; + color: $input-text; + } + + /* Textbox, textarea, select */ + .mbsc-input input:focus, + .mbsc-input textarea:focus, + .mbsc-input select:focus ~ input { + border-bottom: 2px solid $accent; + } + + /* Input */ + .mbsc-input.mbsc-err input, + .mbsc-input.mbsc-err textarea { + border-bottom: 1px solid $error; + } + + /* Select */ + .mbsc-select .mbsc-input-wrap:after { + border: 5px solid $form-text; + border-color: $form-text transparent transparent transparent; + } + + /* Box Input color */ + .mbsc-input-box { + &.mbsc-input .mbsc-input-wrap { + background: $box-input; + } + } + + /* Outline Input */ + .mbsc-input-outline { + + &.mbsc-input input, + &.mbsc-input textarea { + border: 1px solid $form-text; + } + + &.mbsc-input .mbsc-label { + background: $background; + } + + &.mbsc-input input:focus, + &.mbsc-input select:focus ~ input { + border: 2px solid $accent; + } + + &.mbsc-err input { + border: 1px solid $error; + } + + &.mbsc-err input:focus { + border: 2px solid $error; + } + + &.mbsc-input textarea:focus { + border: 2px solid $accent; + } + + &.mbsc-err textarea { + border: 1px solid $error; + } + + &.mbsc-err textarea:focus { + border: 2px solid $error; + } + } + } + } +} diff --git a/src/scss/input/input.material.scss b/src/scss/input/input.material.scss new file mode 100644 index 00000000..ed1bea80 --- /dev/null +++ b/src/scss/input/input.material.scss @@ -0,0 +1,792 @@ +@import "../core/exports"; +@import "./input.material.colors"; +@import "./input"; + +@include exports("input.material") { + .mbsc-material { + + /* Textbox */ + .mbsc-input input, + .mbsc-input textarea { + height: 2.125em; + padding: 0 0 1px 0; + background-color: transparent; + font-size: 1em; + transition: border-color .2s; + } + + /* Textbox, textarea, select */ + .mbsc-input .mbsc-control:disabled ~ input, + .mbsc-input textarea:disabled, + .mbsc-input input:disabled { + border-style: dotted; + opacity: .5; + } + + .mbsc-input input:focus, + .mbsc-input textarea:focus, + .mbsc-input select:focus ~ input { + padding-bottom: 0; + } + + /* Input */ + .mbsc-input { + margin: 1.5em 1em; + + .mbsc-label ~ .mbsc-input-wrap { + padding-top: .875em; + + .mbsc-input-ic { + top: .9375em; + } + } + } + + .mbsc-input.mbsc-err input:focus, + .mbsc-input.mbsc-err textarea:focus { + padding-bottom: 0; + border-width: 2px; + } + + .mbsc-input-ic { + top: .0625em; + margin: -2px 0 0 0; + } + + /* Textarea */ + .mbsc-input textarea { + padding-top: .25em; + } + + /* Select */ + .mbsc-select .mbsc-input-wrap:after { + content: ''; + position: absolute; + height: 0; + width: 0; + top: .875em; + } + + .mbsc-select .mbsc-label ~ .mbsc-input-wrap:after { + top: 1.75em; + } + + &.mbsc-ltr .mbsc-select { + input { + padding-right: 1em; + } + + &.mbsc-ic-right input { + padding-right: 3em; + } + + .mbsc-input-wrap:after { + left: auto; + right: 0; + } + + &.mbsc-ic-right .mbsc-input-wrap:after { + right: 2em; + } + } + + &.mbsc-rtl .mbsc-select { + input { + padding-left: 1em; + } + + &.mbsc-ic-right input { + padding-left: 3em; + } + + .mbsc-input-wrap:after { + right: auto; + left: 0; + } + + &.mbsc-ic-right .mbsc-input-wrap:after { + left: 2em; + } + } + + /* Inline select */ + .mbsc-select-inline .mbsc-input-wrap:after { + display: none; + } + + /* LTR left icon */ + &.mbsc-ltr .mbsc-input.mbsc-ic-left { + + input, + textarea { + padding-left: 1.625em; + } + + .mbsc-left-ic { + right: auto; + left: -.375em + } + + .mbsc-label, + .mbsc-err-msg { + left: 2.166667em; + } + } + + /* LTR right icon */ + &.mbsc-ltr .mbsc-input.mbsc-ic-right { + + input, + textarea { + padding-right: 1.625em; + } + + .mbsc-right-ic { + left: auto; + right: -.375em + } + } + + /* RTL left icon */ + &.mbsc-rtl .mbsc-input.mbsc-ic-left { + + input, + textarea { + padding-right: 1.625em; + } + + .mbsc-left-ic { + left: auto; + right: -.375em + } + + .mbsc-label, + .mbsc-err-msg { + right: 2.166667em; + } + } + + /* RTL right icon */ + &.mbsc-rtl .mbsc-input.mbsc-ic-right { + + input, + textarea { + padding-left: 1.625em; + } + + .mbsc-right-ic { + right: auto; + left: -.375em + } + } + + .mbsc-input .mbsc-label { + position: absolute; + top: 0; + font-size: .75em; + } + + /* Inline labels */ + .mbsc-label-inline.mbsc-input { + .mbsc-label { + line-height: 2em; + } + + .mbsc-label ~ .mbsc-input-wrap { + padding-top: 0; + + .mbsc-input-ic { + top: .0625em; + } + } + + &.mbsc-select .mbsc-label ~ .mbsc-input-wrap:after { + top: 1em; + } + } + + /* Floating labels */ + .mbsc-label-floating.mbsc-input { + .mbsc-label { + font-size: 1em; + line-height: 2em; + top: .875em; + } + + &.mbsc-label-floating-active { + .mbsc-label { + -webkit-transform: translateY(-1.125em) scale(.75); + transform: translateY(-1.125em) scale(.75); + } + } + } + + &.mbsc-ltr .mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { + left: 1.625em; + } + + &.mbsc-rtl .mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { + right: 1.625em; + } + + /* Box Input */ + .mbsc-input-box { + &.mbsc-input .mbsc-input-wrap { + border-radius: 4px 4px 0 0; + } + + &.mbsc-input input { + height: 2.25em; + padding: .0625em 1em; + border-radius: 4px 4px 0 0; + } + + &.mbsc-input input:focus, + &.mbsc-input textarea:focus, + &.mbsc-input select:focus ~ input { + padding-bottom: 0; + } + + &.mbsc-input textarea { + padding: .375em 1em .0625em 1em; + height: 2.25em; + } + + &.mbsc-input .mbsc-label ~ .mbsc-input-wrap { + padding-top: 0; + + input { + padding-top: 1.25em; + height: 3.5em; + } + + textarea:focus { + padding-bottom: 0; + } + + .mbsc-input-ic { + top: .875em; + } + } + + .mbsc-input-ic { + top: .25em; + } + + .mbsc-label { + top: .666667em; + z-index: 1; + } + + &.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap { + padding-top: 1.625em; + + textarea { + height: 1.866667em; + padding-top: 0; + } + } + + &.mbsc-select { + .mbsc-input-wrap:after { + top: 1em; + } + + .mbsc-label ~ .mbsc-input-wrap:after { + top: 1.625em; + } + } + + /* Inline labels */ + &.mbsc-label-inline { + .mbsc-label { + padding-top: .125em; + padding-bottom: .125em; + } + + .mbsc-label ~ .mbsc-input-wrap { + padding-top: 0; + + input { + height: 2.25em; + padding-top: .0625em; + } + } + + .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic { + top: .1875em; + } + + &.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap { + padding-top: .375em; + } + } + + /* Floating labels */ + &.mbsc-label-floating { + &.mbsc-label-floating-active .mbsc-label { + -webkit-transform: translateY(-.625em) scale(.75); + transform: translateY(-.625em) scale(.75); + } + } + } + + &.mbsc-ltr .mbsc-input-box { + .mbsc-err-msg { + left: 1.333334em; + } + + .mbsc-label { + left: 1.333334em; + right: auto; + } + + &.mbsc-ic-left { + .mbsc-err-msg { + left: 4em; + } + + .mbsc-label { + left: 4em; + } + + .mbsc-left-ic { + left: .5em; + } + + input, + textarea { + padding-left: 3em; + } + } + + &.mbsc-ic-right { + + input, + textarea { + padding-right: 3em; + } + + .mbsc-right-ic { + right: .5em; + } + + .mbsc-input-wrap:after { + right: 2em; + } + } + + &.mbsc-select { + input { + padding-right: 2em; + } + + .mbsc-input-wrap:after { + right: .6875em; + } + + &.mbsc-ic-right { + input { + padding-right: 4em; + } + + .mbsc-input-wrap:after { + right: 3em; + } + } + } + + /* Floating labels */ + &.mbsc-label-floating.mbsc-input .mbsc-label { + left: 1em; + } + + &.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { + left: 3em; + } + } + + &.mbsc-rtl .mbsc-input-box { + .mbsc-err-msg { + right: 1.333334em; + } + + .mbsc-label { + right: 1.333334em; + left: auto; + } + + &.mbsc-ic-left { + .mbsc-err-msg { + right: 4em; + } + + .mbsc-label { + right: 4em; + } + + .mbsc-left-ic { + right: .5em; + } + + input, + textarea { + padding-right: 3em; + } + } + + &.mbsc-ic-right { + + input, + textarea { + padding-left: 3em; + } + + .mbsc-right-ic { + left: .5em; + } + + .mbsc-input-wrap:after { + left: 2em; + } + } + + &.mbsc-select { + input { + padding-left: 2em; + } + + .mbsc-input-wrap:after { + left: .6875em; + } + + &.mbsc-ic-right { + input { + padding-left: 4em; + } + + .mbsc-input-wrap:after { + left: 3em; + } + } + } + + /* Floating labels */ + &.mbsc-label-floating.mbsc-input .mbsc-label { + right: 1em; + } + + &.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { + right: 3em; + } + } + + /* Outline Input */ + .mbsc-input-outline { + + &.mbsc-input input, + &.mbsc-input textarea { + border-radius: 4px; + } + + &.mbsc-input input { + height: 3.375em; + padding: .0625em 1em; + } + + &.mbsc-input textarea { + height: 3.375em; + padding: .875em 1em .4375em 1em; + } + + &.mbsc-input .mbsc-label { + top: -.166667em; + z-index: 1; + padding: 0 .333334em; + } + + .mbsc-input-ic { + top: .8125em; + } + + &.mbsc-input .mbsc-label ~ .mbsc-input-wrap { + padding-top: .25em; + + .mbsc-input-ic { + top: 1.0625em; + } + } + + &.mbsc-input input:focus, + &.mbsc-input select:focus ~ input { + padding: 0 .9375em; + } + + &.mbsc-err input { + padding-top: 0; + padding-bottom: 0; + } + + &.mbsc-err input:focus { + padding: 0 .9375em; + } + + &.mbsc-input textarea:focus { + padding: .8125em .9375em .375em .9375em; + } + + &.mbsc-err textarea:focus { + padding: .875em .9375em 0 .9375em; + } + + &.mbsc-select { + .mbsc-input-wrap:after { + top: 1.5em; + } + + .mbsc-label ~ .mbsc-input-wrap:after { + top: 1.75em; + } + } + + /* Inline labels */ + &.mbsc-label-inline { + .mbsc-label { + line-height: 3.375em; + } + + .mbsc-label ~ .mbsc-input-wrap { + padding-top: 0; + } + + .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic { + top: .8125em; + } + + &.mbsc-select .mbsc-label ~ .mbsc-input-wrap:after { + top: 1.5em; + } + } + + /* Floating labels */ + &.mbsc-label-floating.mbsc-input { + .mbsc-label { + top: .9375em; + padding: 0; + } + + &.mbsc-label-floating-active .mbsc-label { + -webkit-transform: translateY(-1.375em) scale(.75); + transform: translateY(-1.375em) scale(.75); + padding: 0 .25em; + } + } + } + + &.mbsc-ltr .mbsc-input-outline { + .mbsc-err-msg { + left: 1.416667em; + } + + .mbsc-label { + left: 1.083334em; + right: auto; + } + + &.mbsc-ic-left { + .mbsc-err-msg { + left: 4.083334em; + } + + .mbsc-label { + left: 3.75em; + } + + .mbsc-left-ic { + left: .5em; + } + + input, + textarea { + padding-left: 3em; + } + + input:focus, + textarea:focus, + &.mbsc-err textarea { + padding-left: 2.9375em; + } + } + + &.mbsc-ic-right { + + input, + textarea { + padding-right: 3em; + } + + input:focus, + textarea:focus { + padding-right: 2.9375em; + } + + .mbsc-right-ic { + right: .5em; + } + } + + &.mbsc-select { + input { + padding-right: 2em; + } + + select:focus ~ input { + padding-right: 1.9375em; + } + + .mbsc-input-wrap:after { + right: .6875em; + } + + &.mbsc-ic-right { + input { + padding-right: 4em; + } + + select:focus ~ input { + padding-right: 3.9375em; + } + + .mbsc-input-wrap:after { + right: 3em; + } + } + + &.mbsc-ic-left select:focus ~ input { + padding-left: 2.9375em; + } + } + + /* Floating labels */ + &.mbsc-label-floating.mbsc-input .mbsc-label { + left: 1em; + } + + &.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label { + left: .875em; + } + + &.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { + left: 3em; + } + + &.mbsc-label-floating.mbsc-input.mbsc-ic-left.mbsc-label-floating-active .mbsc-label { + left: 2.875em; + } + } + + &.mbsc-rtl .mbsc-input-outline { + .mbsc-err-msg { + right: 1.416667em; + } + + .mbsc-label { + right: 1.083334em; + left: auto; + } + + &.mbsc-ic-left { + .mbsc-err-msg { + right: 4.083334em; + } + + .mbsc-label { + right: 3.75em; + } + + .mbsc-left-ic { + right: .5em; + } + + input, + textarea { + padding-right: 3em; + } + + input:focus, + textarea:focus, + &.mbsc-err textarea { + padding-right: 2.9375em; + } + } + + &.mbsc-ic-right { + + input, + textarea { + padding-left: 3em; + } + + input:focus, + textarea:focus { + padding-left: 2.9375em; + } + + .mbsc-right-ic { + left: .5em; + } + } + + &.mbsc-select { + input { + padding-left: 2em; + } + + select:focus ~ input { + padding-left: 1.9375em; + } + + .mbsc-input-wrap:after { + left: .6875em; + } + + &.mbsc-ic-right { + input { + padding-left: 4em; + } + + select:focus ~ input { + padding-left: 3.9375em; + } + + .mbsc-input-wrap:after { + left: 3em; + } + } + + &.mbsc-ic-left select:focus ~ input { + padding-right: 2.9375em; + } + } + + /* Floating labels */ + &.mbsc-label-floating.mbsc-input .mbsc-label { + right: 1em; + } + + &.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label { + right: .875em; + } + + &.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { + right: 3em; + } + + &.mbsc-label-floating.mbsc-input.mbsc-ic-left.mbsc-label-floating-active .mbsc-label { + right: 2.875em; + } + } + } + + @include mbsc-material-input(material, (background: $mbsc-material-background, text: $mbsc-material-text, accent: $mbsc-material-accent)); +} diff --git a/src/scss/input/input.mobiscroll.colors.scss b/src/scss/input/input.mobiscroll.colors.scss new file mode 100644 index 00000000..5222d506 --- /dev/null +++ b/src/scss/input/input.mobiscroll.colors.scss @@ -0,0 +1,71 @@ +@import "../core/exports"; +@import "../core/mobiscroll"; + +@mixin mbsc-mobiscroll-input($theme, $params) { + @include exports("input.#{$theme}.colors") { + + $background: map-get($params, background); + $accent: map-get($params, accent); + + $colors: mbsc-mobiscroll-colors($params); + $input-icon: map-get($colors, input-icon); + $input-box: map-get($colors, input-box); + $error: map-get($colors, error); + $color-input: map-get($colors, color-input); + + .mbsc-#{$theme} { + + /* Textbox */ + .mbsc-input input, + .mbsc-input textarea { + border-bottom: 1px solid $input-icon; + color: $color-input; + } + + .mbsc-input input:focus, + .mbsc-input select:focus ~ input .mbsc-input textarea:focus, + .mbsc-input textarea:focus { + border-color: $accent; + } + + .mbsc-input-ic { + color: $input-icon; + } + + /* Box Input */ + .mbsc-input-box { + &.mbsc-input .mbsc-input-wrap { + background: $input-box; + } + } + + /* Outline Input */ + .mbsc-input-outline { + + &.mbsc-input input, + &.mbsc-input textarea { + border: 1px solid $input-icon; + } + + &.mbsc-input .mbsc-label { + background: $background; + } + + &.mbsc-input input:focus, + &.mbsc-input select:focus ~ input, + &.mbsc-err input { + border-color: $accent; + } + + &.mbsc-input textarea:focus { + border-color: $accent; + } + } + + .mbsc-input.mbsc-err input, + .mbsc-input.mbsc-err textarea { + border-color: $error; + } + } + } +} diff --git a/src/scss/input/input.mobiscroll.scss b/src/scss/input/input.mobiscroll.scss new file mode 100644 index 00000000..de4e897e --- /dev/null +++ b/src/scss/input/input.mobiscroll.scss @@ -0,0 +1,737 @@ +@import "../core/exports"; +@import "./input.mobiscroll.colors"; +@import "./input"; + +@include exports("input.mobiscroll") { + .mbsc-mobiscroll { + + /* Textbox */ + .mbsc-input input, + .mbsc-input textarea { + height: 2.125em; + padding: 0 0 1px 0; + background: transparent; + font-size: 1em; + } + + .mbsc-input input:disabled, + .mbsc-input textarea:disabled, + .mbsc-input .mbsc-control:disabled ~ input, + .mbsc-input .mbsc-control:disabled ~ .mbsc-select-ic { + opacity: .4; + } + + /* Input */ + .mbsc-input { + margin: 1.5em 1em; + + .mbsc-label ~ .mbsc-input-wrap { + padding-top: .875em; + + .mbsc-input-ic { + top: .9375em; + } + } + } + + .mbsc-input-ic { + top: .0625em; + margin: -2px 0 0 0; + } + + /* Textarea */ + .mbsc-input textarea { + padding-top: .25em; + } + + /* Select */ + .mbsc-select-ic { + position: absolute; + display: block; + height: 1.25em; + width: 1.25em; + top: .5625em; + text-align: center; + } + + &.mbsc-ltr .mbsc-select-ic { + left: auto; + right: .6875em; + } + + &.mbsc-rtl .mbsc-select-ic { + right: auto; + left: .6875em; + } + + .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { + top: 1.4375em; + } + + &.mbsc-ltr .mbsc-select { + input { + padding-right: 1.25em; + } + + &.mbsc-ic-right input { + padding-right: 3em; + } + + .mbsc-input-wrap .mbsc-select-ic { + left: auto; + right: 0; + } + + &.mbsc-ic-right .mbsc-input-wrap .mbsc-select-ic { + right: 1.75em; + } + } + + &.mbsc-rtl .mbsc-select { + input { + padding-left: 1.25em; + } + + &.mbsc-ic-right input { + padding-left: 3em; + } + + .mbsc-input-wrap .mbsc-select-ic { + right: auto; + left: 0; + } + + &.mbsc-ic-right .mbsc-input-wrap .mbsc-select-ic { + left: 1.75em; + } + } + + /* Select inline */ + .mbsc-select-inline .mbsc-select-ic { + display: none; + } + + /* LTR left icon */ + &.mbsc-ltr .mbsc-input.mbsc-ic-left { + + input, + textarea { + padding-left: 1.625em; + } + + .mbsc-left-ic { + right: auto; + left: -.375em + } + + .mbsc-label, + .mbsc-err-msg { + left: 2.166667em; + } + } + + /* LTR right icon */ + &.mbsc-ltr .mbsc-input.mbsc-ic-right { + + input, + textarea { + padding-right: 1.625em; + } + + .mbsc-right-ic { + left: auto; + right: -.375em + } + } + + /* RTL left icon */ + &.mbsc-rtl .mbsc-input.mbsc-ic-left { + + input, + textarea { + padding-right: 1.625em; + } + + .mbsc-left-ic { + left: auto; + right: -.375em + } + + .mbsc-label, + .mbsc-err-msg { + right: 2.166667em; + } + } + + /* RTL right icon */ + &.mbsc-rtl .mbsc-input.mbsc-ic-right { + + input, + textarea { + padding-left: 1.625em; + } + + .mbsc-right-ic { + right: auto; + left: -.375em + } + } + + .mbsc-input .mbsc-label { + position: absolute; + top: 0; + font-size: .75em; + } + + /* Inline labels */ + .mbsc-label-inline.mbsc-input { + .mbsc-label { + line-height: 2em; + } + + .mbsc-label + .mbsc-input-wrap { + padding-top: 0; + + .mbsc-input-ic { + top: .0625em; + } + } + + &.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { + top: .5625em; + } + } + + /* Floating labels */ + .mbsc-label-floating.mbsc-input { + .mbsc-label { + font-size: 1em; + line-height: 2em; + top: .875em; + } + + &.mbsc-label-floating-active .mbsc-label { + -webkit-transform: translateY(-1.125em) scale(.75); + transform: translateY(-1.125em) scale(.75); + } + } + + &.mbsc-ltr .mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { + left: 1.625em; + } + + &.mbsc-rtl .mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { + right: 1.625em; + } + + /* Box Input */ + .mbsc-input-box { + &.mbsc-input .mbsc-input-wrap { + border-radius: 4px 4px 0 0; + } + + &.mbsc-input input { + height: 2.25em; + padding: .0625em 1em; + border-radius: 4px 4px 0 0; + } + + &.mbsc-input textarea { + padding: .375em 1em .0625em 1em; + height: 2.25em; + } + + &.mbsc-input .mbsc-label ~ .mbsc-input-wrap { + padding-top: 0; + + input { + padding-top: 1.25em; + height: 3.5em; + } + + textarea:focus { + padding-bottom: 0; + } + + .mbsc-input-ic { + top: .875em; + } + } + + .mbsc-input-ic { + top: .25em; + } + + &.mbsc-input .mbsc-label { + padding: .666667em 0; + z-index: 1; + line-height: normal; + } + + &.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap { + padding-top: 1.625em; + + textarea { + height: 1.866667em; + padding-top: 0; + } + } + + &.mbsc-select { + .mbsc-input-wrap .mbsc-select-ic { + top: .625em; + } + + .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { + top: 1.375em; + } + } + + /* Inline labels */ + &.mbsc-label-inline { + .mbsc-label { + padding-top: .125em; + padding-bottom: .125em; + line-height: 2em; + } + + .mbsc-label ~ .mbsc-input-wrap { + padding-top: 0; + + input { + height: 2.25em; + padding-top: .0625em; + } + } + + .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic { + top: .1875em; + } + + &.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap { + padding-top: .375em; + } + + &.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { + top: .625em; + } + } + + /* Floating labels */ + &.mbsc-label-floating { + .mbsc-label { + top: .125em; + line-height: 2em; + } + + &.mbsc-label-floating-active .mbsc-label { + line-height: normal; + -webkit-transform: translateY(-.125em) scale(.75); + transform: translateY(-.125em) scale(.75); + } + } + } + + &.mbsc-ltr .mbsc-input-box { + .mbsc-err-msg { + left: 1.333334em; + } + + .mbsc-label { + left: 1.333334em; + right: auto; + } + + &.mbsc-ic-left { + .mbsc-err-msg { + left: 4em; + } + + .mbsc-label { + left: 4em; + } + + .mbsc-left-ic { + left: .5em; + } + + input, + textarea { + padding-left: 3em; + } + } + + &.mbsc-ic-right { + + input, + textarea { + padding-right: 3em; + } + + .mbsc-right-ic { + right: .5em; + } + + .mbsc-input-wrap .mbsc-select-ic { + right: 2em; + } + } + + &.mbsc-select { + input { + padding-right: 2em; + } + + .mbsc-input-wrap .mbsc-select-ic { + right: .6875em; + } + + &.mbsc-ic-right { + input { + padding-right: 4em; + } + + .mbsc-input-wrap .mbsc-select-ic { + right: 2.75em; + } + } + } + + /* Floating labels */ + &.mbsc-label-floating.mbsc-input .mbsc-label { + left: 1em; + } + + &.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { + left: 3em; + } + } + + &.mbsc-rtl .mbsc-input-box { + .mbsc-err-msg { + right: 1.333334em; + } + + .mbsc-label { + right: 1.333334em; + left: auto; + } + + &.mbsc-ic-left { + .mbsc-err-msg { + right: 4em; + } + + .mbsc-label { + right: 4em; + } + + .mbsc-left-ic { + right: .5em; + } + + input, + textarea { + padding-right: 3em; + } + } + + &.mbsc-ic-right { + + input, + textarea { + padding-left: 3em; + } + + .mbsc-right-ic { + left: .5em; + } + + .mbsc-input-wrap .mbsc-select-ic { + left: 2em; + } + } + + &.mbsc-select { + input { + padding-left: 2em; + } + + .mbsc-input-wrap .mbsc-select-ic { + left: .6875em; + } + + &.mbsc-ic-right { + input { + padding-left: 4em; + } + + .mbsc-input-wrap .mbsc-select-ic { + left: 2.75em; + } + } + } + + /* Floating labels */ + &.mbsc-label-floating.mbsc-input .mbsc-label { + right: 1em; + } + + &.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { + right: 3em; + } + } + + /* Outline Input */ + .mbsc-input-outline { + + &.mbsc-input input, + &.mbsc-input textarea { + border-radius: 4px; + } + + &.mbsc-input input { + height: 3.375em; + padding: .0625em 1em; + } + + &.mbsc-input textarea { + height: 3.375em; + padding: .875em 1em .4375em 1em; + } + + &.mbsc-input .mbsc-label { + top: .166667em; + z-index: 1; + padding: 0 .333334em; + } + + .mbsc-input-ic { + top: .8125em; + } + + &.mbsc-input .mbsc-label ~ .mbsc-input-wrap { + padding-top: .25em; + + .mbsc-input-ic { + top: 1.0625em; + } + } + + &.mbsc-input input:focus, + &.mbsc-input select:focus ~ input, + &.mbsc-err input { + padding-top: 0; + padding-bottom: 0; + } + + &.mbsc-err input, + &.mbsc-err textarea { + border-color: #de3226; + } + + &.mbsc-select { + .mbsc-input-wrap .mbsc-select-ic { + top: 1.3125em; + } + + .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { + top: 1.5625em; + } + } + + /* Inline labels */ + &.mbsc-label-inline { + .mbsc-label { + line-height: 3.375em; + } + + .mbsc-label ~ .mbsc-input-wrap { + padding-top: 0; + } + + .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic { + top: .8125em; + } + + &.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic { + top: 1.3125em; + } + } + + /* Floating labels */ + &.mbsc-label-floating.mbsc-input { + .mbsc-label { + top: .9375em; + padding: 0; + } + + &.mbsc-label-floating-active .mbsc-label { + -webkit-transform: translateY(-1.375em) scale(.75); + transform: translateY(-1.375em) scale(.75); + padding: 0 .25em; + } + } + } + + &.mbsc-ltr .mbsc-input-outline { + .mbsc-err-msg { + left: 1.416667em; + } + + .mbsc-label { + left: 1.083334em; + right: auto; + } + + &.mbsc-ic-left { + .mbsc-err-msg { + left: 4.083334em; + } + + .mbsc-label { + left: 3.75em; + } + + .mbsc-left-ic { + left: .5em; + } + + input, + textarea { + padding-left: 3em; + } + } + + &.mbsc-ic-right { + + input, + textarea { + padding-right: 3em; + } + + .mbsc-right-ic { + right: .5em; + } + } + + &.mbsc-select { + input { + padding-right: 2em; + } + + .mbsc-input-wrap .mbsc-select-ic { + right: .6875em; + } + + &.mbsc-ic-right { + input { + padding-right: 4em; + } + + .mbsc-input-wrap .mbsc-select-ic { + right: 3em; + } + } + } + + /* Floating labels */ + &.mbsc-label-floating.mbsc-input .mbsc-label { + left: 1em; + } + + &.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label { + left: .875em; + } + + &.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { + left: 3em; + } + + &.mbsc-label-floating.mbsc-input.mbsc-ic-left.mbsc-label-floating-active .mbsc-label { + left: 2.875em; + } + } + + &.mbsc-rtl .mbsc-input-outline { + .mbsc-err-msg { + right: 1.416667em; + } + + .mbsc-label { + right: 1.083334em; + left: auto; + } + + &.mbsc-ic-left { + .mbsc-err-msg { + right: 4.083334em; + } + + .mbsc-label { + right: 3.75em; + } + + .mbsc-left-ic { + right: .5em; + } + + input, + textarea { + padding-right: 3em; + } + } + + &.mbsc-ic-right { + + input, + textarea { + padding-left: 3em; + } + + .mbsc-right-ic { + left: .5em; + } + } + + &.mbsc-select { + input { + padding-left: 2em; + } + + .mbsc-input-wrap .mbsc-select-ic { + left: .6875em; + } + + &.mbsc-ic-right { + input { + padding-left: 4em; + } + + .mbsc-input-wrap .mbsc-select-ic { + left: 3em; + } + } + } + + /* Floating labels */ + &.mbsc-label-floating.mbsc-input .mbsc-label { + right: 1em; + } + + &.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label { + right: .875em; + } + + &.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label { + right: 3em; + } + + &.mbsc-label-floating.mbsc-input.mbsc-ic-left.mbsc-label-floating-active .mbsc-label { + right: 2.875em; + } + } + } + + @include mbsc-mobiscroll-input(mobiscroll, (background: $mbsc-mobiscroll-background, text: $mbsc-mobiscroll-text, accent: $mbsc-mobiscroll-accent)); +} diff --git a/src/scss/input/input.scss b/src/scss/input/input.scss new file mode 100644 index 00000000..fecd0ea6 --- /dev/null +++ b/src/scss/input/input.scss @@ -0,0 +1,205 @@ +@import "../core/exports"; + +@include exports("input") { + @keyframes autofill { + from { + opacity: 1; + } + + to { + opacity: 1; + } + } + + .mbsc-input { + position: relative; + display: block; + margin: 0; + z-index: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + } + + .mbsc-input .mbsc-control:-webkit-autofill { + animation-name: autofill; + } + + .mbsc-input input, + .mbsc-input select, + .mbsc-input textarea { + margin: 0; + padding: 0; + border: 0; + border-radius: 0; + outline: 0; + font-family: inherit; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } + + .mbsc-input-wrap, + .mbsc-input input, + .mbsc-input textarea { + box-sizing: border-box; + } + + .mbsc-input input, + .mbsc-input select, + .mbsc-input textarea { + display: block; + width: 100%; + font-size: 1em; + } + + .mbsc-input input:focus, + .mbsc-input select:focus, + .mbsc-input textarea:focus { + outline: 0; + } + + .mbsc-input-wrap { + position: relative; + display: block; + } + + /* Textbox, textarea, select */ + + .mbsc-input .mbsc-label { + font-size: .875em; + white-space: nowrap; + } + + .mbsc-input-ic { + position: absolute; + height: 2em; + width: 2em; + line-height: 2em; + text-align: center; + } + + .mbsc-input-toggle { + cursor: pointer; + } + + .mbsc-ic-right .mbsc-input-ic { + right: .5em; + } + + .mbsc-ic-left .mbsc-input-ic { + left: .5em; + } + + .mbsc-ic-right input { + padding-right: 2.4em; + } + + .mbsc-ic-left input { + padding-left: 2.4em; + } + + /* Inline labels */ + + .mbsc-label-inline.mbsc-input.mbsc-control-w { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + + .mbsc-input-wrap { + -webkit-box-flex: 1; + -webkit-flex: 1 auto; + -moz-box-flex: 1; + -moz-flex: 1 auto; + -ms-flex: 1 auto; + flex: 1 auto; + } + + .mbsc-label { + position: static; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -moz-box-flex: 0; + -moz-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-size: 1em; + width: 30%; + max-width: 12.5em; + overflow: hidden; + text-overflow: ellipsis; + box-sizing: content-box; + } + } + + /* Floating labels */ + + .mbsc-label-floating.mbsc-input { + .mbsc-label { + pointer-events: none; + transition: transform .2s; + } + + .mbsc-label ~ .mbsc-input-wrap { + + /* WebKit browsers */ + .mbsc-control::-webkit-input-placeholder { + opacity: 0; + } + + /* Mozilla Firefox 4 to 18 */ + .mbsc-control:-moz-placeholder { + opacity: 0; + } + + /* Mozilla Firefox 19+ */ + .mbsc-control::-moz-placeholder { + opacity: 0; + } + + /* Internet Explorer 10+ */ + .mbsc-control:-ms-input-placeholder { + opacity: 0; + } + } + + &.mbsc-label-floating-active .mbsc-label ~ .mbsc-input-wrap { + + /* WebKit browsers */ + .mbsc-control::-webkit-input-placeholder { + opacity: 1; + transition: opacity .2s; + } + + /* Mozilla Firefox 4 to 18 */ + .mbsc-control:-moz-placeholder { + opacity: 1; + transition: opacity .2s; + } + + /* Mozilla Firefox 19+ */ + .mbsc-control::-moz-placeholder { + opacity: 1; + transition: opacity .2s; + } + + /* Internet Explorer 10+ */ + .mbsc-control:-ms-input-placeholder { + opacity: 1; + transition: opacity .2s; + } + } + } + + .mbsc-ltr .mbsc-label-floating.mbsc-input .mbsc-label { + -webkit-transform-origin: top left; + transform-origin: top left; + } + + .mbsc-rtl .mbsc-label-floating.mbsc-input .mbsc-label { + -webkit-transform-origin: top right; + transform-origin: top right; + } +} diff --git a/src/scss/input/input.windows.colors.scss b/src/scss/input/input.windows.colors.scss new file mode 100644 index 00000000..85bba3bb --- /dev/null +++ b/src/scss/input/input.windows.colors.scss @@ -0,0 +1,78 @@ +@import "../core/exports"; +@import "../core/windows"; + +@mixin mbsc-windows-input($theme, $params) { + @include exports("input.#{$theme}.colors") { + + $text: map-get($params, text); + $accent: map-get($params, accent); + + $colors: mbsc-windows-colors($params); + $error: map-get($colors, error); + $input-border: map-get($colors, input-border); + $input-hover: map-get($colors, input-hover); + $frame-border: map-get($colors, frame-border); + + .mbsc-#{$theme} { + + .mbsc-input input, + .mbsc-input textarea, + .mbsc-select input { + border: .125em solid $input-border; + color: $text; + } + + &.mbsc-no-touch .mbsc-input input:hover, + &.mbsc-no-touch .mbsc-input textarea:hover, + &.mbsc-no-touch .mbsc-select:hover input { + border-color: $input-hover; + } + + .mbsc-input input::-webkit-input-placeholder { + color: #5c5c5c; + } + + .mbsc-input input::-ms-input-placeholder { + color: #5c5c5c; + } + + .mbsc-input input::-moz-placeholder { + color: #5c5c5c; + } + + .mbsc-input .mbsc-input-wrap input:focus, + .mbsc-input .mbsc-input-wrap select:focus + input, + .mbsc-input .mbsc-input-wrap textarea:focus, + &.mbsc-alert .mbsc-input input:focus { + background: #fff; + border-color: $accent; + color: #262626; + + ~ .mbsc-input-ic { + color: #262626; + } + } + + .mbsc-input .mbsc-input-wrap .mbsc-control:disabled + input, + .mbsc-input .mbsc-input-wrap textarea:disabled, + .mbsc-input .mbsc-input-wrap input:disabled { + border-color: $frame-border; + } + + .mbsc-input.mbsc-err input, + .mbsc-input.mbsc-err textarea { + border-color: $error; + } + + .mbsc-input-ic, + .mbsc-input .mbsc-label, + .mbsc-select .mbsc-input-wrap .mbsc-ic { + color: $text; + } + + .mbsc-err-msg { + color: $error; + } + } + } +} diff --git a/src/scss/input/input.windows.scss b/src/scss/input/input.windows.scss new file mode 100644 index 00000000..c3d87947 --- /dev/null +++ b/src/scss/input/input.windows.scss @@ -0,0 +1,164 @@ +@import "../core/exports"; +@import "./input.windows.colors"; +@import "./input"; + +@include exports("input.windows") { + .mbsc-windows { + .mbsc-input { + padding: .5em 1em 1em; + } + + .mbsc-input input, + .mbsc-input textarea, + .mbsc-select input { + height: 2em; + padding: 0 .3125em; + font-size: 1em; + background: transparent; + } + + &.mbsc-ltr .mbsc-select input { + padding-right: 1.75em; + } + + &.mbsc-rtl .mbsc-select input { + padding-left: 1.75em; + } + + .mbsc-input textarea { + padding-top: .125em; + padding-bottom: .125em; + } + + .mbsc-input-ic { + top: 0; + margin-top: 0; + } + + .mbsc-err-msg { + position: absolute; + padding-top: .333334em; + } + + /* Textbox, textarea, select */ + .mbsc-input.mbsc-ic-left input, + .mbsc-input.mbsc-ic-left textarea { + padding-left: 2.25em; + } + + &.mbsc-rtl .mbsc-input.mbsc-ic-left input, + &.mbsc-rtl .mbsc-input.mbsc-ic-left textarea { + padding-right: 2.25em; + padding-left: .3125em; + } + + &.mbsc-ltr .mbsc-input.mbsc-ic-right input, + &.mbsc-ltr .mbsc-input.mbsc-ic-right textarea { + padding-right: 2.25em; + } + + &.mbsc-rtl .mbsc-input.mbsc-ic-right input, + &.mbsc-rtl .mbsc-input.mbsc-ic-right textarea { + padding-left: 2.25em; + } + + .mbsc-ic-left .mbsc-left-ic, + &.mbsc-rtl .mbsc-ic-right .mbsc-right-ic { + right: auto; + left: .25em; + } + + .mbsc-ic-right .mbsc-right-ic, + &.mbsc-rtl .mbsc-ic-left .mbsc-left-ic { + left: auto; + right: .25em; + } + + .mbsc-input .mbsc-label { + padding-bottom: .3125em; + font-size: .8125em; + } + + .mbsc-select .mbsc-select-ic { + display: block; + position: absolute; + top: .5em; + } + + &.mbsc-ltr .mbsc-select .mbsc-select-ic { + right: .5em; + } + + &.mbsc-rtl .mbsc-select .mbsc-select-ic { + left: .5em; + } + + .mbsc-ic-right .mbsc-select-ic { + display: none; + } + + /* Inline labels */ + .mbsc-label-inline.mbsc-input .mbsc-label { + line-height: 2em; + padding-bottom: 0; + } + + /* Floating labels */ + .mbsc-label-floating.mbsc-input { + padding-top: 1.625em; + + .mbsc-label { + font-size: 1em; + position: absolute; + top: 2.0625em; + } + + &.mbsc-label-floating-active { + .mbsc-label { + -webkit-transform: translateY(-1.5em) scale(.75); + transform: translateY(-1.5em) scale(.75); + } + } + } + + /* Left to right */ + &.mbsc-ltr .mbsc-label-floating.mbsc-input { + .mbsc-label { + left: 1.375em; + } + + &.mbsc-label-floating-active .mbsc-label { + left: 1em; + } + + &.mbsc-ic-left .mbsc-label { + left: 3.375em; + } + + &.mbsc-label-floating-active.mbsc-ic-left .mbsc-label { + left: 1em; + } + } + + /* Right to left */ + &.mbsc-rtl .mbsc-label-floating.mbsc-input { + .mbsc-label { + right: 1.375em; + } + + &.mbsc-label-floating-active .mbsc-label { + right: 1em; + } + + &.mbsc-ic-left .mbsc-label { + right: 3.375em; + } + + &.mbsc-label-floating-active.mbsc-ic-left .mbsc-label { + right: 1em; + } + } + } + + @include mbsc-windows-input(windows, (background: $mbsc-windows-background, text: $mbsc-windows-text, accent: $mbsc-windows-accent)); +} diff --git a/src/scss/notifications/notifications.ios.colors.scss b/src/scss/notifications/notifications.ios.colors.scss new file mode 100644 index 00000000..d385075c --- /dev/null +++ b/src/scss/notifications/notifications.ios.colors.scss @@ -0,0 +1,62 @@ +@import "../core/exports"; +@import "../core/ios"; +@import "../popup/popup.ios.colors"; + +@mixin mbsc-ios-notifications($theme, $params) { + @include exports("notifications.#{$theme}.colors") { + + @include mbsc-ios-popup($theme, $params); + + $colors: mbsc-ios-colors($params); + $dark-text: map-get($colors, dark-text); + $light-text: map-get($colors, light-text); + $snackbar-button: map-get($colors, snackbar-button); + + .mbsc-#{$theme} { + &.mbsc-alert .mbsc-input { + border: 1px solid #ccc; + } + + /* Snackbar */ + + &.mbsc-snackbar .mbsc-fr-w { + background: #646464; + color: #fff; + } + + &.mbsc-snackbar .mbsc-snackbar-btn { + color: $snackbar-button; + } + + /* Toast */ + + &.mbsc-toast .mbsc-toast-msg { + background: #646464; + color: #fff; + } + + /* Snackbar and Toast color presets */ + + &.mbsc-snackbar.mbsc-primary .mbsc-fr-w, + &.mbsc-toast.mbsc-primary .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, + &.mbsc-toast.mbsc-secondary .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-success .mbsc-fr-w, + &.mbsc-toast.mbsc-success .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-danger .mbsc-fr-w, + &.mbsc-toast.mbsc-danger .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-warning .mbsc-fr-w, + &.mbsc-toast.mbsc-warning .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-info .mbsc-fr-w, + &.mbsc-toast.mbsc-info .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn { + color: $light-text; + } + } + } +} diff --git a/src/scss/notifications/notifications.ios.scss b/src/scss/notifications/notifications.ios.scss new file mode 100644 index 00000000..1f223258 --- /dev/null +++ b/src/scss/notifications/notifications.ios.scss @@ -0,0 +1,74 @@ +@import "../core/exports"; +@import "../popup/popup.ios"; +@import "./notifications.ios.colors"; +@import "./notifications"; + +@include exports("notifications.ios") { + .mbsc-ios { + &.mbsc-alert .mbsc-fr-c.mbsc-wdg-c { + padding: 1.142857em; + line-height: 1.285714; + text-align: center; + } + + &.mbsc-alert h2 { + margin: 0.277778em 0; + font-size: 1.285715em; + } + + &.mbsc-alert p { + margin: 0.357143em 0; + } + + &.mbsc-alert .mbsc-input { + margin-top: 1.142857em; + border-radius: 0; + } + + &.mbsc-alert .mbsc-input input { + height: 1.714286em; + padding: 0 0.357143em; + } + + /* Toast */ + + &.mbsc-toast .mbsc-toast-msg { + border-radius: .5em; + opacity: .9; + } + + /* Snackbar and Toast color presets */ + + &.mbsc-snackbar.mbsc-primary .mbsc-fr-w, + &.mbsc-toast.mbsc-primary .mbsc-toast-msg { + background: $mbsc-ios-primary; + } + + &.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, + &.mbsc-toast.mbsc-secondary .mbsc-toast-msg { + background: $mbsc-ios-secondary; + } + + &.mbsc-snackbar.mbsc-success .mbsc-fr-w, + &.mbsc-toast.mbsc-success .mbsc-toast-msg { + background: $mbsc-ios-success; + } + + &.mbsc-snackbar.mbsc-danger .mbsc-fr-w, + &.mbsc-toast.mbsc-danger .mbsc-toast-msg { + background: $mbsc-ios-danger; + } + + &.mbsc-snackbar.mbsc-warning .mbsc-fr-w, + &.mbsc-toast.mbsc-warning .mbsc-toast-msg { + background: $mbsc-ios-warning; + } + + &.mbsc-snackbar.mbsc-info .mbsc-fr-w, + &.mbsc-toast.mbsc-info .mbsc-toast-msg { + background: $mbsc-ios-info; + } + } + + @include mbsc-ios-notifications(ios, (background: $mbsc-ios-background, text: $mbsc-ios-text, accent: $mbsc-ios-accent)); +} diff --git a/src/scss/notifications/notifications.material.colors.scss b/src/scss/notifications/notifications.material.colors.scss new file mode 100644 index 00000000..dd2a28fc --- /dev/null +++ b/src/scss/notifications/notifications.material.colors.scss @@ -0,0 +1,61 @@ +@import "../core/exports"; +@import "../core/material"; +@import "../popup/popup.material.colors"; + +@mixin mbsc-material-notifications($theme, $params) { + @include exports("notifications.#{$theme}.colors") { + + @include mbsc-material-popup($theme, $params); + + $accent: map-get($params, accent); + + $colors: mbsc-material-colors($params); + $white-text: map-get($colors, white-text); + $light-text: map-get($colors, light-text); + $snackbar: map-get($colors, snackbar); + $snackbar-btn: map-get($colors, snackbar-btn); + + .mbsc-#{$theme} { + + /* Snackbar */ + + &.mbsc-snackbar .mbsc-fr-w { + background: $snackbar; + color: $white-text; + } + + &.mbsc-snackbar .mbsc-snackbar-btn { + color: $snackbar-btn; + } + + /* Toast */ + + &.mbsc-toast .mbsc-toast-msg { + background: #505050; + color: $white-text; + } + + /* Snackbar and Toast color presets */ + &.mbsc-snackbar.mbsc-primary .mbsc-fr-w, + &.mbsc-toast.mbsc-primary .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, + &.mbsc-toast.mbsc-secondary .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-success .mbsc-fr-w, + &.mbsc-toast.mbsc-success .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-danger .mbsc-fr-w, + &.mbsc-toast.mbsc-danger .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-warning .mbsc-fr-w, + &.mbsc-toast.mbsc-warning .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-info .mbsc-fr-w, + &.mbsc-toast.mbsc-info .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn { + color: $light-text; + } + } + } +} diff --git a/src/scss/notifications/notifications.material.scss b/src/scss/notifications/notifications.material.scss new file mode 100644 index 00000000..eb32eda9 --- /dev/null +++ b/src/scss/notifications/notifications.material.scss @@ -0,0 +1,47 @@ +@import "../core/exports"; +@import "../popup/popup.material"; +@import "./notifications.material.colors"; +@import "./notifications"; + +@include exports("notifications.material") { + .mbsc-material { + &.mbsc-toast .mbsc-toast-msg { + opacity: .9; + border-radius: 1.571429em; + } + + /* Snackbar and Toast color presets */ + + &.mbsc-snackbar.mbsc-primary .mbsc-fr-w, + &.mbsc-toast.mbsc-primary .mbsc-toast-msg { + background: $mbsc-material-primary; + } + + &.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, + &.mbsc-toast.mbsc-secondary .mbsc-toast-msg { + background: $mbsc-material-secondary; + } + + &.mbsc-snackbar.mbsc-success .mbsc-fr-w, + &.mbsc-toast.mbsc-success .mbsc-toast-msg { + background: $mbsc-material-success; + } + + &.mbsc-snackbar.mbsc-danger .mbsc-fr-w, + &.mbsc-toast.mbsc-danger .mbsc-toast-msg { + background: $mbsc-material-danger; + } + + &.mbsc-snackbar.mbsc-warning .mbsc-fr-w, + &.mbsc-toast.mbsc-warning .mbsc-toast-msg { + background: $mbsc-material-warning; + } + + &.mbsc-snackbar.mbsc-info .mbsc-fr-w, + &.mbsc-toast.mbsc-info .mbsc-toast-msg { + background: $mbsc-material-info; + } + } + + @include mbsc-material-notifications(material, (background: $mbsc-material-background, text: $mbsc-material-text, accent: $mbsc-material-accent)); +} diff --git a/src/scss/notifications/notifications.mobiscroll.colors.scss b/src/scss/notifications/notifications.mobiscroll.colors.scss new file mode 100644 index 00000000..fd37d1ef --- /dev/null +++ b/src/scss/notifications/notifications.mobiscroll.colors.scss @@ -0,0 +1,47 @@ +@import "../core/exports"; +@import "../core/mobiscroll"; +@import "../popup/popup.mobiscroll.colors"; + +@mixin mbsc-mobiscroll-notifications($theme, $params) { + @include exports("notifications.#{$theme}.colors") { + + @include mbsc-mobiscroll-popup($theme, $params); + + $background: map-get($params, background); + + $colors: mbsc-mobiscroll-colors($params); + $notification: map-get($colors, notification); + $white-text: map-get($colors, white-text); + + .mbsc-#{$theme} { + + &.mbsc-snackbar .mbsc-fr-w, + &.mbsc-toast .mbsc-toast-msg { + background: $notification; + color: $white-text; + } + + /* Snackbar and Toast color presets */ + &.mbsc-snackbar.mbsc-primary .mbsc-fr-w, + &.mbsc-toast.mbsc-primary .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, + &.mbsc-toast.mbsc-secondary .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-success .mbsc-fr-w, + &.mbsc-toast.mbsc-success .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-danger .mbsc-fr-w, + &.mbsc-toast.mbsc-danger .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-warning .mbsc-fr-w, + &.mbsc-toast.mbsc-warning .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-info .mbsc-fr-w, + &.mbsc-toast.mbsc-info .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn { + color: $background; + } + } + } +} diff --git a/src/scss/notifications/notifications.mobiscroll.scss b/src/scss/notifications/notifications.mobiscroll.scss new file mode 100644 index 00000000..f1904920 --- /dev/null +++ b/src/scss/notifications/notifications.mobiscroll.scss @@ -0,0 +1,46 @@ +@import "../core/exports"; +@import "../popup/popup.mobiscroll"; +@import "./notifications.mobiscroll.colors"; +@import "./notifications"; + +@include exports("notifications.mobiscroll") { + .mbsc-mobiscroll { + &.mbsc-toast .mbsc-toast-msg { + opacity: .9; + border-radius: .5em; + } + + /* Snackbar and Toast color presets */ + &.mbsc-snackbar.mbsc-primary .mbsc-fr-w, + &.mbsc-toast.mbsc-primary .mbsc-toast-msg { + background: $mbsc-mobiscroll-primary; + } + + &.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, + &.mbsc-toast.mbsc-secondary .mbsc-toast-msg { + background: $mbsc-mobiscroll-secondary; + } + + &.mbsc-snackbar.mbsc-success .mbsc-fr-w, + &.mbsc-toast.mbsc-success .mbsc-toast-msg { + background: $mbsc-mobiscroll-success; + } + + &.mbsc-snackbar.mbsc-danger .mbsc-fr-w, + &.mbsc-toast.mbsc-danger .mbsc-toast-msg { + background: $mbsc-mobiscroll-danger; + } + + &.mbsc-snackbar.mbsc-warning .mbsc-fr-w, + &.mbsc-toast.mbsc-warning .mbsc-toast-msg { + background: $mbsc-mobiscroll-warning; + } + + &.mbsc-snackbar.mbsc-info .mbsc-fr-w, + &.mbsc-toast.mbsc-info .mbsc-toast-msg { + background: $mbsc-mobiscroll-info; + } + } + + @include mbsc-mobiscroll-notifications(mobiscroll, (background: $mbsc-mobiscroll-background, text: $mbsc-mobiscroll-text, accent: $mbsc-mobiscroll-accent)); +} diff --git a/src/scss/notifications/notifications.scss b/src/scss/notifications/notifications.scss new file mode 100644 index 00000000..a1b52bec --- /dev/null +++ b/src/scss/notifications/notifications.scss @@ -0,0 +1,107 @@ +@import "../core/exports"; +@import "../popup/popup"; + +@include exports("notifications") { + /* Toast, snackbar */ + + .mbsc-toast .mbsc-fr-persp, + .mbsc-snackbar .mbsc-fr-persp { + pointer-events: none; + } + + .mbsc-toast .mbsc-fr-overlay, + .mbsc-snackbar .mbsc-fr-overlay { + display: none; + } + + .mbsc-toast.mbsc-fr .mbsc-fr-persp .mbsc-fr-popup, + .mbsc-snackbar.mbsc-fr .mbsc-fr-persp .mbsc-fr-popup { + border: 0; + line-height: 1.428572; + } + + /* Snackbar */ + + .mbsc-snackbar.mbsc-fr .mbsc-fr-w { + min-width: 18em; + max-width: 36em; + margin: 0 auto; + pointer-events: auto; + box-shadow: none; + } + + .mbsc-snackbar-cont { + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + + .mbsc-snackbar-msg { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0 1em; + } + + .mbsc-snackbar .mbsc-snackbar-cont .mbsc-snackbar-btn { + margin: -1em 0; + padding: 1em; + line-height: 1.428572; + font-size: 1em; + font-weight: 400; + } + + .mbsc-snackbar.mbsc-no-touch.mbsc-fr .mbsc-fr-c .mbsc-btn-flat:not(:disabled):hover { + background: none; + box-shadow: none; + } + + + /* Toast */ + + .mbsc-toast.mbsc-fr .mbsc-fr-w { + background: none; + } + + .mbsc-toast.mbsc-fr .mbsc-fr-c.mbsc-wdg-c { + text-align: center; + padding-bottom: 4em; + } + + .mbsc-toast .mbsc-toast-msg { + display: inline-block; + min-width: 10em; + max-width: 50em; + padding: .857143em 2em; + } + + /* Alert, confirm, prompt */ + + .mbsc-alert.mbsc-fr .mbsc-fr-c.mbsc-wdg-c { + padding: 1.714286em; + max-width: 20em; + } + + .mbsc-alert .mbsc-fr-c .mbsc-input { + padding: 0; + margin: 0; + } + + .mbsc-alert.mbsc-fr h2 { + margin: 0 0 1em 0; + padding: 0; + font-size: 1.428572em; + font-weight: bold; + } + + .mbsc-alert.mbsc-fr p { + margin: 1em 0; + padding: 0; + font-size: 1em; + } +} diff --git a/src/scss/notifications/notifications.windows.colors.scss b/src/scss/notifications/notifications.windows.colors.scss new file mode 100644 index 00000000..46e7125d --- /dev/null +++ b/src/scss/notifications/notifications.windows.colors.scss @@ -0,0 +1,57 @@ +@import "../core/exports"; +@import "../core/windows"; +@import "../popup/popup.windows.colors"; + +@mixin mbsc-windows-notifications($theme, $params) { + @include exports("notifications.#{$theme}.colors") { + + @include mbsc-windows-popup($theme, $params); + + $accent: map-get($params, accent); + + $colors: mbsc-windows-colors($params); + $dark-text: map-get($colors, dark-text); + $light-text: map-get($colors, light-text); + $input-hover: map-get($colors, input-hover); + + .mbsc-#{$theme} { + + /* Snackbar */ + &.mbsc-snackbar .mbsc-snackbar-btn { + color: $accent; + } + + /* Toast */ + &.mbsc-toast .mbsc-toast-msg { + background: $input-hover; + color: get-contrast-color($input-hover); + } + + /* Snackbar and Toast color presets */ + + &.mbsc-snackbar.mbsc-primary .mbsc-fr-w, + &.mbsc-toast.mbsc-primary .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, + &.mbsc-toast.mbsc-secondary .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-success .mbsc-fr-w, + &.mbsc-toast.mbsc-success .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-danger .mbsc-fr-w, + &.mbsc-toast.mbsc-danger .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-warning .mbsc-fr-w, + &.mbsc-toast.mbsc-warning .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-info .mbsc-fr-w, + &.mbsc-toast.mbsc-info .mbsc-toast-msg, + &.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn, + &.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn { + color: $light-text; + } + + &.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn { + color: $dark-text; + } + } + } +} diff --git a/src/scss/notifications/notifications.windows.scss b/src/scss/notifications/notifications.windows.scss new file mode 100644 index 00000000..6e7e69aa --- /dev/null +++ b/src/scss/notifications/notifications.windows.scss @@ -0,0 +1,48 @@ +@import "../core/exports"; +@import "../popup/popup.windows"; +@import "./notifications.windows.colors"; +@import "./notifications"; + +@include exports("notifications.windows") { + .mbsc-windows { + + /* Toast */ + &.mbsc-toast .mbsc-fr-w, + &.mbsc-snackbar .mbsc-fr-w { + border: 0; + } + + /* Snackbar and Toast color presets */ + &.mbsc-snackbar.mbsc-primary .mbsc-fr-w, + &.mbsc-toast.mbsc-primary .mbsc-toast-msg { + background: $mbsc-windows-primary; + } + + &.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, + &.mbsc-toast.mbsc-secondary .mbsc-toast-msg { + background: $mbsc-windows-secondary; + } + + &.mbsc-snackbar.mbsc-success .mbsc-fr-w, + &.mbsc-toast.mbsc-success .mbsc-toast-msg { + background: $mbsc-windows-success; + } + + &.mbsc-snackbar.mbsc-danger .mbsc-fr-w, + &.mbsc-toast.mbsc-danger .mbsc-toast-msg { + background: $mbsc-windows-danger; + } + + &.mbsc-snackbar.mbsc-warning .mbsc-fr-w, + &.mbsc-toast.mbsc-warning .mbsc-toast-msg { + background: $mbsc-windows-warning; + } + + &.mbsc-snackbar.mbsc-info .mbsc-fr-w, + &.mbsc-toast.mbsc-info .mbsc-toast-msg { + background: $mbsc-windows-info; + } + } + + @include mbsc-windows-notifications(windows, (background: $mbsc-windows-background, text: $mbsc-windows-text, accent: $mbsc-windows-accent)); +} diff --git a/src/scss/page/page.bootstrap.scss b/src/scss/page/page.bootstrap.scss new file mode 100644 index 00000000..ac87f203 --- /dev/null +++ b/src/scss/page/page.bootstrap.scss @@ -0,0 +1,3 @@ +@import "../core/exports"; +@import "../core/common"; +@import "./page"; diff --git a/src/scss/page/page.ios.colors.scss b/src/scss/page/page.ios.colors.scss new file mode 100644 index 00000000..efce824e --- /dev/null +++ b/src/scss/page/page.ios.colors.scss @@ -0,0 +1,24 @@ +@import "../core/exports"; +@import "../core/ios"; + +@mixin mbsc-ios-page($theme, $params) { + @include exports("page.#{$theme}.colors") { + + $text: map-get($params, text); + + $colors: mbsc-ios-colors($params); + $button: map-get($colors, button); + $form-background: map-get($colors, form-background); + + .mbsc-#{$theme} { + &.mbsc-page { + background: $form-background; + color: $text; + } + + a { + color: $button; + } + } + } +} diff --git a/src/scss/page/page.ios.scss b/src/scss/page/page.ios.scss new file mode 100644 index 00000000..199b0ba5 --- /dev/null +++ b/src/scss/page/page.ios.scss @@ -0,0 +1,55 @@ +@import "../core/exports"; +@import "../core/common"; +@import "./page.ios.colors"; +@import "./page"; + +@include exports("page.ios") { + .mbsc-ios { + .mbsc-note { + border-radius: .25em; + } + + .mbsc-note, + .mbsc-note-primary { + color: darken($mbsc-ios-primary, 30%); + background-color: lighten($mbsc-ios-primary, 20%); + } + + .mbsc-note-secondary { + color: darken($mbsc-ios-secondary, 30%); + background-color: lighten($mbsc-ios-secondary, 20%); + } + + .mbsc-note-success { + color: darken($mbsc-ios-success, 30%); + background-color: lighten($mbsc-ios-success, 20%); + } + + .mbsc-note-danger { + color: darken($mbsc-ios-danger, 30%); + background-color: lighten($mbsc-ios-danger, 20%); + } + + .mbsc-note-warning { + color: darken($mbsc-ios-warning, 30%); + background-color: lighten($mbsc-ios-warning, 20%); + } + + .mbsc-note-info { + color: darken($mbsc-ios-info, 30%); + background-color: lighten($mbsc-ios-info, 20%); + } + + .mbsc-note-light { + color: darken($mbsc-ios-light, 70%); + background-color: lighten($mbsc-ios-light, 20%); + } + + .mbsc-note-dark { + color: darken($mbsc-ios-dark, 30%); + background-color: lighten($mbsc-ios-dark, 20%); + } + } + + @include mbsc-ios-page(ios, (background: $mbsc-ios-background, text: $mbsc-ios-text, accent: $mbsc-ios-accent)); +} diff --git a/src/scss/page/page.material.colors.scss b/src/scss/page/page.material.colors.scss new file mode 100644 index 00000000..87d8cfd1 --- /dev/null +++ b/src/scss/page/page.material.colors.scss @@ -0,0 +1,27 @@ +@import "../core/exports"; +@import "../core/material"; + +@mixin mbsc-material-page($theme, $params) { + @include exports("page.#{$theme}.colors") { + @include mbsc-material-common($theme, $params); + + $background: map-get($params, background); + $accent: map-get($params, accent); + + $colors: mbsc-material-colors($params); + $form-text: map-get($colors, form-text); + + .mbsc-#{$theme} { + /* Page */ + + &.mbsc-page { + background-color: $background; + color: $form-text; + } + + a { + color: $accent; + } + } + } +} diff --git a/src/scss/page/page.material.scss b/src/scss/page/page.material.scss new file mode 100644 index 00000000..9691a4f7 --- /dev/null +++ b/src/scss/page/page.material.scss @@ -0,0 +1,56 @@ +@import "../core/exports"; +@import "../core/common"; +@import "./page.material.colors"; +@import "./page"; + +@include exports("page.material") { + .mbsc-material { + .mbsc-note { + border-radius: .1875em; + } + + /* Note */ + .mbsc-note, + .mbsc-note-primary { + color: darken($mbsc-material-primary, 30%); + background-color: lighten($mbsc-material-primary, 15%); + } + + .mbsc-note-secondary { + color: darken($mbsc-material-secondary, 30%); + background-color: lighten($mbsc-material-secondary, 15%); + } + + .mbsc-note-success { + color: darken($mbsc-material-success, 30%); + background-color: lighten($mbsc-material-success, 15%); + } + + .mbsc-note-danger { + color: darken($mbsc-material-danger, 30%); + background-color: lighten($mbsc-material-danger, 15%); + } + + .mbsc-note-warning { + color: darken($mbsc-material-warning, 30%); + background-color: lighten($mbsc-material-warning, 15%); + } + + .mbsc-note-info { + color: darken($mbsc-material-info, 30%); + background-color: lighten($mbsc-material-info, 15%); + } + + .mbsc-note-light { + color: darken($mbsc-material-light, 60%); + background-color: lighten($mbsc-material-light, 10%); + } + + .mbsc-note-dark { + color: darken($mbsc-material-dark, 30%); + background-color: lighten($mbsc-material-dark, 20%); + } + } + + @include mbsc-material-page(material, (background: $mbsc-material-background, text: $mbsc-material-text, accent: $mbsc-material-accent)); +} diff --git a/src/scss/page/page.mobiscroll.colors.scss b/src/scss/page/page.mobiscroll.colors.scss new file mode 100644 index 00000000..43bbe85c --- /dev/null +++ b/src/scss/page/page.mobiscroll.colors.scss @@ -0,0 +1,23 @@ +@import "../core/exports"; +@import "../core/mobiscroll"; + +@mixin mbsc-mobiscroll-page($theme, $params) { + @include exports("page.#{$theme}.colors") { + @include mbsc-mobiscroll-common($theme, $params); + + $text: map-get($params, text); + $accent: map-get($params, accent); + $background: map-get($params, background); + + .mbsc-#{$theme} { + &.mbsc-page { + background: $background; + color: $text; + } + + a { + color: $accent; + } + } + } +} diff --git a/src/scss/page/page.mobiscroll.scss b/src/scss/page/page.mobiscroll.scss new file mode 100644 index 00000000..e3454237 --- /dev/null +++ b/src/scss/page/page.mobiscroll.scss @@ -0,0 +1,57 @@ +@import "../core/exports"; +@import "../core/common"; +@import "./page.mobiscroll.colors"; +@import "./page"; + +@include exports("page.mobiscroll") { + .mbsc-mobiscroll { + + /* Note */ + .mbsc-note { + border-radius: .1875em; + } + + .mbsc-note, + .mbsc-note-primary { + color: darken($mbsc-mobiscroll-primary, 30%); + background-color: lighten($mbsc-mobiscroll-primary, 20%); + } + + .mbsc-note-secondary { + color: darken($mbsc-mobiscroll-secondary, 30%); + background-color: lighten($mbsc-mobiscroll-secondary, 20%); + } + + .mbsc-note-success { + color: darken($mbsc-mobiscroll-success, 30%); + background-color: lighten($mbsc-mobiscroll-success, 20%); + } + + .mbsc-note-danger { + color: darken($mbsc-mobiscroll-danger, 30%); + background-color: lighten($mbsc-mobiscroll-danger, 20%); + } + + .mbsc-note-warning { + color: darken($mbsc-mobiscroll-warning, 25%); + background-color: lighten($mbsc-mobiscroll-warning, 20%); + } + + .mbsc-note-info { + color: darken($mbsc-mobiscroll-info, 30%); + background-color: lighten($mbsc-mobiscroll-info, 20%); + } + + .mbsc-note-light { + color: darken($mbsc-mobiscroll-light, 60%); + background-color: darken($mbsc-mobiscroll-light, 5%); + } + + .mbsc-note-dark { + color: darken($mbsc-mobiscroll-dark, 30%); + background-color: lighten($mbsc-mobiscroll-dark, 40%); + } + } + + @include mbsc-mobiscroll-page(mobiscroll, (background: $mbsc-mobiscroll-background, text: $mbsc-mobiscroll-text, accent: $mbsc-mobiscroll-accent)); +} diff --git a/src/scss/page/page.scss b/src/scss/page/page.scss new file mode 100644 index 00000000..de4bfe42 --- /dev/null +++ b/src/scss/page/page.scss @@ -0,0 +1,271 @@ +@import "../core/exports"; +@import "../core/common"; + +@include exports("page") { + [mbsc-page]:not(.mbsc-page) { + // Prevent FOUC + visibility: hidden; + } + + .mbsc-page-ctx { + margin: 0; + padding: 0; + height: 100%; + } + + .mbsc-page { + min-height: 100%; + font-size: 16px; + font-family: arial, verdana, sans-serif; + -webkit-font-smoothing: antialiased; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; + -webkit-text-size-adjust: 100%; + padding-left: constant(safe-area-inset-left); + padding-left: env(safe-area-inset-left); + padding-right: constant(safe-area-inset-right); + padding-right: env(safe-area-inset-right); + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); + } + + .mbsc-page, + .mbsc-page * { + box-sizing: border-box; + } + + .mbsc-page:before, + .mbsc-page:after { + content: ''; + display: table; + } + + + /* RTL mode */ + + .mbsc-rtl { + direction: rtl; + } + + + /* Typography */ + + .mbsc-page h1, + .mbsc-page h2, + .mbsc-page h3, + .mbsc-page h4, + .mbsc-page h5, + .mbsc-page h6 { + margin: 0; + padding: 0; + color: inherit; + font-weight: normal; + font-family: inherit; + } + + .mbsc-page p { + margin: 1em 0; + padding: 0; + line-height: 1.5; + } + + .mbsc-page a { + text-decoration: none; + } + + .mbsc-page a:hover { + text-decoration: underline; + } + + .mbsc-page a.mbsc-btn:hover { + text-decoration: none; + } + + .mbsc-page h1 { + margin: .347826em 0; + font-size: 2.875em; + } + + .mbsc-page h2 { + margin: .470588em 0; + font-size: 2.125em; + } + + .mbsc-page h3 { + margin: .666666em 0; + font-size: 1.5em; + } + + .mbsc-page h4 { + margin: .8em 0; + font-size: 1.25em; + } + + .mbsc-page h5 { + margin: 1.066666em 0; + font-size: .9375em; + } + + .mbsc-page h6 { + margin: 1.333333em 0; + font-size: .75em; + } + + /* Padding, margin */ + + .mbsc-padding { + padding: 1em; + } + + .mbsc-padding > p:first-child { + margin-top: 0; + } + + .mbsc-padding > p:last-child { + margin-bottom: 0; + } + + .mbsc-margin { + margin: 1em 0; + } + + .mbsc-margin:first-child { + margin-top: 0; + } + + .mbsc-margin:last-child { + margin-bottom: 0; + } + + /* Lists */ + + .mbsc-page { + + ul, + ol { + padding: 0; + margin: 1em 0 1em 1.25em; + line-height: 1.5; + } + + ul ul, + ol ol { + margin: 0 0 0 1.25em; + } + } + + /* Font sizes */ + + .mbsc-txt-xs { + font-size: .625em + } + + .mbsc-txt-s { + font-size: .75em; + } + + .mbsc-txt-m { + font-size: 1.25em; + } + + .mbsc-txt-l { + font-size: 1.5em; + } + + .mbsc-txt-xl { + font-size: 2em; + } + + .mbsc-txt-muted { + opacity: .6; + } + + /* Font weights */ + + .mbsc-ultra-bold { + font-weight: 900; + } + + .mbsc-bold { + font-weight: bold; + } + + .mbsc-medium { + font-weight: 500; + } + + .mbsc-light { + font-weight: 300; + } + + .mbsc-thin { + font-weight: 100; + } + + .mbsc-italic { + font-style: italic; + } + + /* Text align */ + + .mbsc-align-left { + text-align: left; + } + + .mbsc-align-right { + text-align: right; + } + + .mbsc-align-center { + text-align: center; + } + + /* Float */ + + .mbsc-pull-right { + float: right; + } + + .mbsc-pull-left { + float: left; + } + + /* Image section */ + + .mbsc-media-fluid { + display: block; + width: 100%; + } + + .mbsc-img-thumbnail { + width: 6em; + height: 6em; + margin: 1em; + } + + /* Avatar image */ + + .mbsc-avatar { + width: 2.5em; + height: 2.5em; + padding: 0; + border-radius: 1.25em; + } + + /* Note */ + + .mbsc-note { + position: relative; + padding: .75em 1.25em; + margin: 1em; + border: 1px solid transparent; + font-size: .875em; + } + + @media screen and (max-width: 600px) { + .mbsc-note { + text-align: center; + } + } +} diff --git a/src/scss/page/page.windows.colors.scss b/src/scss/page/page.windows.colors.scss new file mode 100644 index 00000000..d0e33880 --- /dev/null +++ b/src/scss/page/page.windows.colors.scss @@ -0,0 +1,25 @@ +@import "../core/exports"; +@import "../core/windows"; + +@mixin mbsc-windows-page($theme, $params) { + @include exports("page.#{$theme}.colors") { + @include mbsc-windows-common($theme, $params); + + $text: map-get($params, text); + $accent: map-get($params, accent); + + $colors: mbsc-windows-colors($params); + $form-background: map-get($colors, form-background); + + .mbsc-#{$theme} { + &.mbsc-page { + background-color: $form-background; + color: $text; + } + + a { + color: $accent; + } + } + } +} diff --git a/src/scss/page/page.windows.scss b/src/scss/page/page.windows.scss new file mode 100644 index 00000000..094849a5 --- /dev/null +++ b/src/scss/page/page.windows.scss @@ -0,0 +1,53 @@ +@import "../core/exports"; +@import "../core/common"; +@import "./page.windows.colors"; +@import "./page"; + +@include exports("page.windows") { + .mbsc-windows { + + /* Note */ + .mbsc-note, + .mbsc-note-primary { + color: darken($mbsc-windows-primary, 30%); + background-color: lighten($mbsc-windows-primary, 10%); + } + + .mbsc-note-secondary { + color: darken($mbsc-windows-secondary, 30%); + background-color: lighten($mbsc-windows-secondary, 20%); + } + + .mbsc-note-success { + color: darken($mbsc-windows-success, 30%); + background-color: lighten($mbsc-windows-success, 20%); + } + + .mbsc-note-danger { + color: darken($mbsc-windows-danger, 40%); + background-color: lighten($mbsc-windows-danger, 10%); + } + + .mbsc-note-warning { + color: darken($mbsc-windows-warning, 35%); + background-color: lighten($mbsc-windows-warning, 5%); + } + + .mbsc-note-info { + color: darken($mbsc-windows-info, 30%); + background-color: lighten($mbsc-windows-info, 20%); + } + + .mbsc-note-light { + color: darken($mbsc-windows-light, 70%); + background-color: lighten($mbsc-windows-light, 10%); + } + + .mbsc-note-dark { + color: darken($mbsc-windows-dark, 30%); + background-color: lighten($mbsc-windows-dark, 10%); + } + } + + @include mbsc-windows-page(windows, (background: $mbsc-windows-background, text: $mbsc-windows-text, accent: $mbsc-windows-accent)); +} diff --git a/src/scss/popup/popup.bootstrap.scss b/src/scss/popup/popup.bootstrap.scss new file mode 100644 index 00000000..273448aa --- /dev/null +++ b/src/scss/popup/popup.bootstrap.scss @@ -0,0 +1,2 @@ +@import "../frame/frame.bootstrap"; +@import "./popup"; diff --git a/src/scss/popup/popup.ios.colors.scss b/src/scss/popup/popup.ios.colors.scss new file mode 100644 index 00000000..05a356f0 --- /dev/null +++ b/src/scss/popup/popup.ios.colors.scss @@ -0,0 +1,10 @@ +@import "../core/exports"; +@import "../core/ios"; +@import "../frame/frame.ios.colors"; + +@mixin mbsc-ios-popup($theme, $params) { + @include exports("popup.#{$theme}.colors") { + + @include mbsc-ios-frame($theme, $params); + } +} diff --git a/src/scss/popup/popup.ios.scss b/src/scss/popup/popup.ios.scss new file mode 100644 index 00000000..3ed5e591 --- /dev/null +++ b/src/scss/popup/popup.ios.scss @@ -0,0 +1,8 @@ +@import "../core/exports"; +@import "../frame/frame.ios"; +@import "./popup.ios.colors"; +@import "./popup"; + +@include exports("popup.ios") { + @include mbsc-ios-popup(ios, (background: $mbsc-ios-background, text: $mbsc-ios-text, accent: $mbsc-ios-accent)); +} diff --git a/src/scss/popup/popup.material.colors.scss b/src/scss/popup/popup.material.colors.scss new file mode 100644 index 00000000..18094b45 --- /dev/null +++ b/src/scss/popup/popup.material.colors.scss @@ -0,0 +1,10 @@ +@import "../core/exports"; +@import "../core/material"; +@import "../frame/frame.material.colors"; + +@mixin mbsc-material-popup($theme, $params) { + @include exports("popup.#{$theme}.colors") { + + @include mbsc-material-frame($theme, $params); + } +} diff --git a/src/scss/popup/popup.material.scss b/src/scss/popup/popup.material.scss new file mode 100644 index 00000000..a28d0b5f --- /dev/null +++ b/src/scss/popup/popup.material.scss @@ -0,0 +1,8 @@ +@import "../core/exports"; +@import "../frame/frame.material"; +@import "./popup.material.colors"; +@import "./popup"; + +@include exports("popup.material") { + @include mbsc-material-popup(material, (background: $mbsc-material-background, text: $mbsc-material-text, accent: $mbsc-material-accent)); +} diff --git a/src/scss/popup/popup.mobiscroll.colors.scss b/src/scss/popup/popup.mobiscroll.colors.scss new file mode 100644 index 00000000..2715a559 --- /dev/null +++ b/src/scss/popup/popup.mobiscroll.colors.scss @@ -0,0 +1,10 @@ +@import "../core/exports"; +@import "../core/mobiscroll"; +@import "../frame/frame.mobiscroll.colors"; + +@mixin mbsc-mobiscroll-popup($theme, $params) { + @include exports("popup.#{$theme}.colors") { + + @include mbsc-mobiscroll-frame($theme, $params); + } +} diff --git a/src/scss/popup/popup.mobiscroll.scss b/src/scss/popup/popup.mobiscroll.scss new file mode 100644 index 00000000..86cd34f2 --- /dev/null +++ b/src/scss/popup/popup.mobiscroll.scss @@ -0,0 +1,8 @@ +@import "../core/exports"; +@import "../frame/frame.mobiscroll"; +@import "./popup.mobiscroll.colors"; +@import "./popup"; + +@include exports("popup.mobiscroll") { + @include mbsc-mobiscroll-popup(mobiscroll, (background: $mbsc-mobiscroll-background, text: $mbsc-mobiscroll-text, accent: $mbsc-mobiscroll-accent)); +} diff --git a/src/scss/popup/popup.scss b/src/scss/popup/popup.scss new file mode 100644 index 00000000..4a88f154 --- /dev/null +++ b/src/scss/popup/popup.scss @@ -0,0 +1,32 @@ +@import "../core/exports"; +@import "../frame/frame"; + +@include exports("popup") { + + .mbsc-wdg .mbsc-wdg-c { + position: relative; + z-index: 0; + font-size: 14px; + white-space: normal; + -webkit-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + user-select: text; + } + + .mbsc-wdg .mbsc-ltr .mbsc-wdg-c { + text-align: left; + } + + .mbsc-wdg .mbsc-rtl .mbsc-wdg-c { + text-align: right; + } + + .mbsc-wdg .mbsc-wdg-c.mbsc-w-p { + padding: 1em; + } + + .mbsc-no-padding.mbsc-wdg .mbsc-wdg-c.mbsc-w-p { + padding: 0; + } +} diff --git a/src/scss/popup/popup.windows.colors.scss b/src/scss/popup/popup.windows.colors.scss new file mode 100644 index 00000000..710322e1 --- /dev/null +++ b/src/scss/popup/popup.windows.colors.scss @@ -0,0 +1,18 @@ +@import "../core/exports"; +@import "../core/windows"; +@import "../frame/frame.windows.colors"; + +@mixin mbsc-windows-popup($theme, $params) { + @include exports("popup.#{$theme}.colors") { + + @include mbsc-windows-frame($theme, $params); + $colors: mbsc-windows-colors($params); + $frame-border: map-get($colors, frame-border); + + .mbsc-#{$theme} { + &.mbsc-wdg.mbsc-fr-btn { + background: $frame-border; + } + } + } +} diff --git a/src/scss/popup/popup.windows.scss b/src/scss/popup/popup.windows.scss new file mode 100644 index 00000000..eb244dd5 --- /dev/null +++ b/src/scss/popup/popup.windows.scss @@ -0,0 +1,21 @@ +@import "../core/exports"; +@import "../frame/frame.windows"; +@import "./popup.windows.colors"; +@import "./popup"; + +@include exports("popup.windows") { + .mbsc-windows.mbsc-wdg { + .mbsc-fr-btn-cont { + padding: 1em .875em; + border-top: 0; + } + + .mbsc-fr-btn { + margin: 0 .125em; + height: 2em; + line-height: 2em; + } + } + + @include mbsc-windows-popup(windows, (background: $mbsc-windows-background, text: $mbsc-windows-text, accent: $mbsc-windows-accent)); +} diff --git a/src/scss/progress/progress.bootstrap.scss b/src/scss/progress/progress.bootstrap.scss new file mode 100644 index 00000000..bf585733 --- /dev/null +++ b/src/scss/progress/progress.bootstrap.scss @@ -0,0 +1,2 @@ +@import "../core/exports"; +@import "../core/icons"; diff --git a/src/scss/progress/progress.ios.colors.scss b/src/scss/progress/progress.ios.colors.scss new file mode 100644 index 00000000..5c4ef846 --- /dev/null +++ b/src/scss/progress/progress.ios.colors.scss @@ -0,0 +1,33 @@ +@import "../core/exports"; +@import "../core/ios"; + +@mixin mbsc-ios-progress($theme, $params) { + @include exports("progress.#{$theme}.colors") { + + $accent: map-get($params, accent); + + $colors: mbsc-ios-colors($params); + $cont-background: map-get($colors, cont-background); + $slider-track-step: map-get($colors, slider-track-step); + $slider-tooltip: map-get($colors, slider-tooltip); + + .mbsc-#{$theme} { + &.mbsc-progress { + background: $cont-background; + } + + .mbsc-progress-track { + background: $slider-track-step; + } + + .mbsc-progress-bar { + background: $accent; + } + + .mbsc-progress-value, + .mbsc-progress-step-label { + color: $slider-tooltip; + } + } + } +} diff --git a/src/scss/progress/progress.ios.scss b/src/scss/progress/progress.ios.scss new file mode 100644 index 00000000..dbcc1883 --- /dev/null +++ b/src/scss/progress/progress.ios.scss @@ -0,0 +1,196 @@ +@import "../core/exports"; +@import "../core/icons"; +@import "./progress.ios.colors"; +@import "./progress"; + +@include exports("progress.ios") { + .mbsc-ios { + &.mbsc-progress { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 4em; + margin-top: -1px; + padding: .625em 1em; + align-items: center; + box-sizing: border-box; + } + + &.mbsc-progress.mbsc-progress-w.mbsc-control-w .mbsc-label { + padding: 0; + } + + &.mbsc-progress .mbsc-input-ic { + top: .0625em; + margin: 0; + } + + &.mbsc-progress.mbsc-ic-left .mbsc-left-ic, + &.mbsc-rtl.mbsc-progress.mbsc-ic-right .mbsc-right-ic { + right: auto; + left: -.375em; + } + + &.mbsc-progress.mbsc-ic-right .mbsc-right-ic, + &.mbsc-rtl.mbsc-progress.mbsc-ic-left .mbsc-left-ic { + left: auto; + right: -.375em; + } + + &.mbsc-progress .mbsc-input-wrap { + position: relative; + padding: 0 .75em; + } + + &.mbsc-ltr.mbsc-progress.mbsc-progress-w.mbsc-ic-left .mbsc-input-wrap, + &.mbsc-rtl.mbsc-progress.mbsc-progress-w.mbsc-ic-right .mbsc-input-wrap { + padding-left: 2.5em; + } + + &.mbsc-ltr.mbsc-progress.mbsc-progress-w.mbsc-ic-right .mbsc-input-wrap, + &.mbsc-rtl.mbsc-progress.mbsc-progress-w.mbsc-ic-left .mbsc-input-wrap { + padding-right: 2.5em; + } + + &.mbsc-ltr.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap, + &.mbsc-rtl.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap { + padding-left: 3.5em; + } + + &.mbsc-ltr.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap, + &.mbsc-rtl.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap { + padding-right: 3.5em; + } + + &.mbsc-ltr.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap, + &.mbsc-rtl.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap { + padding-left: 5.5em; + } + + &.mbsc-ltr.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap, + &.mbsc-rtl.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap { + padding-right: 5.5em; + } + + &.mbsc-ltr.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-progress-value, + &.mbsc-rtl.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-progress-value { + left: 2.2857em; + } + + &.mbsc-ltr.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-progress-value, + &.mbsc-rtl.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-progress-value { + right: 2.2857em; + } + + .mbsc-progress-cont { + padding: 1em 0; + } + + .mbsc-progress-track { + border-radius: 1em; + height: .0625em; + } + + .mbsc-progress-bar { + z-index: 1; + } + + .mbsc-progress-value { + width: 3.715em; + font-size: .875em; + } + + .mbsc-progress-step-label { + top: 1.333334em; + } + + &.mbsc-progress.mbsc-ic-left:before, + &.mbsc-progress.mbsc-ic-left:after { + left: 1em; + } + + /* Stacked label */ + .mbsc-label-stacked.mbsc-progress.mbsc-control-w { + .mbsc-label { + font-size: .75em; + position: absolute; + top: .666667em; + line-height: 1em; + padding: 0; + overflow: visible; + } + + &:not(.mbsc-slider) .mbsc-input-wrap { + padding-left: 0; + padding-right: 0; + } + + .mbsc-label + .mbsc-input-wrap { + padding-top: 1em; + padding-bottom: 1em; + + .mbsc-input-ic { + top: 1em; + } + } + + &.mbsc-ltr.mbsc-ic-right .mbsc-input-wrap, + &.mbsc-rtl.mbsc-ic-left .mbsc-input-wrap { + padding-right: 2.5em; + } + + &.mbsc-ltr.mbsc-ic-left .mbsc-input-wrap, + &.mbsc-rtl.mbsc-ic-right .mbsc-input-wrap { + padding-left: 2.5em; + } + + &.mbsc-ltr.mbsc-progress-value-right .mbsc-input-wrap, + &.mbsc-rtl.mbsc-progress-value-left .mbsc-input-wrap { + padding-right: 3.5em; + } + + &.mbsc-ltr.mbsc-progress-value-left .mbsc-input-wrap, + &.mbsc-rtl.mbsc-progress-value-right .mbsc-input-wrap { + padding-left: 3.5em; + } + + &.mbsc-ltr.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap, + &.mbsc-rtl.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap { + padding-left: 5.5em; + } + + &.mbsc-ltr.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap, + &.mbsc-rtl.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap { + padding-right: 5.5em; + } + } + + /* Progress color presets */ + .mbsc-progress-primary .mbsc-progress-bar { + background: $mbsc-ios-primary; + } + + .mbsc-progress-secondary .mbsc-progress-bar { + background: $mbsc-ios-secondary; + } + + .mbsc-progress-success .mbsc-progress-bar { + background: $mbsc-ios-success; + } + + .mbsc-progress-danger .mbsc-progress-bar { + background: $mbsc-ios-danger; + } + + .mbsc-progress-warning .mbsc-progress-bar { + background: $mbsc-ios-warning; + } + + .mbsc-progress-info .mbsc-progress-bar { + background: $mbsc-ios-info; + } + } + + @include mbsc-ios-progress(ios, (background: $mbsc-ios-background, text: $mbsc-ios-text, accent: $mbsc-ios-accent)); +} diff --git a/src/scss/progress/progress.material.colors.scss b/src/scss/progress/progress.material.colors.scss new file mode 100644 index 00000000..2c9d88d3 --- /dev/null +++ b/src/scss/progress/progress.material.colors.scss @@ -0,0 +1,22 @@ +@import "../core/exports"; +@import "../core/material"; + +@mixin mbsc-material-progress($theme, $params) { + @include exports("progress.#{$theme}.colors") { + + $accent: map-get($params, accent); + + $colors: mbsc-material-colors($params); + $gray-background: map-get($colors, gray-background); + + .mbsc-#{$theme} { + .mbsc-progress-track { + background: $gray-background; + } + + .mbsc-progress-bar { + background: $accent; + } + } + } +} diff --git a/src/less/themes/material.progress.less b/src/scss/progress/progress.material.scss similarity index 65% rename from src/less/themes/material.progress.less rename to src/scss/progress/progress.material.scss index 87954514..893c2e8a 100644 --- a/src/less/themes/material.progress.less +++ b/src/scss/progress/progress.material.scss @@ -1,125 +1,124 @@ -@import "../progress"; -@import "./material"; +@import "../core/exports"; +@import "../core/icons"; +@import "./progress.material.colors"; +@import "./progress"; -/* Progress */ - -.mbsc-material { +@include exports("progress.material") { + .mbsc-material { &.mbsc-progress { - padding: .75em 1em; + padding: .75em 1em; } &.mbsc-progress .mbsc-input-wrap { - padding: 0; + padding: 0; } &.mbsc-progress .mbsc-input-ic { - top: .3125em; - margin: 0; + top: .3125em; + margin: 0; } &.mbsc-ltr.mbsc-progress.mbsc-ic-left .mbsc-input-wrap, &.mbsc-rtl.mbsc-progress.mbsc-ic-right .mbsc-input-wrap { - padding-left: 2.25em; + padding-left: 2.25em; } &.mbsc-ltr.mbsc-progress.mbsc-ic-right .mbsc-input-wrap, &.mbsc-rtl.mbsc-progress.mbsc-ic-left .mbsc-input-wrap { - padding-right: 2.25em; + padding-right: 2.25em; } &.mbsc-ltr.mbsc-progress.mbsc-ic-left .mbsc-left-ic, &.mbsc-rtl.mbsc-progress.mbsc-ic-right .mbsc-right-ic { - right: auto; - left: -0.375em; + right: auto; + left: -0.375em; } &.mbsc-ltr.mbsc-progress.mbsc-ic-right .mbsc-right-ic, &.mbsc-rtl.mbsc-progress.mbsc-ic-left .mbsc-left-ic { - left: auto; - right: -0.375em; + left: auto; + right: -0.375em; } &.mbsc-progress .mbsc-label { - font-size: .75em; + font-size: .75em; } .mbsc-progress-cont { - padding: 1.25em 0; + padding: 1.25em 0; } .mbsc-progress-track { - background: #b2b2b2; - height: .125em; - } - - .mbsc-progress-bar { - background: #009688; + height: .125em; } .mbsc-progress-value { - font-size: .75em; - width: 4em; + font-size: .75em; + width: 4em; } &.mbsc-ltr.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap, &.mbsc-rtl.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap { - padding-right: 3.25em; + padding-right: 3.25em; } &.mbsc-ltr.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap, &.mbsc-rtl.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap { - padding-left: 3.25em; + padding-left: 3.25em; } &.mbsc-ltr.mbsc-progress-value-left.mbsc-ic-left .mbsc-input-wrap, &.mbsc-rtl.mbsc-progress-value-right.mbsc-ic-right .mbsc-input-wrap { - padding-left: 5.5em; + padding-left: 5.5em; } &.mbsc-ltr.mbsc-progress-value-right.mbsc-ic-right .mbsc-input-wrap, &.mbsc-rtl.mbsc-progress-value-left.mbsc-ic-left .mbsc-input-wrap { - padding-right: 5.5em; + padding-right: 5.5em; } &.mbsc-ltr.mbsc-progress-value-left.mbsc-ic-left .mbsc-progress-value, &.mbsc-rtl.mbsc-progress-value-right.mbsc-ic-right .mbsc-progress-value { - left: 2.25em; - right: auto; + left: 2.25em; + right: auto; } &.mbsc-ltr.mbsc-progress-value-right.mbsc-ic-right .mbsc-progress-value, &.mbsc-rtl.mbsc-progress-value-left.mbsc-ic-left .mbsc-progress-value { - left: auto; - right: 2.25em; + left: auto; + right: 2.25em; + } + + /* Inline labels */ + .mbsc-label-inline.mbsc-progress.mbsc-control-w .mbsc-label { + line-height: 2.625em; } /* Progress color presets */ .mbsc-progress-primary .mbsc-progress-bar { - background: @material-primary; + background: $mbsc-material-primary; } .mbsc-progress-secondary .mbsc-progress-bar { - background: @material-secondary; + background: $mbsc-material-secondary; } .mbsc-progress-success .mbsc-progress-bar { - background: @material-success; + background: $mbsc-material-success; } .mbsc-progress-danger .mbsc-progress-bar { - background: @material-danger; + background: $mbsc-material-danger; } .mbsc-progress-warning .mbsc-progress-bar { - background: @material-warning; + background: $mbsc-material-warning; } .mbsc-progress-info .mbsc-progress-bar { - background: @material-info; + background: $mbsc-material-info; } + } - /* Inline labels */ - .mbsc-label-inline.mbsc-progress.mbsc-control-w .mbsc-label { - line-height: 2.625em; - } + @include mbsc-material-progress(material, (background: $mbsc-material-background, text: $mbsc-material-text, accent: $mbsc-material-accent)); } diff --git a/src/scss/progress/progress.mobiscroll.colors.scss b/src/scss/progress/progress.mobiscroll.colors.scss new file mode 100644 index 00000000..f666e84a --- /dev/null +++ b/src/scss/progress/progress.mobiscroll.colors.scss @@ -0,0 +1,27 @@ +@import "../core/exports"; +@import "../core/mobiscroll"; + +@mixin mbsc-mobiscroll-progress($theme, $params) { + @include exports("progress.#{$theme}.colors") { + + $accent: map-get($params, accent); + + $colors: mbsc-mobiscroll-colors($params); + $input-icon: map-get($colors, input-icon); + $btn-disabled: map-get($colors, btn-disabled); + + .mbsc-#{$theme} { + &.mbsc-progress .mbsc-input-ic { + color: $input-icon; + } + + .mbsc-progress-track { + background: $btn-disabled; + } + + .mbsc-progress-bar { + background: $accent; + } + } + } +} diff --git a/src/scss/progress/progress.mobiscroll.scss b/src/scss/progress/progress.mobiscroll.scss new file mode 100644 index 00000000..4e608f7f --- /dev/null +++ b/src/scss/progress/progress.mobiscroll.scss @@ -0,0 +1,115 @@ +@import "../core/exports"; +@import "../core/icons"; +@import "./progress.mobiscroll.colors"; +@import "./progress"; + +@include exports("progress.mobiscroll") { + .mbsc-mobiscroll { + &.mbsc-progress { + padding: 1em; + } + + &.mbsc-progress .mbsc-label { + font-size: .75em; + } + + &.mbsc-progress .mbsc-input-ic { + top: .0625em; + margin: 0; + } + + &.mbsc-ltr.mbsc-progress.mbsc-ic-left .mbsc-input-wrap, + &.mbsc-rtl.mbsc-progress.mbsc-ic-right .mbsc-input-wrap { + padding-left: 2.75em; + } + + &.mbsc-ltr.mbsc-progress.mbsc-ic-right .mbsc-input-wrap, + &.mbsc-rtl.mbsc-progress.mbsc-ic-left .mbsc-input-wrap { + padding-right: 2.75em; + } + + &.mbsc-ltr.mbsc-progress.mbsc-ic-left .mbsc-left-ic, + &.mbsc-rtl.mbsc-progress.mbsc-ic-right .mbsc-right-ic { + right: auto; + left: -.375em; + } + + &.mbsc-ltr.mbsc-progress.mbsc-ic-right .mbsc-right-ic, + &.mbsc-rtl.mbsc-progress.mbsc-ic-left .mbsc-left-ic { + left: auto; + right: -.375em; + } + + .mbsc-progress-cont { + padding: 1em 0; + } + + .mbsc-progress-track { + border-radius: 1em; + height: .125em; + } + + .mbsc-progress-value { + width: 3.75em; + font-size: .875em; + } + + &.mbsc-ltr.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap, + &.mbsc-rtl.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap { + padding-left: 3.5em; + } + + &.mbsc-ltr.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap, + &.mbsc-rtl.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap { + padding-right: 3.5em; + } + + &.mbsc-ltr.mbsc-progress-value-left.mbsc-ic-left .mbsc-input-wrap, + &.mbsc-rtl.mbsc-progress-value-right.mbsc-ic-right .mbsc-input-wrap { + padding-left: 5.5em; + } + + &.mbsc-ltr.mbsc-progress-value-right.mbsc-ic-right .mbsc-input-wrap, + &.mbsc-rtl.mbsc-progress-value-left.mbsc-ic-left .mbsc-input-wrap { + padding-right: 5.5em; + } + + &.mbsc-ltr.mbsc-progress-value-left.mbsc-ic-left .mbsc-progress-value, + &.mbsc-rtl.mbsc-progress-value-right.mbsc-ic-right .mbsc-progress-value { + left: 2.25em; + right: auto; + } + + &.mbsc-ltr.mbsc-progress-value-right.mbsc-ic-right .mbsc-progress-value, + &.mbsc-rtl.mbsc-progress-value-left.mbsc-ic-left .mbsc-progress-value { + left: auto; + right: 2.25em; + } + + .mbsc-progress-primary .mbsc-progress-bar { + background: $mbsc-mobiscroll-primary; + } + + .mbsc-progress-secondary .mbsc-progress-bar { + background: $mbsc-mobiscroll-secondary; + } + + .mbsc-progress-success .mbsc-progress-bar { + background: $mbsc-mobiscroll-success; + } + + .mbsc-progress-danger .mbsc-progress-bar { + background: $mbsc-mobiscroll-danger; + } + + .mbsc-progress-warning .mbsc-progress-bar { + background: $mbsc-mobiscroll-warning; + } + + .mbsc-progress-info .mbsc-progress-bar { + background: $mbsc-mobiscroll-info; + } + } + + @include mbsc-mobiscroll-progress(mobiscroll, (background: $mbsc-mobiscroll-background, text: $mbsc-mobiscroll-text, accent: $mbsc-mobiscroll-accent)); +} diff --git a/src/scss/progress/progress.scss b/src/scss/progress/progress.scss new file mode 100644 index 00000000..8f690edf --- /dev/null +++ b/src/scss/progress/progress.scss @@ -0,0 +1,149 @@ +@import "../core/exports"; +@import "../core/icons"; + +@include exports("progress") { + .mbsc-progress { + position: relative; + display: block; + margin: 0; + z-index: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + .mbsc-progress progress { + display: none; + } + + .mbsc-progress .mbsc-input-wrap { + position: relative; + display: block; + } + + .mbsc-progress .mbsc-input-ic { + position: absolute; + height: 2em; + width: 2em; + line-height: 2em; + text-align: center; + } + + .mbsc-progress-cont { + position: relative; + display: block; + width: 100%; + height: 100%; + -ms-touch-action: pan-y; + touch-action: pan-y; + } + + .mbsc-progress-track { + position: relative; + display: block; + box-sizing: border-box; + } + + .mbsc-progress-bar { + position: absolute; + top: 0; + left: 0; + width: 0; + height: 100%; + } + + .mbsc-rtl .mbsc-progress-bar { + left: auto; + right: 0; + } + + .mbsc-progress-anim .mbsc-progress-bar { + transition: width .1s ease-in-out; + } + + .mbsc-progress-value { + position: absolute; + top: 50%; + width: 3em; + overflow: hidden; + margin-top: -.5em; + line-height: 1em; + } + + .mbsc-progress-value-right .mbsc-progress-value { + right: 0; + text-align: right; + } + + .mbsc-rtl.mbsc-progress-value-right .mbsc-progress-value { + right: auto; + left: 0; + text-align: left; + } + + .mbsc-progress-value-left .mbsc-progress-value { + left: 0; + text-align: left; + } + + .mbsc-rtl.mbsc-progress-value-left .mbsc-progress-value { + left: auto; + right: 0; + text-align: right; + } + + .mbsc-progress-step-label { + position: absolute; + top: 1em; + width: 3.5em; + font-size: .75em; + text-align: center; + overflow: hidden; + } + + .mbsc-ltr .mbsc-progress-step-label { + margin-left: -1.75em; + } + + .mbsc-rtl .mbsc-progress-step-label { + margin-right: -1.75em; + } + + /* Inline labels */ + + .mbsc-label-inline.mbsc-progress.mbsc-control-w { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + + .mbsc-input-wrap { + -webkit-box-flex: 1; + -webkit-flex: 1 auto; + -moz-box-flex: 1; + -moz-flex: 1 auto; + -ms-flex: 1 auto; + flex: 1 auto; + } + + .mbsc-label { + position: static; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -moz-box-flex: 0; + -moz-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-size: 1em; + line-height: 2.125em; + width: 30%; + max-width: 12.5em; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + } +} diff --git a/src/scss/progress/progress.windows.colors.scss b/src/scss/progress/progress.windows.colors.scss new file mode 100644 index 00000000..d3b5515d --- /dev/null +++ b/src/scss/progress/progress.windows.colors.scss @@ -0,0 +1,30 @@ +@import "../core/exports"; +@import "../core/windows"; + +@mixin mbsc-windows-progress($theme, $params) { + @include exports("progress.#{$theme}.colors") { + + $text: map-get($params, text); + $accent: map-get($params, accent); + + $colors: mbsc-windows-colors($params); + $gray-background: map-get($colors, gray-background); + $progress-background: map-get($colors, progress-background); + + .mbsc-#{$theme} { + + &.mbsc-progress .mbsc-label, + &.mbsc-progress .mbsc-input-ic { + color: $text; + } + + .mbsc-progress-track { + background: $progress-background; + } + + .mbsc-progress-bar { + background: $accent; + } + } + } +} diff --git a/src/less/themes/windows.progress.less b/src/scss/progress/progress.windows.scss similarity index 64% rename from src/less/themes/windows.progress.less rename to src/scss/progress/progress.windows.scss index 16c7d8ec..72defbbd 100644 --- a/src/less/themes/windows.progress.less +++ b/src/scss/progress/progress.windows.scss @@ -1,133 +1,131 @@ -@import "../progress"; +@import "../core/exports"; +@import "../core/icons"; +@import "./progress.windows.colors"; +@import "./progress"; -/* Progress */ - -.mbsc-windows { +@include exports("progress.windows") { + .mbsc-windows { &.mbsc-progress { - padding: .75em 1em; + padding: .75em 1em; } &.mbsc-progress .mbsc-label { - padding-bottom: .3125em; - color: @windows-text; - font-size: 1em; + padding-bottom: .3125em; + font-size: 1em; } &.mbsc-progress .mbsc-input-wrap { - padding: 0; + padding: 0; } &.mbsc-progress .mbsc-input-ic { - color: @windows-text; - top: -.125em; + top: -.125em; } &.mbsc-ltr.mbsc-progress.mbsc-ic-left .mbsc-input-wrap, &.mbsc-rtl.mbsc-progress.mbsc-ic-right .mbsc-input-wrap { - padding-left: 2.25em; + padding-left: 2.25em; } &.mbsc-ltr.mbsc-progress.mbsc-ic-right .mbsc-input-wrap, &.mbsc-rtl.mbsc-progress.mbsc-ic-left .mbsc-input-wrap { - padding-right: 2.25em; + padding-right: 2.25em; } &.mbsc-ltr.mbsc-progress.mbsc-ic-left .mbsc-left-ic, &.mbsc-rtl.mbsc-progress.mbsc-ic-right .mbsc-right-ic { - right: auto; - left: -0.375em; + right: auto; + left: -0.375em; } &.mbsc-ltr.mbsc-progress.mbsc-ic-right .mbsc-right-ic, &.mbsc-rtl.mbsc-progress.mbsc-ic-left .mbsc-left-ic { - left: auto; - right: -0.375em; + left: auto; + right: -0.375em; } &.mbsc-ltr.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap, &.mbsc-rtl.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap { - padding-right: 3.75em; + padding-right: 3.75em; } &.mbsc-ltr.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap, &.mbsc-rtl.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap { - padding-left: 3.75em; + padding-left: 3.75em; } &.mbsc-ltr.mbsc-progress-value-left.mbsc-ic-left .mbsc-input-wrap, &.mbsc-rtl.mbsc-progress-value-right.mbsc-ic-right .mbsc-input-wrap { - padding-left: 5.75em; + padding-left: 5.75em; } &.mbsc-ltr.mbsc-progress-value-right.mbsc-ic-right .mbsc-input-wrap, &.mbsc-rtl.mbsc-progress-value-left.mbsc-ic-left .mbsc-input-wrap { - padding-right: 5.75em; + padding-right: 5.75em; } &.mbsc-ltr.mbsc-progress-value-left.mbsc-ic-left .mbsc-progress-value, &.mbsc-rtl.mbsc-progress-value-right.mbsc-ic-right .mbsc-progress-value { - left: 1.875em; - right: auto; + left: 1.875em; + right: auto; } &.mbsc-ltr.mbsc-progress-value-right.mbsc-ic-right .mbsc-progress-value, &.mbsc-rtl.mbsc-progress-value-left.mbsc-ic-left .mbsc-progress-value { - left: auto; - right: 1.875em; + left: auto; + right: 1.875em; } .mbsc-progress-cont { - padding: .75em 0; + padding: .75em 0; } .mbsc-progress-track { - background: @windows-progress-bg; - height: .25em; - } - - .mbsc-progress-bar { - background: @windows-accent; + height: .25em; } .mbsc-progress-value { - margin-top: -.4375em; - width: 3.5em; + margin-top: -.4375em; + width: 3.5em; } .mbsc-progress-step-label { - top: auto; - bottom: -2em; - line-height: normal; + top: auto; + bottom: -2em; + line-height: normal; + } + + /* Inline labels */ + .mbsc-label-inline.mbsc-progress.mbsc-control-w .mbsc-label { + line-height: 1.875em; + padding-bottom: 0; } /* Progress color presets */ .mbsc-progress-primary .mbsc-progress-bar { - background: @windows-primary; + background: $mbsc-windows-primary; } .mbsc-progress-secondary .mbsc-progress-bar { - background: @windows-secondary; + background: $mbsc-windows-secondary; } .mbsc-progress-success .mbsc-progress-bar { - background: @windows-success; + background: $mbsc-windows-success; } .mbsc-progress-danger .mbsc-progress-bar { - background: @windows-danger; + background: $mbsc-windows-danger; } .mbsc-progress-warning .mbsc-progress-bar { - background: @windows-warning; + background: $mbsc-windows-warning; } .mbsc-progress-info .mbsc-progress-bar { - background: @windows-info; + background: $mbsc-windows-info; } + } - /* Inline labels */ - .mbsc-label-inline.mbsc-progress.mbsc-control-w .mbsc-label { - line-height: 1.875em; - padding-bottom: 0; - } + @include mbsc-windows-progress(windows, (background: $mbsc-windows-background, text: $mbsc-windows-text, accent: $mbsc-windows-accent)); } diff --git a/src/scss/rating/rating.bootstrap.scss b/src/scss/rating/rating.bootstrap.scss new file mode 100644 index 00000000..78053453 --- /dev/null +++ b/src/scss/rating/rating.bootstrap.scss @@ -0,0 +1,3 @@ +@import "../core/exports"; +@import "../progress/progress.bootstrap"; +@import "./rating"; diff --git a/src/scss/rating/rating.ios.colors.scss b/src/scss/rating/rating.ios.colors.scss new file mode 100644 index 00000000..c8ff85b0 --- /dev/null +++ b/src/scss/rating/rating.ios.colors.scss @@ -0,0 +1,18 @@ +@import "../core/exports"; +@import "../core/ios"; +@import "../progress/progress.ios.colors"; + +@mixin mbsc-ios-rating($theme, $params) { + @include exports("rating.#{$theme}.colors") { + + @include mbsc-ios-progress($theme, $params); + + $accent: map-get($params, accent); + + .mbsc-#{$theme}.mbsc-rating { + .mbsc-progress-track { + color: $accent; + } + } + } +} diff --git a/src/scss/rating/rating.ios.scss b/src/scss/rating/rating.ios.scss new file mode 100644 index 00000000..7b5e89a0 --- /dev/null +++ b/src/scss/rating/rating.ios.scss @@ -0,0 +1,43 @@ +@import "../core/exports"; +@import "../progress/progress.ios"; +@import "./rating.ios.colors"; +@import "./rating"; + +@include exports("rating.ios") { + .mbsc-ios.mbsc-rating { + &.mbsc-progress .mbsc-input-wrap { + padding: 0; + } + + input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { + opacity: .4; + } + + /* Color presets */ + &.mbsc-rating-primary .mbsc-progress-track { + color: $mbsc-ios-primary; + } + + &.mbsc-rating-secondary .mbsc-progress-track { + color: $mbsc-ios-secondary; + } + + &.mbsc-rating-success .mbsc-progress-track { + color: $mbsc-ios-success; + } + + &.mbsc-rating-danger .mbsc-progress-track { + color: $mbsc-ios-danger; + } + + &.mbsc-rating-warning .mbsc-progress-track { + color: $mbsc-ios-warning; + } + + &.mbsc-rating-info .mbsc-progress-track { + color: $mbsc-ios-info; + } + } + + @include mbsc-ios-rating(ios, (background: $mbsc-ios-background, text: $mbsc-ios-text, accent: $mbsc-ios-accent)); +} diff --git a/src/scss/rating/rating.material.colors.scss b/src/scss/rating/rating.material.colors.scss new file mode 100644 index 00000000..c86a1c2c --- /dev/null +++ b/src/scss/rating/rating.material.colors.scss @@ -0,0 +1,18 @@ +@import "../core/exports"; +@import "../core/material"; +@import "../progress/progress.material.colors"; + +@mixin mbsc-material-rating($theme, $params) { + @include exports("rating.#{$theme}.colors") { + + @include mbsc-material-progress($theme, $params); + + $accent: map-get($params, accent); + + .mbsc-#{$theme}.mbsc-rating { + .mbsc-progress-track { + color: $accent; + } + } + } +} diff --git a/src/scss/rating/rating.material.scss b/src/scss/rating/rating.material.scss new file mode 100644 index 00000000..bca1891c --- /dev/null +++ b/src/scss/rating/rating.material.scss @@ -0,0 +1,46 @@ +@import "../core/exports"; +@import "../progress/progress.material"; +@import "./rating.material.colors"; +@import "./rating"; + +@include exports("rating.material") { + .mbsc-material.mbsc-rating { + .mbsc-slider-handle:before { + display: none; + } + + .mbsc-label { + padding-bottom: .5em; + } + + input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { + opacity: .4; + } + + &.mbsc-rating-primary .mbsc-progress-track { + color: $mbsc-material-primary; + } + + &.mbsc-rating-secondary .mbsc-progress-track { + color: $mbsc-material-secondary; + } + + &.mbsc-rating-success .mbsc-progress-track { + color: $mbsc-material-success; + } + + &.mbsc-rating-danger .mbsc-progress-track { + color: $mbsc-material-danger; + } + + &.mbsc-rating-warning .mbsc-progress-track { + color: $mbsc-material-warning; + } + + &.mbsc-rating-info .mbsc-progress-track { + color: $mbsc-material-info; + } + } + + @include mbsc-material-rating(material, (background: $mbsc-material-background, text: $mbsc-material-text, accent: $mbsc-material-accent)); +} diff --git a/src/scss/rating/rating.mobiscroll.colors.scss b/src/scss/rating/rating.mobiscroll.colors.scss new file mode 100644 index 00000000..e61b5b2a --- /dev/null +++ b/src/scss/rating/rating.mobiscroll.colors.scss @@ -0,0 +1,18 @@ +@import "../core/exports"; +@import "../core/mobiscroll"; +@import "../progress/progress.mobiscroll.colors"; + +@mixin mbsc-mobiscroll-rating($theme, $params) { + @include exports("rating.#{$theme}.colors") { + + @include mbsc-mobiscroll-progress($theme, $params); + + $accent: map-get($params, accent); + + .mbsc-#{$theme}.mbsc-rating { + .mbsc-progress-track { + color: $accent; + } + } + } +} diff --git a/src/scss/rating/rating.mobiscroll.scss b/src/scss/rating/rating.mobiscroll.scss new file mode 100644 index 00000000..dc1f21eb --- /dev/null +++ b/src/scss/rating/rating.mobiscroll.scss @@ -0,0 +1,42 @@ +@import "../core/exports"; +@import "../progress/progress.mobiscroll"; +@import "./rating.mobiscroll.colors"; +@import "./rating"; + +@include exports("rating.mobiscroll") { + .mbsc-mobiscroll.mbsc-rating { + .mbsc-label { + padding-bottom: .5em; + } + + input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { + opacity: .4; + } + + &.mbsc-rating-primary .mbsc-progress-track { + color: $mbsc-mobiscroll-primary; + } + + &.mbsc-rating-secondary .mbsc-progress-track { + color: $mbsc-mobiscroll-secondary; + } + + &.mbsc-rating-success .mbsc-progress-track { + color: $mbsc-mobiscroll-success; + } + + &.mbsc-rating-danger .mbsc-progress-track { + color: $mbsc-mobiscroll-danger; + } + + &.mbsc-rating-warning .mbsc-progress-track { + color: $mbsc-mobiscroll-warning; + } + + &.mbsc-rating-info .mbsc-progress-track { + color: $mbsc-mobiscroll-info; + } + } + + @include mbsc-mobiscroll-rating(mobiscroll, (background: $mbsc-mobiscroll-background, text: $mbsc-mobiscroll-text, accent: $mbsc-mobiscroll-accent)); +} diff --git a/src/scss/rating/rating.scss b/src/scss/rating/rating.scss new file mode 100644 index 00000000..9453a94e --- /dev/null +++ b/src/scss/rating/rating.scss @@ -0,0 +1,50 @@ +@import "../core/exports"; +@import "../progress/progress"; + +@include exports("rating") { + .mbsc-rating { + &.mbsc-progress .mbsc-progress-cont { + display: inline-block; + width: auto; + padding: 0 .5em; + margin: 0 -.681818em; + cursor: pointer; + } + + .mbsc-progress-cont .mbsc-progress-track { + height: auto; + background: none; + } + + .mbsc-ic { + font-size: 1.375em; + margin: 0 0.181818em; + } + + &.mbsc-progress input { + display: none; + } + + &.mbsc-progress .mbsc-progress-cont .mbsc-slider-handle { + display: block; + position: absolute; + width: 100%; + height: 100%; + margin: 0; + top: 0; + left: 0; + right: 0; + background: none; + box-shadow: none; + border: 0; + -webkit-transform: none; + transform: none; + } + + .mbsc-progress-cont .mbsc-progress-bar { + background: none; + overflow: hidden; + white-space: nowrap; + } + } +} diff --git a/src/scss/rating/rating.windows.colors.scss b/src/scss/rating/rating.windows.colors.scss new file mode 100644 index 00000000..b0eee5b2 --- /dev/null +++ b/src/scss/rating/rating.windows.colors.scss @@ -0,0 +1,18 @@ +@import "../core/exports"; +@import "../core/windows"; +@import "../progress/progress.windows.colors"; + +@mixin mbsc-windows-rating($theme, $params) { + @include exports("rating.#{$theme}.colors") { + + @include mbsc-windows-progress($theme, $params); + + $accent: map-get($params, accent); + + .mbsc-#{$theme}.mbsc-rating { + .mbsc-progress-track { + color: $accent; + } + } + } +} diff --git a/src/scss/rating/rating.windows.scss b/src/scss/rating/rating.windows.scss new file mode 100644 index 00000000..027f4d04 --- /dev/null +++ b/src/scss/rating/rating.windows.scss @@ -0,0 +1,39 @@ +@import "../core/exports"; +@import "../progress/progress.windows"; +@import "./rating.windows.colors"; +@import "./rating"; + +@include exports("rating.windows") { + .mbsc-windows.mbsc-rating { + input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { + opacity: .4; + } + + /* Color presets */ + &.mbsc-rating-primary .mbsc-progress-track { + color: $mbsc-windows-primary; + } + + &.mbsc-rating-secondary .mbsc-progress-track { + color: $mbsc-windows-secondary; + } + + &.mbsc-rating-success .mbsc-progress-track { + color: $mbsc-windows-success; + } + + &.mbsc-rating-danger .mbsc-progress-track { + color: $mbsc-windows-danger; + } + + &.mbsc-rating-warning .mbsc-progress-track { + color: $mbsc-windows-warning; + } + + &.mbsc-rating-info .mbsc-progress-track { + color: $mbsc-windows-info; + } + } + + @include mbsc-windows-rating(windows, (background: $mbsc-windows-background, text: $mbsc-windows-text, accent: $mbsc-windows-accent)); +} diff --git a/src/scss/scroller/scroller.bootstrap.scss b/src/scss/scroller/scroller.bootstrap.scss new file mode 100644 index 00000000..d9e713ce --- /dev/null +++ b/src/scss/scroller/scroller.bootstrap.scss @@ -0,0 +1,82 @@ +@import "../core/exports"; +@import "../frame/frame.bootstrap"; +@import "./scroller"; + +/* Scroller */ +.mbsc-bootstrap { + .mbsc-sc-whl-gr-c { + overflow: visible; + } + + .mbsc-sc-whl-gr { + padding: 4px 2px; + } + + .mbsc-sc-lbl-v .mbsc-sc-whl-gr { + padding-top: 30px; + } + + .mbsc-sc-lbl { + line-height: 30px; + } + + .mbsc-sc-whl-w { + margin: 0 2px; + } + + .mbsc-sc-whl-l { + margin: 0 -2px; + background: rgba(0, 0, 0, .2); + } + + .mbsc-ltr .mbsc-sc-whl-w:first-child .mbsc-sc-whl-l, + .mbsc-rtl .mbsc-sc-whl-w:last-child .mbsc-sc-whl-l { + margin-left: -4px; + } + + .mbsc-ltr .mbsc-sc-whl-w:last-child .mbsc-sc-whl-l, + .mbsc-rtl .mbsc-sc-whl-w:first-child .mbsc-sc-whl-l { + margin-right: -4px; + } + + .mbsc-sc-itm { + padding: 0 5px; + font-size: 18px; + } + + .mbsc-sc-itm.mbsc-active { + background: rgba(0, 0, 0, .1); + } + + + /* Clickpick mode */ + + .mbsc-sc-cp .mbsc-sc-whl-w { + padding: 30px 0; + } + + .mbsc-sc-btn { + height: 30px !important; + line-height: 30px !important; + } + + .mbsc-sc-btn-plus { + top: auto; + } + + .mbsc-sc-btn.mbsc-active { + background: rgba(0, 0, 0, .1); + } + + + /* Multiple select */ + + .mbsc-sc-whl-multi .mbsc-sc-itm { + padding: 0 40px; + } + + .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { + width: 40px; + font-size: 16px; + } +} diff --git a/src/scss/scroller/scroller.ios.colors.scss b/src/scss/scroller/scroller.ios.colors.scss new file mode 100644 index 00000000..d17d1fbf --- /dev/null +++ b/src/scss/scroller/scroller.ios.colors.scss @@ -0,0 +1,154 @@ +@import "../core/exports"; +@import "../core/ios"; +@import "../frame/frame.ios.colors"; + +@mixin mbsc-ios-scroller($theme, $params) { + @include exports("scroller.#{$theme}.colors") { + + @include mbsc-ios-frame($theme, $params); + + $text: map-get($params, text); + $accent: map-get($params, accent); + + $colors: mbsc-ios-colors($params); + $button: map-get($colors, button); + $background-limited: map-get($colors, background-limited); + $cont-background: map-get($colors, cont-background); + $border-color: map-get($colors, border-color); + $item-3d: map-get($colors, item-3d); + $item-color: map-get($colors, item-color); + $popup-border: map-get($colors, popup-border); + $label-text: map-get($colors, label-text); + $button-active: map-get($colors, button-active); + $top-bottom-frame: map-get($colors, top-bottom-frame); + $top-bottom-wheel-border: map-get($colors, top-bottom-wheel-border); + + .mbsc-#{$theme} { + /* Scroller */ + + &.mbsc-sc.mbsc-fr-top .mbsc-fr-w, + &.mbsc-sc.mbsc-fr-bottom .mbsc-fr-w { + background: $top-bottom-frame; + } + + &.mbsc-calendar .mbsc-fr-persp .mbsc-fr-w { + background: $background-limited; + } + + &.mbsc-calendar.mbsc-fr-top .mbsc-fr-btn-cont, + &.mbsc-calendar.mbsc-fr-bottom .mbsc-fr-btn-cont { + border-bottom: 1px solid $border-color; + } + + /* Top / bottom color theme */ + + &.mbsc-fr-top .mbsc-sc-whl-l, + &.mbsc-fr-bottom .mbsc-sc-whl-l { + border-top: 1px solid $top-bottom-wheel-border; + border-bottom: 1px solid $top-bottom-wheel-border; + } + + .mbsc-sc-whl-l, + &.mbsc-calendar .mbsc-sc-whl-l { + border-top: 1px solid $border-color; + border-bottom: 1px solid $border-color; + } + + &.mbsc-fr-top .mbsc-sc-whl-o, + &.mbsc-fr-bottom .mbsc-sc-whl-o { + background: -webkit-linear-gradient($top-bottom-frame, rgba($top-bottom-frame, 0) 52%, rgba($top-bottom-frame, 0) 48%, $top-bottom-frame); + background: linear-gradient($top-bottom-frame, rgba($top-bottom-frame, 0) 52%, rgba($top-bottom-frame, 0) 48%, $top-bottom-frame); + } + + .mbsc-sc-whl-o, + &.mbsc-calendar .mbsc-sc-whl-o { + background: -webkit-linear-gradient($background-limited, rgba($background-limited, 0) 52%, rgba($background-limited, 0) 48%, $background-limited); + background: linear-gradient($background-limited, rgba($background-limited, 0) 52%, rgba($background-limited, 0) 48%, $background-limited); + } + + &.mbsc-fr-top .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c, + &.mbsc-fr-bottom .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c { + background: $top-bottom-frame; + } + + /* Inline color theme */ + + &.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-o { + background: -webkit-linear-gradient($cont-background, rgba($cont-background, 0) 52%, rgba($cont-background, 0) 48%, $cont-background); + background: linear-gradient($cont-background, rgba($cont-background, 0) 52%, rgba($cont-background, 0) 48%, $cont-background); + } + + &.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c { + background: $cont-background; + } + + /* Wheel label */ + + .mbsc-sc-lbl { + color: $label-text; + } + + .mbsc-sc-itm { + color: $item-color; + } + + &.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, + .mbsc-sc-itm:focus { + background: rgba($button, .15); + } + + &.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active { + background: rgba($button, .2); + } + + .mbsc-sc-itm-sel, + .mbsc-sc-whl-gr-3d .mbsc-sc-itm { + color: $text; + } + + + /* 3D */ + + .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c, + &.mbsc-calendar .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c { + background: $background-limited; + } + + .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d { + color: $item-3d; + } + + /* Clickpick mode */ + + .mbsc-sc-btn { + color: $button; + } + + /* Multiple select */ + + &.mbsc-sel-multi .mbsc-sc-itm { + color: $text; + } + + .mbsc-sc-whl-multi .mbsc-sc-itm-sel { + color: $accent; + } + + /* Desktop view */ + + &.mbsc-fr-pointer { + .mbsc-sc-whl-l { + border-color: $popup-border; + } + + .mbsc-sc-itm { + color: $text; + } + + .mbsc-sc-itm-sel { + color: $accent; + } + } + } + } +} diff --git a/src/scss/scroller/scroller.ios.scss b/src/scss/scroller/scroller.ios.scss new file mode 100644 index 00000000..81596267 --- /dev/null +++ b/src/scss/scroller/scroller.ios.scss @@ -0,0 +1,168 @@ +@import "../core/exports"; +@import "../frame/frame.ios"; +@import "./scroller.ios.colors"; +@import "./scroller"; + +@include exports("scroller.ios") { + .mbsc-ios { + /* Scroller */ + + &.mbsc-sc.mbsc-fr-top .mbsc-fr-btn-cont, + &.mbsc-sc.mbsc-fr-bottom .mbsc-fr-btn-cont { + border-bottom: 0; + } + + /* Wheel label */ + + .mbsc-sc-lbl { + line-height: 2.5em; + } + + .mbsc-sc-whl-gr-c { + padding: 0 3%; + } + + .mbsc-sc-whl-gr { + padding: .833333em; + } + + .mbsc-sc-lbl-v { + margin-bottom: -1.666667em; + } + + .mbsc-sc-lbl-v .mbsc-sc-whl-gr { + padding-top: 2.5em; + padding-bottom: 2.5em; + } + + .mbsc-sc-whl-l, + &.mbsc-calendar .mbsc-sc-whl-l { + display: block; + margin: 0 -.833333em; + } + + .mbsc-sc-whl-w .mbsc-sc-whl-l { + display: none; + } + + .mbsc-sc-whl-o, + &.mbsc-calendar .mbsc-sc-whl-o { + display: block; + } + + .mbsc-sc-itm { + padding: 0 .5em; + font-size: 1.833333em; + } + + &.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, + .mbsc-sc-itm:focus { + outline: 0; + } + + /* 3D */ + + .mbsc-sc-whl-gr-3d-c .mbsc-sc-whl-l { + z-index: 3; + } + + .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c { + margin: 0 -.166667em; + } + + .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d { + font-size: 1.666666em; + } + + + /* Clickpick mode */ + + .mbsc-sc-cp .mbsc-sc-whl .mbsc-sc-itm { + text-align: center; + } + + .mbsc-sc-cp .mbsc-sc-whl-w { + padding: 2.666667em 0; + } + + .mbsc-sc-btn { + height: 2.666667em; + line-height: 2.666667em; + opacity: 1; + } + + .mbsc-sc-btn:before { + font-size: 2em; + } + + .mbsc-sc-btn.mbsc-active:before { + opacity: .5; + } + + + /* Multiple select */ + + &.mbsc-sel-multi .mbsc-sc-whl-l { + display: none; + } + + .mbsc-sc-whl-multi .mbsc-sc-whl-o { + display: none; + } + + .mbsc-sc-whl-multi .mbsc-sc-itm { + padding: 0 1.818181em; + } + + .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { + font-size: 1.818181em; + } + + .mbsc-sc-whl-gr-3d .mbsc-sc-whl-multi .mbsc-sc-whl-o { + display: block; + } + + &.mbsc-sel-multi .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c { + visibility: hidden; + } + + /* Desktop view */ + + &.mbsc-fr-pointer { + .mbsc-sc-whl-o { + display: none; + } + + .mbsc-sc-lbl-v { + margin-bottom: -2.5em; + } + + .mbsc-sc-lbl { + padding: 0 1.666667em; + } + + .mbsc-sc-itm { + font-size: 1.333334em; + padding: 0 1.25em; + } + + .mbsc-sc-whl-multi .mbsc-sc-itm { + padding: 0 2.5em; + } + + .mbsc-sc-itm-sel:before { + font-size: 2em; + } + + .mbsc-ltr .mbsc-sc-itm-sel:before { + left: .125em; + } + + .mbsc-rtl .mbsc-sc-itm-sel:before { + right: .125em; + } + } + } + + @include mbsc-ios-scroller(ios, (background: $mbsc-ios-background, text: $mbsc-ios-text, accent: $mbsc-ios-accent)); +} diff --git a/src/scss/scroller/scroller.material.colors.scss b/src/scss/scroller/scroller.material.colors.scss new file mode 100644 index 00000000..d2e1d25b --- /dev/null +++ b/src/scss/scroller/scroller.material.colors.scss @@ -0,0 +1,51 @@ +@import "../core/exports"; +@import "../core/material"; +@import "../frame/frame.material.colors"; + +@mixin mbsc-material-scroller($theme, $params) { + @include exports("scroller.#{$theme}.colors") { + + @include mbsc-material-frame($theme, $params); + + $background: map-get($params, background); + $accent: map-get($params, accent); + + .mbsc-#{$theme} { + .mbsc-sc-lbl { + color: $accent; + } + + &.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, + .mbsc-sc-itm:focus { + background: rgba(0, 0, 0, .05); + } + + &.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active { + background: rgba(0, 0, 0, .1); + } + + .mbsc-sc-whl-l { + border-top: 2px solid $accent; + border-bottom: 2px solid $accent; + } + + /* Clickpick mode */ + + .mbsc-sc-btn { + color: $accent; + background: $background; + } + + &.mbsc-no-touch .mbsc-sc-btn:hover, + .mbsc-sc-btn.mbsc-active { + background: rgba(0, 0, 0, .1); + } + + /* Multiple select */ + + .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { + color: $accent; + } + } + } +} diff --git a/src/scss/scroller/scroller.material.scss b/src/scss/scroller/scroller.material.scss new file mode 100644 index 00000000..41587779 --- /dev/null +++ b/src/scss/scroller/scroller.material.scss @@ -0,0 +1,110 @@ +@import "../core/exports"; +@import "../frame/frame.material"; +@import "./scroller.material.colors"; +@import "./scroller"; + +@include exports("scroller.material") { + .mbsc-material { + .mbsc-sc-whl-gr { + padding: 2em .25em; + } + + .mbsc-sc-cp { + padding: .5em .25em; + } + + .mbsc-sc-lbl-v .mbsc-sc-whl-gr { + padding-top: 2.5em; + padding-bottom: 0; + } + + .mbsc-sc-lbl { + line-height: 2.666666em; + font-size: .75em; + font-weight: bold; + text-transform: uppercase; + } + + .mbsc-sc-whl-w { + margin: 0 .25em; + padding: .5em 0; + } + + .mbsc-sc-itm { + padding: 0 .272727em; + font-size: 1.375em; + } + + &.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, + .mbsc-sc-itm:focus { + outline: 0; + } + + &.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active { + border-radius: 2px; + } + + /* Clickpick mode */ + + .mbsc-sc-cp .mbsc-sc-whl-w { + padding: 2em 0; + } + + .mbsc-sc-btn { + height: 2em; + line-height: 2em; + overflow: hidden; + } + + .mbsc-sc-btn:before { + font-size: 1.5em; + } + + /* Multiple select */ + + .mbsc-sc-whl-multi .mbsc-sc-itm { + padding: 0 1.818181em; + } + + .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { + width: 1.818181em; + } + + /* Desktop styling */ + + &.mbsc-fr-pointer { + .mbsc-sc-lbl { + padding-left: 1.666667em; + padding-right: 1.666667em; + } + + .mbsc-sc-whl-w { + margin: 0; + padding: 0; + } + + .mbsc-sc-itm { + font-size: 1em; + padding: 0 1.25em; + } + + .mbsc-sc-whl-multi .mbsc-sc-itm { + padding: 0 2.5em; + } + + .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { + width: 2em; + } + + .mbsc-ltr .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { + left: .25em; + } + + .mbsc-rtl .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { + right: .25em; + } + } + } + + @include mbsc-material-scroller(material, (background: $mbsc-material-background, text: $mbsc-material-text, accent: $mbsc-material-accent)); +} diff --git a/src/scss/scroller/scroller.mobiscroll.colors.scss b/src/scss/scroller/scroller.mobiscroll.colors.scss new file mode 100644 index 00000000..5a21d8aa --- /dev/null +++ b/src/scss/scroller/scroller.mobiscroll.colors.scss @@ -0,0 +1,48 @@ +@import "../core/exports"; +@import "../core/mobiscroll"; +@import "../frame/frame.mobiscroll.colors"; + +@mixin mbsc-mobiscroll-scroller($theme, $params) { + @include exports("scroller.#{$theme}.colors") { + + @include mbsc-mobiscroll-frame($theme, $params); + + $background: map-get($params, background); + $accent: map-get($params, accent); + $text: map-get($params, text); + + .mbsc-#{$theme} { + .mbsc-sc-lbl { + color: $accent; + } + + .mbsc-sc-whl-l { + border-top: 1px solid $accent; + border-bottom: 1px solid $accent; + } + + .mbsc-sc-btn { + color: $accent; + background: $background; + } + + &.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, + .mbsc-sc-itm:focus { + background: rgba($text, .1); + } + + &.mbsc-no-touch .mbsc-sc-btn:hover:before, + &.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active, + .mbsc-sc-btn.mbsc-active:before { + background: rgba($accent, .3); + } + + /* Multiple select */ + .mbsc-sc-whl-multi { + .mbsc-sc-itm-sel:before { + color: $accent; + } + } + } + } +} diff --git a/src/scss/scroller/scroller.mobiscroll.scss b/src/scss/scroller/scroller.mobiscroll.scss new file mode 100644 index 00000000..0e286b9e --- /dev/null +++ b/src/scss/scroller/scroller.mobiscroll.scss @@ -0,0 +1,98 @@ +@import "../core/exports"; +@import "../frame/frame.mobiscroll"; +@import "./scroller.mobiscroll.colors"; +@import "./scroller"; + +@include exports("scroller.mobiscroll") { + .mbsc-mobiscroll { + .mbsc-sc-whl-gr { + padding: .5em .25em; + } + + .mbsc-sc-whl-w { + margin: 0 .25em; + } + + .mbsc-sc-lbl-v .mbsc-sc-whl-w { + margin-top: 1.875em; + } + + .mbsc-sc-lbl { + font-size: .75em; + line-height: 2.5em; + text-transform: uppercase; + } + + .mbsc-sc-cp .mbsc-sc-whl-w { + padding: 2em 0; + } + + .mbsc-sc-btn { + height: 2em; + line-height: 2em; + } + + .mbsc-sc-btn:before { + font-size: 1.5em; + } + + .mbsc-sc-itm { + padding: 0 .25em; + font-size: 1.375em; + } + + &.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, + .mbsc-sc-itm:focus { + outline: 0; + } + + /* Multiple select */ + .mbsc-sc-whl-multi { + .mbsc-sc-itm { + padding: 0 1.818181em; + } + + .mbsc-sc-itm-sel:before { + font-size: 1.818181em; + } + } + + /* Desktop view */ + &.mbsc-fr-pointer { + .mbsc-sc-lbl { + padding-left: 1.666667em; + padding-right: 1.666667em; + } + + .mbsc-sc-whl-w { + margin-left: 0; + margin-right: 0; + } + + .mbsc-sc-itm { + font-size: 1em; + padding: 0 1.25em; + } + + .mbsc-sc-whl-multi { + .mbsc-sc-itm { + padding: 0 2.5em; + } + + .mbsc-sc-itm-sel:before { + font-size: 2em; + } + } + + .mbsc-ltr .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { + left: .125em; + } + + .mbsc-rtl .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { + right: .125em; + } + } + } + + @include mbsc-mobiscroll-scroller(mobiscroll, (background: $mbsc-mobiscroll-background, text: $mbsc-mobiscroll-text, accent: $mbsc-mobiscroll-accent)); +} diff --git a/src/scss/scroller/scroller.scss b/src/scss/scroller/scroller.scss new file mode 100644 index 00000000..7223b370 --- /dev/null +++ b/src/scss/scroller/scroller.scss @@ -0,0 +1,281 @@ +@import "../core/exports"; +@import "../frame/frame"; + +@include exports("scroller") { + + .mbsc-sc-whl-o, + .mbsc-sc-btn { + /* Prevent flickering on animation */ + -webkit-transform: translateZ(0); + } + + /* Force content box */ + + .mbsc-sc .mbsc-sc-whl-gr-c, + .mbsc-sc .mbsc-sc-whl-c, + .mbsc-sc .mbsc-sc-whl-l, + .mbsc-sc .mbsc-sc-whl { + box-sizing: content-box; + } + + /* Force border box */ + + .mbsc-sc-whl-gr-c, + .mbsc-sc-itm { + box-sizing: border-box; + } + + .mbsc-sc-whl-gr-c { + position: relative; + max-width: 100%; + vertical-align: middle; + display: inline-block; + overflow: hidden; + } + + .mbsc-fr-bottom .mbsc-sc-whl-gr-c:first-child:last-child, + .mbsc-fr-top .mbsc-sc-whl-gr-c:first-child:last-child, + .mbsc-fr-inline .mbsc-sc-whl-gr-c:first-child:last-child, + .mbsc-fr-liq .mbsc-sc-whl-gr-c { + display: block; + } + + .mbsc-sc-whl-gr { + margin: 0 auto; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .mbsc-sc-whl-w { + max-width: 100%; + position: relative; + -ms-touch-action: none; + touch-action: none; + } + + .mbsc-fr-pointer .mbsc-sc-whl-w, + .mbsc-fr-liq .mbsc-sc-whl-w { + -webkit-box-flex: 1; + -webkit-flex: 1 auto; + -ms-flex: 1 auto; + flex: 1 auto; + } + + .mbsc-sc-whl-o { + position: absolute; + z-index: 2; + top: 0; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; + display: none; + } + + .mbsc-sc-whl-l { + display: none; + position: absolute; + top: 50%; + left: 0; + right: 0; + pointer-events: none; + } + + .mbsc-sc-whl-w .mbsc-sc-whl-l { + display: block; + } + + .mbsc-sc-whl { + overflow: hidden; + /* Forces IE to respect overflow hidden while animating */ + /* Looks like this is not needed, also, it brakes rendering on Samsung S5 Mini */ + /* border-radius: 1px; */ + /* Fixes Firefox rendering issues */ + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + margin: -1px 0; + } + + .mbsc-sc-whl-c { + position: relative; + z-index: 1; + top: 50%; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + } + + .mbsc-sc-whl-sc { + position: relative; + } + + .mbsc-sc-itm { + position: relative; + cursor: pointer; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + .mbsc-sc-itm-inv, + .mbsc-sc-itm-inv-h { + opacity: .3; + } + + .mbsc-sc-lbl { + position: absolute; + left: 0; + right: 0; + bottom: 100%; + display: none; + } + + .mbsc-sc-lbl-v .mbsc-sc-lbl { + display: block; + } + + .mbsc-sc-btn { + position: absolute; + z-index: 2; + left: 0; + right: 0; + cursor: pointer; + opacity: 1; + text-align: center; + transition: opacity .2s linear; + } + + .mbsc-sc-btn:before { + position: absolute; + top: 0; + right: 0; + left: 0; + } + + .mbsc-sc-whl-a .mbsc-sc-btn { + opacity: 0; + } + + .mbsc-sc-btn-plus { + bottom: 0; + } + + .mbsc-sc-btn-minus { + top: 0; + } + + /* 3D */ + + .mbsc-sc-whl-gr-3d { + -webkit-perspective: 1200px; + perspective: 1200px; + } + + .mbsc-sc-whl-gr-3d .mbsc-sc-whl { + /* For iOS to respect z-index */ + overflow: visible; + } + + .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c { + overflow: hidden; + } + + .mbsc-sc-whl-3d { + position: absolute; + top: 50%; + left: 0; + right: 0; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + } + + .mbsc-sc-itm-3d { + position: absolute; + width: 100%; + top: 0; + left: 0; + cursor: pointer; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + } + + .mbsc-sc-itm-del { + display: none; + } + + /* Multiline */ + + .mbsc-sc-itm-ml { + width: 100%; + height: auto; + display: inline-block; + vertical-align: middle; + white-space: normal; + } + + /* Multiple */ + + .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { + position: absolute; + top: 0; + left: 0; + width: 1em; + text-align: center; + } + + /* Desktop view */ + + .mbsc-fr-pointer { + + .mbsc-fr-w .mbsc-sc-whl-gr-c, + .mbsc-fr-w .mbsc-sc-whl-gr { + padding: 0; + } + + .mbsc-sc-whl-gr-c:first-child:last-child { + display: block; + } + } + + .mbsc-sc-bar-c { + position: absolute; + z-index: 2; + top: 0; + bottom: 0; + right: 0; + width: 10px; + opacity: 0; + background: rgba(0, 0, 0, .05); + transform: translateZ(0); + transition: opacity .2s; + } + + .mbsc-sc-bar { + position: absolute; + right: 0; + top: 0; + width: 10px; + height: 100%; + } + + .mbsc-sc-bar:after { + content: ''; + position: absolute; + top: 2px; + right: 2px; + bottom: 2px; + left: 2px; + background: rgba(0, 0, 0, .5); + border-radius: 3px; + } + + .mbsc-sc-whl-w:hover .mbsc-sc-bar-c, + .mbsc-sc-whl-anim .mbsc-sc-bar-c { + opacity: 1; + } +} diff --git a/src/scss/scroller/scroller.windows.colors.scss b/src/scss/scroller/scroller.windows.colors.scss new file mode 100644 index 00000000..3cc9c54e --- /dev/null +++ b/src/scss/scroller/scroller.windows.colors.scss @@ -0,0 +1,64 @@ +@import "../core/exports"; +@import "../core/windows"; +@import "../frame/frame.windows.colors"; + +@mixin mbsc-windows-scroller($theme, $params) { + @include exports("scroller.#{$theme}.colors") { + + @include mbsc-windows-frame($theme, $params); + + $background: map-get($params, background); + $accent: map-get($params, accent); + $text: map-get($params, text); + + $colors: mbsc-windows-colors($params); + $frame-border: map-get($colors, frame-border); + $wheel-button: map-get($colors, wheel-button); + $button-hover: map-get($colors, button-hover); + + .mbsc-#{$theme} { + .mbsc-sc-whl-gr-c { + border-bottom: 2px solid $frame-border; + } + + .mbsc-sc-whl-w { + border-right: 2px solid $frame-border; + } + + .mbsc-sc-lbl-v .mbsc-sc-whl-w { + background: $background; + } + + .mbsc-sc-lbl-v { + background: $frame-border; + } + + .mbsc-sc-whl-l { + background: rgba($accent, .4); + } + + &.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, + .mbsc-sc-itm:focus { + background: rgba($text, .10); + } + + &.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active { + background: rgba($text, .20); + } + + /* Clickpick mode */ + .mbsc-sc-btn { + background: $wheel-button; + } + + &.mbsc-no-touch .mbsc-sc-btn:hover, + .mbsc-sc-btn.mbsc-active { + background: $button-hover; + } + + .mbsc-sc-whl-multi .mbsc-sc-itm-sel { + color: $accent; + } + } + } +} diff --git a/src/scss/scroller/scroller.windows.scss b/src/scss/scroller/scroller.windows.scss new file mode 100644 index 00000000..054ec20c --- /dev/null +++ b/src/scss/scroller/scroller.windows.scss @@ -0,0 +1,103 @@ +@import "../core/exports"; +@import "../frame/frame.windows"; +@import "./scroller.windows.colors"; +@import "./scroller"; + +@include exports("scroller.windows") { + .mbsc-windows { + .mbsc-sc-whl-gr-c { + margin-bottom: -2px; + } + + .mbsc-ltr .mbsc-sc-whl-w:last-child, + .mbsc-rtl .mbsc-sc-whl-w:first-child { + border-right: 0; + } + + .mbsc-sc-lbl-v .mbsc-sc-whl-gr { + padding: 1.875em 0; + } + + .mbsc-sc-lbl-v { + border: 0; + margin-bottom: -1.875em; + } + + .mbsc-sc-lbl { + font-size: .75em; + line-height: 2.5em; + } + + .mbsc-sc-whl-l { + display: block; + z-index: 1; + } + + .mbsc-sc-whl-w .mbsc-sc-whl-l { + display: none; + } + + .mbsc-sc-itm { + padding: 0 .5em; + } + + /* Clickpick mode */ + .mbsc-sc-btn { + opacity: 0; + height: 1.375em; + line-height: 1.375em; + overflow: hidden; + } + + &.mbsc-no-touch .mbsc-sc-whl-w:hover .mbsc-sc-btn { + opacity: 1; + } + + /* Multiple select */ + &.mbsc-sel-multi .mbsc-sc-whl-l { + display: none; + } + + .mbsc-sc-whl-multi .mbsc-sc-itm { + padding: 0 2.5em; + } + + .mbsc-sc-whl-multi .mbsc-sc-btn { + display: none; + } + + .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { + width: 2.5em; + } + + /* Desktop styling */ + &.mbsc-fr-pointer { + .mbsc-sc-lbl { + padding: 0 1.666667em; + } + + .mbsc-sc-itm { + padding: 0 1.25em; + } + + .mbsc-sc-whl-multi .mbsc-sc-itm { + padding: 0 2.5em; + } + + .mbsc-ltr .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { + left: 0; + } + + .mbsc-rtl .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { + right: 0; + } + } + + /* Scrollbar */ + .mbsc-sc-bar:after { + border-radius: 0; + } + } + + @include mbsc-windows-scroller(windows, (background: $mbsc-windows-background, text: $mbsc-windows-text, accent: $mbsc-windows-accent)); +} diff --git a/src/scss/slider/slider.bootstrap.scss b/src/scss/slider/slider.bootstrap.scss new file mode 100644 index 00000000..2bb0f913 --- /dev/null +++ b/src/scss/slider/slider.bootstrap.scss @@ -0,0 +1,4 @@ +@import "../core/exports"; +@import "../page/page.bootstrap"; +@import "../progress/progress.bootstrap"; +@import "./slider"; diff --git a/src/scss/slider/slider.ios.colors.scss b/src/scss/slider/slider.ios.colors.scss new file mode 100644 index 00000000..bf95ab06 --- /dev/null +++ b/src/scss/slider/slider.ios.colors.scss @@ -0,0 +1,32 @@ +@import "../core/exports"; +@import "../core/ios"; +@import "../page/page.ios.colors"; +@import "../progress/progress.ios.colors"; + +@mixin mbsc-ios-slider($theme, $params) { + @include exports("slider.#{$theme}.colors") { + + @include mbsc-ios-page($theme, $params); + @include mbsc-ios-progress($theme, $params); + + $colors: mbsc-ios-colors($params); + $slider-tooltip: map-get($colors, slider-tooltip); + $slider-track-step: map-get($colors, slider-track-step); + $cont-background: map-get($colors, cont-background); + + .mbsc-#{$theme} { + .mbsc-slider-handle { + background: #fff; + } + + .mbsc-slider-tooltip { + color: $slider-tooltip; + background: $cont-background; + } + + .mbsc-slider-step { + background: $slider-track-step; + } + } + } +} diff --git a/src/scss/slider/slider.ios.scss b/src/scss/slider/slider.ios.scss new file mode 100644 index 00000000..42d1b5e1 --- /dev/null +++ b/src/scss/slider/slider.ios.scss @@ -0,0 +1,74 @@ +@import "../core/exports"; +@import "../page/page.ios"; +@import "../progress/progress.ios"; +@import "./slider.ios.colors"; +@import "./slider"; + +@include exports("slider.ios") { + .mbsc-ios { + .mbsc-slider-handle-cont { + top: 0; + } + + .mbsc-slider-handle { + top: 50%; + width: 1.75em; + height: 1.75em; + margin: -.875em -.875em 0 0; + border-radius: 1.25em; + box-shadow: 0 0 1em rgba(0, 0, 0, .1), 0 0 .0625em rgba(0, 0, 0, .15), 0 .125em .125em rgba(0, 0, 0, .15); + } + + .mbsc-slider-tooltip { + font-size: .875em; + width: 3em; + margin-right: -1.5em; + top: -1em; + text-align: center; + opacity: 0; + transition: opacity .2s ease-in-out; + } + + .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, + .mbsc-active .mbsc-slider-tooltip { + opacity: 1; + } + + .mbsc-slider-step { + height: .5em; + width: .0625em; + margin-top: -.1875em; + margin-left: -.0625em; + } + + &.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { + opacity: .4; + } + + .mbsc-slider-primary .mbsc-progress-bar { + background: $mbsc-ios-primary; + } + + .mbsc-slider-secondary .mbsc-progress-bar { + background: $mbsc-ios-secondary; + } + + .mbsc-slider-success .mbsc-progress-bar { + background: $mbsc-ios-success; + } + + .mbsc-slider-danger .mbsc-progress-bar { + background: $mbsc-ios-danger; + } + + .mbsc-slider-warning .mbsc-progress-bar { + background: $mbsc-ios-warning; + } + + .mbsc-slider-info .mbsc-progress-bar { + background: $mbsc-ios-info; + } + } + + @include mbsc-ios-slider(ios, (background: $mbsc-ios-background, text: $mbsc-ios-text, accent: $mbsc-ios-accent)); +} diff --git a/src/scss/slider/slider.material.colors.scss b/src/scss/slider/slider.material.colors.scss new file mode 100644 index 00000000..a6678b06 --- /dev/null +++ b/src/scss/slider/slider.material.colors.scss @@ -0,0 +1,65 @@ +@import "../core/exports"; +@import "../core/material"; +@import "../page/page.material.colors"; +@import "../progress/progress.material.colors"; + +@mixin mbsc-material-slider($theme, $params) { + @include exports("slider.#{$theme}.colors") { + + @include mbsc-material-page($theme, $params); + @include mbsc-material-progress($theme, $params); + + $background: map-get($params, background); + $accent: map-get($params, accent); + + $colors: mbsc-material-colors($params); + $tooltip: map-get($colors, tooltip); + $background-contrast: map-get($colors, background-contrast); + $gray-background: map-get($colors, gray-background); + + .mbsc-#{$theme} { + .mbsc-slider-step { + background: $background-contrast; + } + + .mbsc-slider-handle { + border: 2px solid $accent; + background: $accent; + } + + .mbsc-slider-start .mbsc-slider-handle { + border-color: $gray-background; + background: $background; + } + + .mbsc-slider-tooltip { + color: $background; + background-color: $accent; + } + + .mbsc-slider-tooltip:before { + border-top: 1em solid $accent; + } + + &.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip, + &.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-bar { + background: $gray-background; + } + + &.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip:before { + border-top-color: $gray-background; + } + + &.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle { + background: $gray-background; + border-color: $gray-background; + box-shadow: 0 0 0 .3125em $background; + } + + &.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-start .mbsc-slider-handle { + border-color: $gray-background; + background: $background; + } + } + } +} diff --git a/src/scss/slider/slider.material.scss b/src/scss/slider/slider.material.scss new file mode 100644 index 00000000..b87f9ae1 --- /dev/null +++ b/src/scss/slider/slider.material.scss @@ -0,0 +1,202 @@ +@import "../core/exports"; +@import "../page/page.material"; +@import "../progress/progress.material"; +@import "./slider.material.colors"; +@import "./slider"; + +@include exports("slider.material") { + .mbsc-material { + &.mbsc-slider .mbsc-input-wrap { + padding: 0 .5em; + } + + .mbsc-slider-handle { + top: 50%; + width: .75em; + height: .75em; + margin: -.5em -.5em 0 0; + border-radius: 1.125em; + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transition: -webkit-transform .2s ease-in-out; + transition: transform .2s ease-in-out; + } + + .mbsc-slider-handle:focus, + .mbsc-active .mbsc-slider-handle { + -webkit-transform: scale(1.4); + transform: scale(1.4); + } + + .mbsc-slider-handle:before { + content: ''; + position: absolute; + z-index: -1; + top: -.625em; + left: -.625em; + width: 2em; + height: 2em; + opacity: 0; + border-radius: 2.875em; + -webkit-transition: opacity .2s ease-in-out; + transition: opacity .2s ease-in-out; + } + + .mbsc-active .mbsc-slider-handle:before { + opacity: 1; + } + + .mbsc-slider-tooltip { + margin-right: -1.16665em; + top: -2.5em; + width: 2.33333333em; + height: 2.33333333em; + border-radius: 2.33333333em; + line-height: 2.33333333em; + text-align: center; + font-size: .75em; + -webkit-transform: scale(.4) translate3d(0, 6em, 0); + transform: scale(.4) translate3d(0, 6em, 0); + -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; + transition: transform .2s ease-in-out, opacity .2s ease-in-out; + } + + .mbsc-slider-tooltip:before { + position: absolute; + content: ''; + width: 0; + height: 0; + border-left: .8333em solid transparent; + border-right: .8333em solid transparent; + bottom: -.66666em; + left: .3333em; + } + + &.mbsc-slider-has-tooltip .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, + &.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-tooltip { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + } + + &.mbsc-slider-has-tooltip .mbsc-slider-handle:focus, + &.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-handle { + -webkit-transform: scale(0); + transform: scale(0); + } + + &.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { + opacity: .4; + } + + &.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle { + -webkit-transform: scale(.7); + transform: scale(.7); + } + + /* color presets */ + .mbsc-slider-primary { + + .mbsc-slider-tooltip, + .mbsc-slider-handle { + background: $mbsc-material-primary; + border-color: $mbsc-material-primary; + } + + .mbsc-slider-tooltip:before { + border-top-color: $mbsc-material-primary; + } + + .mbsc-progress-bar { + background: $mbsc-material-primary; + } + } + + .mbsc-slider-secondary { + + .mbsc-slider-tooltip, + .mbsc-slider-handle { + background: $mbsc-material-secondary; + border-color: $mbsc-material-secondary; + } + + .mbsc-slider-tooltip:before { + border-top-color: $mbsc-material-secondary; + } + + .mbsc-progress-bar { + background: $mbsc-material-secondary; + } + } + + .mbsc-slider-success { + + .mbsc-slider-tooltip, + .mbsc-slider-handle { + background: $mbsc-material-success; + border-color: $mbsc-material-success; + } + + .mbsc-slider-tooltip:before { + border-top-color: $mbsc-material-success; + } + + .mbsc-progress-bar { + background: $mbsc-material-success; + } + } + + .mbsc-slider-danger { + + .mbsc-slider-tooltip, + .mbsc-slider-handle { + background: $mbsc-material-danger; + border-color: $mbsc-material-danger; + } + + .mbsc-slider-tooltip:before { + border-top-color: $mbsc-material-danger; + } + + .mbsc-progress-bar { + background: $mbsc-material-danger; + } + } + + .mbsc-slider-warning { + + .mbsc-slider-tooltip, + .mbsc-slider-handle { + background: $mbsc-material-warning; + border-color: $mbsc-material-warning; + } + + .mbsc-slider-tooltip:before { + border-top-color: $mbsc-material-warning; + } + + .mbsc-progress-bar { + background: $mbsc-material-warning; + } + } + + .mbsc-slider-info { + + .mbsc-slider-tooltip, + .mbsc-slider-handle { + background: $mbsc-material-info; + border-color: $mbsc-material-info; + } + + .mbsc-slider-tooltip:before { + border-top-color: $mbsc-material-info; + } + + .mbsc-progress-bar { + background: $mbsc-material-info; + } + } + } + + @include mbsc-material-slider(material, (background: $mbsc-material-background, text: $mbsc-material-text, accent: $mbsc-material-accent)); +} diff --git a/src/scss/slider/slider.mobiscroll.colors.scss b/src/scss/slider/slider.mobiscroll.colors.scss new file mode 100644 index 00000000..f099e4b1 --- /dev/null +++ b/src/scss/slider/slider.mobiscroll.colors.scss @@ -0,0 +1,33 @@ +@import "../core/exports"; +@import "../core/mobiscroll"; +@import "../page/page.mobiscroll.colors"; +@import "../progress/progress.mobiscroll.colors"; + +@mixin mbsc-mobiscroll-slider($theme, $params) { + @include exports("slider.#{$theme}.colors") { + + @include mbsc-mobiscroll-page($theme, $params); + @include mbsc-mobiscroll-progress($theme, $params); + + $background: map-get($params, background); + $accent: map-get($params, accent); + + $colors: mbsc-mobiscroll-colors($params); + $tooltip: map-get($colors, tooltip); + + .mbsc-#{$theme} { + .mbsc-slider-step { + background: $background; + } + + .mbsc-slider-handle { + background: $accent; + } + + .mbsc-slider-tooltip { + color: $tooltip; + background-color: $accent; + } + } + } +} diff --git a/src/scss/slider/slider.mobiscroll.scss b/src/scss/slider/slider.mobiscroll.scss new file mode 100644 index 00000000..b98d6873 --- /dev/null +++ b/src/scss/slider/slider.mobiscroll.scss @@ -0,0 +1,123 @@ +@import "../core/exports"; +@import "../page/page.mobiscroll"; +@import "../progress/progress.mobiscroll"; +@import "./slider.mobiscroll.colors"; +@import "./slider"; + +@include exports("slider.mobiscroll") { + .mbsc-mobiscroll { + &.mbsc-slider .mbsc-input-wrap { + padding: 0 .5em; + } + + .mbsc-slider-handle { + top: 50%; + width: 1em; + height: 1em; + border-radius: 1.125em; + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transition: -webkit-transform .2s ease-in-out; + transition: transform .2s ease-in-out; + } + + .mbsc-slider-handle:focus, + .mbsc-active .mbsc-slider-handle { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + &.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { + opacity: .4; + } + + &.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle { + -webkit-transform: scale(1); + transform: scale(1); + } + + .mbsc-slider-tooltip { + top: -1.91666em; + width: 2.33333333em; + height: 2.33333333em; + border-radius: 2em; + margin-right: -1.1666em; + line-height: 2.33333333em; + text-align: center; + font-size: .75em; + z-index: 5; + -webkit-transform: scale(.4) translate3d(0, 5em, 0); + transform: scale(.4) translate3d(0, 5em, 0); + -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; + transition: transform .2s ease-in-out, opacity .2s ease-in-out; + } + + .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, + .mbsc-active .mbsc-slider-tooltip { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + } + + &.mbsc-slider-has-tooltip .mbsc-slider-handle:focus, + &.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-handle { + -webkit-transform: scale(.5); + transform: scale(.5); + } + + .mbsc-slider-primary { + + .mbsc-slider-tooltip, + .mbsc-slider-handle, + .mbsc-progress-bar { + background: $mbsc-mobiscroll-primary; + } + } + + .mbsc-slider-secondary { + + .mbsc-slider-tooltip, + .mbsc-slider-handle, + .mbsc-progress-bar { + background: $mbsc-mobiscroll-secondary; + } + } + + .mbsc-slider-success { + + .mbsc-slider-tooltip, + .mbsc-slider-handlem .mbsc-progress-bar { + background: $mbsc-mobiscroll-success; + } + } + + .mbsc-slider-danger { + + .mbsc-slider-tooltip, + .mbsc-slider-handle, + .mbsc-progress-bar { + background: $mbsc-mobiscroll-danger; + } + } + + .mbsc-slider-warning { + + .mbsc-slider-tooltip, + .mbsc-slider-handle, + .mbsc-progress-bar { + background: $mbsc-mobiscroll-warning; + } + } + + .mbsc-slider-info { + + .mbsc-slider-tooltip, + .mbsc-slider-handle, + .mbsc-progress-bar { + background: $mbsc-mobiscroll-info; + } + } + } + + @include mbsc-mobiscroll-slider(mobiscroll, (background: $mbsc-mobiscroll-background, text: $mbsc-mobiscroll-text, accent: $mbsc-mobiscroll-accent)); +} diff --git a/src/scss/slider/slider.scss b/src/scss/slider/slider.scss new file mode 100644 index 00000000..5e724fcd --- /dev/null +++ b/src/scss/slider/slider.scss @@ -0,0 +1,87 @@ +@import "../core/exports"; +@import "../page/page"; +@import "../progress/progress"; + +@include exports("slider") { + .mbsc-progress.mbsc-slider input { + display: none; + } + + .mbsc-ltr .mbsc-progress-anim .mbsc-slider-handle-cont { + transition: left .1s ease-in-out; + } + + .mbsc-rtl .mbsc-progress-anim .mbsc-slider-handle-cont { + transition: right .1s ease-in-out; + } + + .mbsc-slider-handle-cont { + position: absolute; + width: 2em; + height: 2em; + top: .0625em; + margin-top: -1em; + cursor: pointer; + } + + .mbsc-ltr .mbsc-slider-handle-cont { + right: -1em; + } + + .mbsc-rtl .mbsc-slider-handle-cont { + left: -1em; + } + + .mbsc-ltr .mbsc-slider-handle-cont.mbsc-slider-handle-left { + left: 0; + } + + .mbsc-rtl .mbsc-slider-handle-cont.mbsc-slider-handle-left { + right: 0; + } + + .mbsc-ltr .mbsc-progress-track .mbsc-slider-handle-cont { + margin-left: -1em; + } + + .mbsc-rtl .mbsc-progress-track .mbsc-slider-handle-cont { + margin-right: -1em; + } + + .mbsc-slider-handle { + position: absolute; + top: .125em; + right: 50%; + margin: -.5em -.5em 0 0; + z-index: 2; + } + + .mbsc-slider-handle-cont .mbsc-slider-handle { + box-sizing: content-box; + } + + .mbsc-slider .mbsc-slider-handle:focus, + .mbsc-slider .mbsc-active .mbsc-slider-handle { + outline: 0; + z-index: 15; + } + + .mbsc-slider .mbsc-handle-curr { + z-index: 16; + } + + .mbsc-slider-tooltip { + position: absolute; + right: 50%; + opacity: 0; + color: #000; + } + + .mbsc-slider-step { + position: absolute; + top: 0; + width: .125em; + height: 100%; + margin-left: -.0625em; + } +} diff --git a/src/scss/slider/slider.windows.colors.scss b/src/scss/slider/slider.windows.colors.scss new file mode 100644 index 00000000..c6a5be58 --- /dev/null +++ b/src/scss/slider/slider.windows.colors.scss @@ -0,0 +1,65 @@ +@import "../core/exports"; +@import "../core/windows"; +@import "../page/page.windows.colors"; +@import "../progress/progress.windows.colors"; + +@mixin mbsc-windows-slider($theme, $params) { + @include exports("slider.#{$theme}.colors") { + + @include mbsc-windows-page($theme, $params); + @include mbsc-windows-progress($theme, $params); + + $background: map-get($params, background); + $accent: map-get($params, accent); + $text: map-get($params, text); + + $colors: mbsc-windows-colors($params); + $form-background: map-get($colors, form-background); + $input-hover: map-get($colors, input-hover); + $input-border: map-get($colors, input-border); + $frame-border: map-get($colors, frame-border); + + .mbsc-#{$theme} { + &.mbsc-slider .mbsc-progress-track { + background: $input-border; + border-top: 2px solid $background; + border-bottom: 2px solid $background; + } + + &.mbsc-form .mbsc-slider .mbsc-progress-track { + border-top-color: $form-background; + border-bottom-color: $form-background; + } + + &.mbsc-slider:hover .mbsc-progress-track { + background: $input-hover; + + .mbsc-slider-handle { + background: $text; + } + } + + &.mbsc-slider .mbsc-active ~ .mbsc-progress-cont .mbsc-progress-track { + background: $input-border; + + .mbsc-slider-handle { + background: $frame-border; + } + } + + .mbsc-slider-handle { + background: $accent; + } + + .mbsc-slider-tooltip { + border: 1px solid $frame-border; + background: $background; + color: $text; + } + + .mbsc-slider-step { + background: $input-border; + } + } + } +} diff --git a/src/scss/slider/slider.windows.scss b/src/scss/slider/slider.windows.scss new file mode 100644 index 00000000..4b53a01b --- /dev/null +++ b/src/scss/slider/slider.windows.scss @@ -0,0 +1,88 @@ +@import "../core/exports"; +@import "../page/page.windows"; +@import "../progress/progress.windows"; +@import "./slider.windows.colors"; +@import "./slider"; + +@include exports("slider.windows") { + .mbsc-windows { + &.mbsc-slider .mbsc-input-wrap { + padding: 0 .3125em; + } + + &.mbsc-slider .mbsc-input-ic { + top: -.0625em; + } + + &.mbsc-slider .mbsc-progress-track { + height: 6px; + } + + .mbsc-slider-handle { + top: 50%; + width: .5em; + border-radius: 6px; + height: 1.5em; + margin: -0.75em -0.25em 0 0; + } + + .mbsc-slider-tooltip { + height: 1.875em; + padding: 0 .75em; + top: -2.75em; + line-height: 1.875em; + text-align: center; + transition: opacity .2s ease-in-out; + -webkit-transform: translateX(50%); + transform: translateX(50%); + } + + .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, + .mbsc-active .mbsc-slider-tooltip { + opacity: 1; + } + + .mbsc-slider-step { + height: 16px; + width: 1px; + top: -7px; + z-index: -1; + } + + /* fix for first tick */ + .mbsc-progress-bar + .mbsc-slider-step { + margin: 0; + } + + .mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { + opacity: .4; + } + + /* Slider color presets */ + .mbsc-slider-primary .mbsc-progress-bar { + background: $mbsc-windows-primary; + } + + .mbsc-slider-secondary .mbsc-progress-bar { + background: $mbsc-windows-secondary; + } + + .mbsc-slider-success .mbsc-progress-bar { + background: $mbsc-windows-success; + } + + .mbsc-slider-danger .mbsc-progress-bar { + background: $mbsc-windows-danger; + } + + .mbsc-slider-warning .mbsc-progress-bar { + background: $mbsc-windows-warning; + } + + .mbsc-slider-info .mbsc-progress-bar { + background: $mbsc-windows-info; + } + } + + @include mbsc-windows-slider(windows, (background: $mbsc-windows-background, text: $mbsc-windows-text, accent: $mbsc-windows-accent)); +}