{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/parts/saturation.vue?6a07","webpack:///./src/assets/img/logo.svg","webpack:///./src/App.vue?9abb","webpack:///./src/assets/img/switch.svg","webpack:///./src/components/parts/hue.vue?a9cf","webpack:///./src/App.vue?a64d","webpack:///./src/components/Swatch.vue?cce8","webpack:///./src/components/Swatch.js","webpack:///./src/components/parts/hue.vue?4f57","webpack:///src/components/parts/hue.vue","webpack:///./src/components/parts/hue.vue?e720","webpack:///./src/components/parts/hue.vue?1888","webpack:///./src/components/parts/saturation.vue?85f4","webpack:///src/components/parts/saturation.vue","webpack:///./src/components/parts/saturation.vue?6166","webpack:///./src/components/parts/saturation.vue?44a9","webpack:///./src/components/parts/input.vue?62a4","webpack:///src/components/parts/input.vue","webpack:///./src/components/parts/input.vue?2c33","webpack:///./src/components/parts/input.vue?8486","webpack:///src/components/Swatch.vue","webpack:///./src/components/Swatch.vue?09e8","webpack:///./src/components/Swatch.vue?89e6","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue?bff9","webpack:///./src/router.js","webpack:///./src/main.js","webpack:///./src/App.vue?5051","webpack:///./src/components/Swatch.vue?fe9e","webpack:///./src/components/parts/input.vue?3915"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_m","BlindType","model","callback","$$v","colorForeground","expression","on","switchColor","colorBackground","style","backgroundColor","colorBlind","hex","_l","item","index","class","color","isBlur","textShadow","_v","_s","$event","fbs_click","activeColor","setBlindType","domProps","aaLarge","aa","aaaLarge","aaa","isModalOpen","staticRenderFns","childChange","colors","swatchTitle","theColor","inputChange","rgba","g","_colorChange","oldHue","blindType","hsl","tinycolor","toHsl","hsv","toHsv","h","toHexString","toUpperCase","hex8","toHex8String","toRgb","source","a","getAlpha","props","val","computed","set","newVal","$emit","methods","colorChange","isValid","b","watch","background","theBgColor","ref","handleMouseDown","handleChange","top","pointerTop","left","type","default","blind","pullDirection","e","f","skip","preventDefault","percent","container","$refs","containerHeight","clientHeight","yOffset","getBoundingClientRect","pageYOffset","pageY","touches","addEventListener","handleMouseUp","unbindEventListeners","removeEventListener","component","bgColor","pointerLeft","throttle","fn","containerWidth","clientWidth","xOffset","pageXOffset","pageX","saturation","bright","onChange","v","param","labelId","textBoxLabel","directives","rawName","target","composing","update","String","Number","arrowOffset","console","log","undefined","components","colorPicker","swatch","blindTypes","pangram","short","long","thePangram","theLabel","isDDActive","created","shuffleArr","reverse","theParams","$route","params","fg","bg","temp","temp2","counter","array","Math","floor","random","thisEl","leftPosition","windowFeatures","open","el","getAttribute","color1","color2","Vue","use","Router","routes","path","App","config","productionTip","router","render","$mount"],"mappings":"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","file":"assets/js/app.4081df0e.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/contrast/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./saturation.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./saturation.vue?vue&type=style&index=0&lang=css&\"","module.exports = __webpack_public_path__ + \"assets/img/logo.e5488e8d.svg\";","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=2&id=6101cb20&scoped=true&lang=scss&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=2&id=6101cb20&scoped=true&lang=scss&\"","module.exports = __webpack_public_path__ + \"assets/img/switch.81f76fc2.svg\";","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./hue.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./hue.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper\",attrs:{\"id\":\"app\"}},[_vm._m(0),_c('section',{staticClass:\"section\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"columns is-multiline is-mobile app-header\"},[_vm._m(1),_c('div',{staticClass:\"column is-6-mobile is-4-desktop\"},[_c('swatch',{attrs:{\"swatchTitle\":\"Foreground Colour\",\"blindType\":_vm.BlindType},model:{value:(_vm.colorForeground),callback:function ($$v) {_vm.colorForeground=$$v},expression:\"colorForeground\"}})],1),_c('div',{staticClass:\"column is-hidden-mobile has-text-centered switchColor\"},[_c('img',{attrs:{\"src\":require(\"./assets/img/switch.svg\")},on:{\"click\":_vm.switchColor}})]),_c('div',{staticClass:\"column is-6-mobile is-4-desktop\"},[_c('swatch',{attrs:{\"swatchTitle\":\"Background Colour\",\"blindType\":_vm.BlindType},model:{value:(_vm.colorBackground),callback:function ($$v) {_vm.colorBackground=$$v},expression:\"colorBackground\"}})],1)])])]),_c('section',{staticClass:\"section\"},[_c('div',{staticClass:\"container\",style:({backgroundColor:_vm.colorBlind(_vm.colorBackground.hex)})},[_c('div',{staticClass:\"columns app-canvas\"},[_c('div',{staticClass:\"column is-7-tablet is-6-desktop\"},[_vm._l((_vm.thePangram),function(item,index){return _c('p',{key:(\"item-\" + index),class:(\"pangram-\" + (index+1)),style:({\n             color: (_vm.isBlur ? 'transparent' : _vm.colorBlind(_vm.colorForeground.hex)),\n             textShadow:(_vm.isBlur ? '0 0 5px ' + _vm.colorBlind(_vm.colorForeground.hex) : '')\n           })},[_vm._v(_vm._s(item))])}),_c('footer',{style:({color: _vm.colorBlind(_vm.colorForeground.hex)})},[_c('a',{attrs:{\"href\":\"https://twitter.com/share?text=Accessibility Checker for Digital Legibility&url=https%3A%2F%2Fwww%2Edesigns%2Eguide%2Fcontrast\"},on:{\"click\":function($event){return _vm.fbs_click(600, 400, $event)}}},[_c('svg',{attrs:{\"width\":\"13px\",\"height\":\"11px\",\"viewBox\":\"0 0 13 11\",\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\"}},[_c('g',{attrs:{\"id\":\"Colours.guide\",\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('g',{attrs:{\"id\":\"Accessibility_Desk\",\"transform\":\"translate(-126.000000, -946.000000)\",\"fill\":_vm.activeColor()}},[_c('g',{attrs:{\"id\":\"Socials\",\"transform\":\"translate(104.000000, 945.500000)\"}},[_c('path',{attrs:{\"d\":\"M34.8653333,2.238 C34.392,2.448 33.8833333,2.59 33.3493333,2.654 C33.8946667,2.32733333 34.3133333,1.80933333 34.51,1.19266667 C34,1.496 33.4353333,1.71533333 32.834,1.834 C32.3526667,1.32066667 31.6666667,1 30.9073333,1 C29.4493333,1 28.268,2.182 28.268,3.64 C28.268,3.84733333 28.2913333,4.04866667 28.336,4.242 C26.1426667,4.132 24.198,3.08066667 22.896,1.48333333 C22.6686667,1.87333333 22.5386667,2.32666667 22.5386667,2.81066667 C22.5386667,3.72666667 23.0046667,4.53533333 23.7126667,5.00866667 C23.28,4.99466667 22.8733333,4.876 22.5173333,4.678 L22.5173333,4.712 C22.5173333,5.99066667 23.4266667,7.058 24.634,7.30066667 C24.4126667,7.36066667 24.1793333,7.39333333 23.9386667,7.39333333 C23.7686667,7.39333333 23.6033333,7.37666667 23.442,7.346 C23.778,8.39466667 24.7526667,9.158 25.908,9.17933333 C25.0046667,9.888 23.8666667,10.31 22.63,10.31 C22.4166667,10.31 22.2066667,10.2973333 22,10.2733333 C23.1686667,11.022 24.5553333,11.4593333 26.046,11.4593333 C30.9006667,11.4593333 33.556,7.436 33.556,3.94666667 C33.556,3.832 33.5533333,3.718 33.5486667,3.60466667 C34.064,3.23266667 34.5113333,2.768 34.8653333,2.238\",\"id\":\"Twitter\"}})])])])])]),_vm._v(\"\\n \\n\"),_c('a',{attrs:{\"href\":\"https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.designs.guide%2Fcontrast\"},on:{\"click\":function($event){return _vm.fbs_click(600, 400, $event)}}},[_c('svg',{attrs:{\"width\":\"6px\",\"height\":\"13px\",\"viewBox\":\"0 0 6 13\",\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\"}},[_c('g',{attrs:{\"id\":\"Colours.guide\",\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('g',{attrs:{\"id\":\"Accessibility_Desk\",\"transform\":\"translate(-104.000000, -945.000000)\",\"fill\":_vm.activeColor()}},[_c('g',{attrs:{\"id\":\"Socials\",\"transform\":\"translate(104.000000, 945.500000)\"}},[_c('path',{attrs:{\"d\":\"M3.63733333,11.7286667 L1.212,11.7286667 L1.212,5.86466667 L0,5.86466667 L0,3.84266667 L1.212,3.84266667 L1.212,2.63 C1.212,0.981333333 1.89666667,0 3.84,0 L5.45866667,0 L5.45866667,2.022 L4.44733333,2.022 C3.69066667,2.022 3.64,2.30466667 3.64,2.83133333 L3.63733333,3.84266667 L5.47,3.84266667 L5.25533333,5.86466667 L3.63733333,5.86466667 L3.63733333,11.7286667 Z\",\"id\":\"Fb\"}})])])])])]),_vm._v(\"\\n \\n              \"),_vm._m(2)])],2),_c('div',{staticClass:\"column features is-4-tablet is-offset-1-tablet is-3-desktop is-offset-3-desktop\"},[_c('div',{staticClass:\"feature-blindify\"},[_c('div',{staticClass:\"select has-background-black\"},[_c('label',{attrs:{\"for\":\"blindTypeSelector\"}},[_vm._v(\"Blindness Type\")]),_c('select',{staticClass:\"has-background-black has-text-white\",attrs:{\"name\":\"blindTypeSelector\"},on:{\"change\":function($event){return _vm.setBlindType($event)}}},[_c('option',{attrs:{\"value\":\"none\"}},[_vm._v(\"No Color Blindness\")]),_vm._l((_vm.blindTypes),function(item,index){return _c('option',{key:index,domProps:{\"value\":item}},[_vm._v(_vm._s(item))])})],2)])]),_c('div',{staticClass:\"feature-options has-background-black\"},[_c('label',{staticClass:\"checkbox\"},[_vm._v(\"\\n                BLURRY VISION\\n                \"),_c('input',{attrs:{\"type\":\"checkbox\"},on:{\"click\":function($event){_vm.isBlur=!_vm.isBlur}}})])]),_c('div',{staticClass:\"columns wcag has-background-black is-multiline is-mobile\"},[_c('div',{staticClass:\"column is-6-mobile\"},[_c('h2',[_vm._v(\"AA\")]),_c('div',{staticClass:\"columns is-gapless is-mobile is-vcentered\"},[_vm._m(3),_vm._m(4),_c('div',{staticClass:\"column\",class:_vm.result.aaLarge == true ? 'icon-true' : 'icon-false'})]),_c('div',{staticClass:\"columns is-gapless is-mobile is-vcentered\"},[_vm._m(5),_vm._m(6),_c('div',{staticClass:\"column\",class:_vm.result.aa == true ? 'icon-true' : 'icon-false'},[_vm._v(\" \")])])]),_c('div',{staticClass:\"column is-6-mobile is-12-tablet\"},[_c('h2',[_vm._v(\"AAA\")]),_c('div',{staticClass:\"columns is-gapless is-mobile is-vcentered\"},[_vm._m(7),_vm._m(8),_c('div',{staticClass:\"column\",class:_vm.result.aaaLarge == true ? 'icon-true' : 'icon-false'},[_vm._v(\" \")])]),_c('div',{staticClass:\"columns is-gapless is-mobile is-vcentered\"},[_vm._m(9),_vm._m(10),_c('div',{staticClass:\"column\",class:_vm.result.aaa == true ? 'icon-true' : 'icon-false'},[_vm._v(\" \")])])]),_c('hr',{staticClass:\"is-hidden-mobile\"}),_c('div',{staticClass:\"column is-12-mobile\"},[_c('a',{staticClass:\"explain\",on:{\"click\":function($event){_vm.isModalOpen = !_vm.isModalOpen}}},[_vm._v(\"explain this to me\")])])])])])])]),_c('div',{staticClass:\"modal\",class:[_vm.isModalOpen ? 'is-active' : '']},[_c('div',{staticClass:\"modal-background\"}),_vm._m(11),_c('button',{staticClass:\"modal-close is-large\",attrs:{\"aria-label\":\"close\"},on:{\"click\":function($event){_vm.isModalOpen = !_vm.isModalOpen}}})])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"section\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"app-header\"},[_c('img',{staticClass:\"app-logo\",attrs:{\"src\":require(\"./assets/img/logo.svg\"),\"alt\":\"Logo of this website - Contrast by Designs.Guide\"}})])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"column is-12-mobile is-2-tablet is-3-desktop\"},[_c('div',[_c('h1',{staticClass:\"app-title\"},[_vm._v(\"Contrast\")]),_c('span',[_vm._v(\"|\")]),_c('a',{staticClass:\"app-brand\",attrs:{\"href\":\"/\"}},[_vm._v(\"Design.Guide\")])]),_c('p',{staticClass:\"app-desc\"},[_vm._v(\"Select your Foreground vs Background colours to measure the Contrast and Accessibility of your text colour pallette.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',[_vm._v(\"\\n                CREATED BY\\n                \"),_c('a',{attrs:{\"href\":\"http://www.poonwen.com/\",\"rel\":\"nofollow\",\"target\":\"_blank\"}},[_vm._v(\"POON\")]),_vm._v(\" AND\\n                \"),_c('a',{attrs:{\"href\":\"https://www.linkedin.com/in/marvin1302\",\"rel\":\"nofollow\",\"target\":\"_blank\"}},[_vm._v(\"MARVIN\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"column is-half\"},[_c('span',[_vm._v(\"Large text\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"column has-text-right\"},[_c('span',[_vm._v(\"3:1\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"column is-half\"},[_c('span',[_vm._v(\"Small text\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"column has-text-right\"},[_c('span',[_vm._v(\"4.5:1\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"column is-half\"},[_c('span',[_vm._v(\"Large text\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"column has-text-right\"},[_c('span',[_vm._v(\"3:1\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"column is-half\"},[_c('span',[_vm._v(\"Small text\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"column has-text-right\"},[_c('span',[_vm._v(\"4.5:1\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"box\"},[_c('h3',[_vm._v(\"Why do I need this?\")]),_c('p',[_vm._v(\"Accessibility is all about creating an inclusive experience that is easily consumable by users with visual impairment. Please use this accessibility tool to ensure that your content is easy to see and read by ensuring that the contrast between your background and text is sufficient to provide a better reading experience.\")]),_c('p',[_vm._v(\"In short, fulfilling AA Compliance is the baseline, but fulfilling AAA Compliance is even better. Here’s to a more inclusive internet!\")]),_c('p',[_vm._v(\"\\n            For more information, please look up\\n            \"),_c('a',{attrs:{\"href\":\"https://www.w3.org/TR/WCAG20/\",\"target\":\"_blank\",\"rel\":\"noreferrer\"}},[_vm._v(\"Web Content Accessibility Guidelines (WCAG) 2.0 guidelines\")]),_vm._v(\".\\n          \")])])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"swatch columns\"},[_c('div',{staticClass:\"column swatch-hue-wrap is-hidden-mobile is-1\"},[_c('hue',{on:{\"change\":_vm.childChange},model:{value:(_vm.colors),callback:function ($$v) {_vm.colors=$$v},expression:\"colors\"}})],1),_c('div',{staticClass:\"column swatch-saturation-wrap is-hidden-mobile is-5-tablet is-5-desktop\"},[_c('saturation',{on:{\"change\":_vm.childChange},model:{value:(_vm.colors),callback:function ($$v) {_vm.colors=$$v},expression:\"colors\"}})],1),_c('div',{staticClass:\"column swatch-inputs-wrap\"},[_c('span',{staticClass:\"swatch-title\"},[_vm._v(_vm._s(_vm.swatchTitle))]),_c('div',{staticClass:\"swatch-color-preview is-hidden-tablet\",style:({backgroundColor:_vm.theColor}),on:{\"click\":function($event){_vm.isModalOpen = !_vm.isModalOpen}}}),_c('div',{staticClass:\"columns is-multiline is-mobile\"},[_c('div',{staticClass:\"column is-12\"},[_c('textBox',{staticClass:\"big\",attrs:{\"textBoxLabel\":\"#\",\"source\":\"hex\",\"value\":_vm.hex},on:{\"change\":_vm.inputChange}})],1),_c('div',{staticClass:\"column is-4\"},[_c('textBox',{attrs:{\"textBoxLabel\":\"R\",\"source\":\"r\",\"value\":_vm.colors.rgba.r},on:{\"change\":_vm.inputChange}})],1),_c('div',{staticClass:\"column is-4\"},[_c('textBox',{attrs:{\"textBoxLabel\":\"G\",\"source\":\"r\",\"value\":_vm.colors.rgba.g},on:{\"change\":_vm.inputChange}})],1),_c('div',{staticClass:\"column is-4\"},[_c('textBox',{attrs:{\"textBoxLabel\":\"B\",\"source\":\"r\",\"value\":_vm.colors.rgba.r},on:{\"change\":_vm.inputChange}})],1)])]),_c('div',{staticClass:\"modal modal-swatch\",class:[_vm.isModalOpen ? 'is-active' : '']},[_c('div',{staticClass:\"modal-background\",on:{\"click\":function($event){_vm.isModalOpen = !_vm.isModalOpen}}}),_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"columns swatch-wrap is-mobile is-multiline\"},[_c('div',{staticClass:\"column is-12\"},[_c('span',{staticClass:\"swatch-title\"},[_vm._v(_vm._s(_vm.swatchTitle))])]),_c('div',{staticClass:\"column swatch-hue-wrap is-1\"},[_c('hue',{on:{\"change\":_vm.childChange},model:{value:(_vm.colors),callback:function ($$v) {_vm.colors=$$v},expression:\"colors\"}})],1),_c('div',{staticClass:\"column swatch-saturation-wrap is-offset-1\"},[_c('saturation',{on:{\"change\":_vm.childChange},model:{value:(_vm.colors),callback:function ($$v) {_vm.colors=$$v},expression:\"colors\"}})],1),_c('div',{staticClass:\"column is-12\"},[_c('a',{staticClass:\"button is-black is-fullwidth\",attrs:{\"aria-label\":\"close\"},on:{\"click\":function($event){_vm.isModalOpen = !_vm.isModalOpen}}},[_vm._v(\"Done\")])])])])]),_c('button',{staticClass:\"modal-close is-large\",attrs:{\"aria-label\":\"close\"},on:{\"click\":function($event){_vm.isModalOpen = !_vm.isModalOpen}}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import tinycolor from 'tinycolor2'\r\n//import blinder from 'color-blind'\r\n\r\nfunction _colorChange (data, oldHue, blindType) {\r\n  //var alpha = data && data.a\r\n  var color\r\n//console.log(data)\r\n // hsl is better than hex between conversions\r\n  if (data && data.hsl) {\r\n    color = tinycolor(data.hsl)\r\n  } else if (data && data.hex && data.hex.length > 0) {\r\n    color = tinycolor(data.hex)\r\n  } else {\r\n    color = tinycolor(data)\r\n  }\r\n\r\n  //console.log(color)\r\n\r\n  var hsl = color.toHsl()\r\n  var hsv = color.toHsv()\r\n\r\n  if (hsl.s === 0) {\r\n    hsv.h = hsl.h = data.h || (data.hsl && data.hsl.h) || oldHue || 0\r\n  }\r\n\r\n  //console.log(blinder.protanopia(color.toHslString()));\r\n\r\n  return {\r\n    hsl: hsl,\r\n    hex: color.toHexString().toUpperCase(),\r\n    hex8: color.toHex8String().toUpperCase(),\r\n    rgba: color.toRgb(),\r\n    hsv: hsv,\r\n    oldHue: data.h || oldHue || hsl.h,\r\n    source: data.source,\r\n    a: data.a || color.getAlpha()\r\n  }\r\n}\r\n\r\nexport default {\r\n  props: ['value'],\r\n  data () {\r\n    return {\r\n      val: _colorChange(this.value),\r\n    }\r\n  },\r\n  computed: {\r\n    colors: {\r\n      get () {\r\n        return this.val\r\n      },\r\n      set (newVal) {\r\n        this.val = newVal\r\n        this.$emit('input', newVal)\r\n      }\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    \r\n    colorChange (data, oldHue) {\r\n      this.oldHue = this.colors.hsl.h\r\n      this.colors = _colorChange(data, oldHue || this.oldHue, this.blindType)\r\n    },\r\n    childChange(data) {\r\n      this.colorChange(data);\r\n    },\r\n    inputChange(data) {\r\n      if (!data) {\r\n        return;\r\n      }\r\n      if (data.hex) {\r\n        tinycolor(data.hex).isValid() &&\r\n          this.colorChange({\r\n            hex: data.hex,\r\n            source: \"hex\"\r\n          });\r\n      } else if (data.r || data.g || data.b || data.a) {\r\n        this.colorChange({\r\n          r: data.r || this.colors.rgba.r,\r\n          g: data.g || this.colors.rgba.g,\r\n          b: data.b || this.colors.rgba.b,\r\n          a: data.a || this.colors.rgba.a,\r\n          source: \"rgba\"\r\n        });\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    value (newVal) {\r\n      this.val = _colorChange(newVal)\r\n    }\r\n  },\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"swatch-hue\",style:({background:_vm.theBgColor})},[_c('div',{ref:\"container\",staticClass:\"swatch-hue-container\",on:{\"mousedown\":_vm.handleMouseDown,\"touchmove\":_vm.handleChange,\"touchstart\":_vm.handleChange}},[_c('div',{staticClass:\"swatch-hue-pointer\",style:({top: _vm.pointerTop, left: 0})},[_c('div',{staticClass:\"swatch-hue-picker\",style:({backgroundColor:_vm.theColor})})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"swatch-hue\" :style=\"{background:theBgColor}\">\r\n        <div class=\"swatch-hue-container\" ref=\"container\" @mousedown=\"handleMouseDown\" @touchmove=\"handleChange\"\r\n      @touchstart=\"handleChange\">\r\n            <div class=\"swatch-hue-pointer\" :style=\"{top: pointerTop, left: 0}\">\r\n                <div class=\"swatch-hue-picker\" :style=\"{backgroundColor:theColor}\"></div>\r\n            </div>  \r\n        </div>\r\n    </div>\r\n\r\n\r\n\r\n</template>\r\n\r\n<script>\r\nimport colorblinder from 'color-blind'\r\nexport default {\r\n  name: 'hue',\r\n  props: {\r\n    value: Object,\r\n    color: {\r\n      type:String,\r\n      default: '#000'\r\n    },\r\n    blind: {\r\n      type:String,\r\n      default: \"none\"\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      oldHue: 0,\r\n      pullDirection: '',\r\n    }\r\n  },\r\n  computed: {\r\n\r\n    colors () {\r\n      const h = this.value.hsl.h\r\n      if (h !== 0 && h - this.oldHue > 0) this.pullDirection = 'right'\r\n      if (h !== 0 && h - this.oldHue < 0) this.pullDirection = 'left'\r\n      this.oldHue = h\r\n\r\n      return this.value\r\n    },\r\n    theColor (){\r\n      if (this.blind == \"none\") {return this.colors.hex}\r\n      return colorblinder[this.blind](this.colors.hex)\r\n    },\r\n    theBgColor () {\r\n     //linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\r\n\r\n      if (this.blind == \"none\") {return \"linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)\"}\r\n      var a = colorblinder[this.blind](\"#f00\")\r\n      var b = colorblinder[this.blind](\"#ff0\")\r\n      var c = colorblinder[this.blind](\"#0f0\")\r\n      var d = colorblinder[this.blind](\"#0ff\")\r\n      var e = colorblinder[this.blind](\"#00f\")\r\n      var f = colorblinder[this.blind](\"#f0f\")\r\n      var g = colorblinder[this.blind](\"#f00\")\r\n      //console.log(\"linear-gradient(to top, \"+a+\" 0%, \"+b+\" 17%, \"+c+\" 33%, \"+d+\" 50%, \"+e+\" 67%, \"+f+\" 83%, \"+g+\" 100%)\")\r\n      return \"linear-gradient(to top, \"+a+\" 0%, \"+b+\" 17%, \"+c+\" 33%, \"+d+\" 50%, \"+e+\" 67%, \"+f+\" 83%, \"+g+\" 100%)\"\r\n\r\n    },\r\n    pointerTop () {\r\n        if (this.colors.hsl.h === 0 && this.pullDirection === 'right') return 0\r\n        return -((this.colors.hsl.h * 100) / 360) + 100 + '%'\r\n    }\r\n  },\r\n  methods: {\r\n    handleChange (e, skip) {\r\n      !skip && e.preventDefault()\r\n\r\n      var container = this.$refs.container\r\n      var containerHeight = container.clientHeight\r\n      var yOffset = container.getBoundingClientRect().top + window.pageYOffset\r\n      var pageY = e.pageY || (e.touches ? e.touches[0].pageY : 0)\r\n      var top = pageY - yOffset\r\n\r\n      var h\r\n      var percent\r\n\r\n      \r\n        if (top < 0) {\r\n          h = 360\r\n        } else if (top > containerHeight) {\r\n          h = 0\r\n        } else {\r\n          percent = -(top * 100 / containerHeight) + 100\r\n          h = (360 * percent / 100)\r\n        }\r\n\r\n        if (this.colors.hsl.h !== h) {\r\n\r\n          this.$emit('change', {\r\n            h: h,\r\n            s: this.colors.hsl.s,\r\n            l: this.colors.hsl.l,\r\n            a: this.colors.hsl.a,\r\n            source: 'hsl'\r\n          })\r\n        }\r\n       \r\n    },\r\n    handleMouseDown (e) {\r\n      this.handleChange(e, true)\r\n      window.addEventListener('mousemove', this.handleChange)\r\n      window.addEventListener('mouseup', this.handleMouseUp)\r\n    },\r\n    handleMouseUp (e) {\r\n        \r\n      this.unbindEventListeners()\r\n    },\r\n    unbindEventListeners () {\r\n      window.removeEventListener('mousemove', this.handleChange)\r\n      window.removeEventListener('mouseup', this.handleMouseUp)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.swatch-hue {\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 0px;\r\n  bottom: 0px;\r\n  left: calc(50% - 1.5px);\r\n  border-radius: 2px;\r\n  width: 3px;\r\n}\r\n\r\n\r\n\r\n.swatch-hue-container {\r\n  cursor: pointer;\r\n  margin: 0 2px;\r\n  position: relative;\r\n  width: 3px;\r\n  height: 100%;\r\n}\r\n.swatch-hue-pointer {\r\n  z-index: 2;\r\n  position: absolute;\r\n}\r\n.swatch-hue-picker {\r\n  cursor: pointer;\r\n  width: 16px;\r\n  border-radius:50%;\r\n  border:2px solid #FFF;\r\n  height: 16px;\r\n  box-shadow: 0 0 2px rgba(0, 0, 0, .6);\r\n  background: #fff;\r\n  transform: translateX(-8px) ;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./hue.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./hue.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./hue.vue?vue&type=template&id=38dae5a0&\"\nimport script from \"./hue.vue?vue&type=script&lang=js&\"\nexport * from \"./hue.vue?vue&type=script&lang=js&\"\nimport style0 from \"./hue.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"container\",staticClass:\"swatch-saturation\",style:({background: _vm.bgColor}),on:{\"mousedown\":_vm.handleMouseDown,\"touchmove\":_vm.handleChange,\"touchstart\":_vm.handleChange}},[_c('div',{staticClass:\"swatch-saturation--white\"}),_c('div',{staticClass:\"swatch-saturation--black\"}),_c('div',{staticClass:\"swatch-saturation-pointer\",style:({top: _vm.pointerTop, left: _vm.pointerLeft})},[_c('div',{staticClass:\"swatch-saturation-circle\"})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"swatch-saturation\"\r\n    :style=\"{background: bgColor}\"\r\n    ref=\"container\"\r\n    @mousedown=\"handleMouseDown\"\r\n    @touchmove=\"handleChange\"\r\n    @touchstart=\"handleChange\">\r\n    <div class=\"swatch-saturation--white\"></div>\r\n    <div class=\"swatch-saturation--black\"></div>\r\n    <div class=\"swatch-saturation-pointer\" :style=\"{top: pointerTop, left: pointerLeft}\">\r\n      <div class=\"swatch-saturation-circle\"></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport clamp from 'clamp'\r\nimport throttle from 'lodash.throttle'\r\nimport blinder from 'color-blind'\r\nexport default {\r\n  name: 'Saturation',\r\n  props: {\r\n    value: Object,\r\n    blind: {\r\n      type:String,\r\n      default:\"none\"\r\n    }\r\n  },\r\n  computed: {\r\n    colors () {\r\n      return this.value\r\n    },\r\n    bgColor () {\r\n        if (this.blind == \"none\") {return `hsl(${this.colors.hsv.h}, 100%, 50%)`}\r\n        return blinder[this.blind](`hsl(${this.colors.hsv.h}, 100%, 50%)`)\r\n    },\r\n    pointerTop () {\r\n      return (-(this.colors.hsv.v * 100) + 1) + 100 + '%'\r\n    },\r\n    pointerLeft () {\r\n      return this.colors.hsv.s * 100 + '%'\r\n    }\r\n  },\r\n  methods: {\r\n    throttle: throttle((fn, data) => {\r\n      fn(data)\r\n    }, 20,\r\n      {\r\n        'leading': true,\r\n        'trailing': false\r\n      }),\r\n    handleChange (e, skip) {\r\n      !skip && e.preventDefault()\r\n      var container = this.$refs.container\r\n      var containerWidth = container.clientWidth\r\n      var containerHeight = container.clientHeight\r\n\r\n      var xOffset = container.getBoundingClientRect().left + window.pageXOffset\r\n      var yOffset = container.getBoundingClientRect().top + window.pageYOffset\r\n      var pageX = e.pageX || (e.touches ? e.touches[0].pageX : 0)\r\n      var pageY = e.pageY || (e.touches ? e.touches[0].pageY : 0)\r\n      var left = clamp(pageX - xOffset, 0, containerWidth)\r\n      var top = clamp(pageY - yOffset, 0, containerHeight)\r\n      var saturation = left / containerWidth\r\n      var bright = clamp(-(top / containerHeight) + 1, 0, 1)\r\n\r\n      this.throttle(this.onChange, {\r\n        h: this.colors.hsv.h,\r\n        s: saturation,\r\n        v: bright,\r\n        a: this.colors.hsv.a,\r\n        source: 'hsva'\r\n      })\r\n    },\r\n    onChange (param) {\r\n      this.$emit('change', param)\r\n    },\r\n    handleMouseDown (e) {\r\n      // this.handleChange(e, true)\r\n      window.addEventListener('mousemove', this.handleChange)\r\n      window.addEventListener('mouseup', this.handleChange)\r\n      window.addEventListener('mouseup', this.handleMouseUp)\r\n    },\r\n    handleMouseUp (e) {\r\n      this.unbindEventListeners()\r\n    },\r\n    unbindEventListeners () {\r\n      window.removeEventListener('mousemove', this.handleChange)\r\n      window.removeEventListener('mouseup', this.handleChange)\r\n      window.removeEventListener('mouseup', this.handleMouseUp)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.swatch-saturation,\r\n.swatch-saturation--white,\r\n.swatch-saturation--black {\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n}\r\n\r\n.swatch-saturation--white {\r\n  background: linear-gradient(to right, #fff, rgba(255,255,255,0));\r\n}\r\n.swatch-saturation--black {\r\n  background: linear-gradient(to top, #000, rgba(0,0,0,0));\r\n}\r\n.swatch-saturation-pointer {\r\n  cursor: pointer;\r\n  position: absolute;\r\n}\r\n.swatch-saturation-circle {\r\n  cursor: head;\r\n  width: 4px;\r\n  height: 4px;\r\n  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3), 0 0 1px 2px rgba(0,0,0,.4);\r\n  border-radius: 50%;\r\n  transform: translate(-2px, -2px);\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./saturation.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./saturation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./saturation.vue?vue&type=template&id=027c0e14&\"\nimport script from \"./saturation.vue?vue&type=script&lang=js&\"\nexport * from \"./saturation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./saturation.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"swatch-input\"},[_c('label',{attrs:{\"for\":_vm.labelId}},[_vm._v(_vm._s(_vm.textBoxLabel))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.val),expression:\"val\"}],ref:\"input\",attrs:{\"id\":_vm.labelId},domProps:{\"value\":(_vm.val)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.val=$event.target.value},_vm.update]}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"swatch-input\">\r\n    <label :for=\"labelId\">{{textBoxLabel}}</label>\r\n    <input :id= \"labelId\" @input=\"update\" ref=\"input\" v-model=\"val\">\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'editableInput',\r\n  props: {\r\n    textBoxLabel:String,\r\n    value: [String, Number],\r\n    source: String,\r\n    arrowOffset: {\r\n      type: Number,\r\n      default: 1\r\n    }\r\n  },\r\n  computed: {\r\n    val: {\r\n      get () {\r\n        return this.value\r\n      },\r\n      set (v) {\r\n        // TODO: min\r\n        \r\n      }\r\n    },\r\n    labelId () {\r\n      return `input_${Math.random().toString().slice(2, 5)}`\r\n    },\r\n  },\r\n  methods: {\r\n    update (e) {\r\n      this.handleChange(e.target.value)\r\n    },\r\n    handleChange (newVal) {\r\n        \r\n      let data = {}\r\n      data[this.source] = newVal\r\n      console.log(data)\r\n      if (data.hex === undefined && data['#'] === undefined) {\r\n        this.$emit('change', data)\r\n      } else if (newVal.length > 5) {\r\n        this.$emit('change', data)\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.swatch-input {\r\n    position:relative;\r\n    label {\r\n        display: block;\r\n        font-size: 11px;\r\n        color: #9b9b9b;\r\n        text-transform: capitalize;\r\n        position: absolute;\r\n        left: 0;\r\n        bottom: 4px;\r\n    }\r\n    input {\r\n        text-align:right;\r\n        padding: 4px 0 0;\r\n        border: none;\r\n        box-shadow: inset 0px -1px 0 0px #000;\r\n        font-size: 16px;\r\n        width:100%;\r\n        outline:none\r\n    }\r\n    &.big {\r\n        input {\r\n            font-size: 24px;\r\n        }\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./input.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./input.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./input.vue?vue&type=template&id=1e5b3b27&\"\nimport script from \"./input.vue?vue&type=script&lang=js&\"\nexport * from \"./input.vue?vue&type=script&lang=js&\"\nimport style0 from \"./input.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"swatch columns\">\r\n        \r\n        <!-- HUE -->\r\n        <div class=\"column swatch-hue-wrap is-hidden-mobile is-1\">\r\n            <hue v-model=\"colors\" @change=\"childChange\"></hue>\r\n        </div>\r\n\r\n        <!-- SATURATION -->\r\n        <div class=\"column swatch-saturation-wrap is-hidden-mobile is-5-tablet is-5-desktop\">\r\n            <saturation v-model=\"colors\" @change=\"childChange\"></saturation>\r\n        </div>\r\n\r\n        <!-- INPUT -->\r\n        <div class=\"column swatch-inputs-wrap\">\r\n            <span class=\"swatch-title\">{{swatchTitle}}</span>\r\n            <div class=\"swatch-color-preview is-hidden-tablet\" \r\n            @click=\"isModalOpen = !isModalOpen\" \r\n            :style=\"{backgroundColor:theColor}\">\r\n                \r\n            </div>\r\n            \r\n            <div class=\"columns is-multiline is-mobile\">\r\n                <div class=\"column is-12\">\r\n                    <textBox class=\"big\" textBoxLabel=\"#\" source=\"hex\" @change=\"inputChange\" :value=\"hex\"></textBox>\r\n                </div>\r\n                <div class=\"column is-4\">\r\n                    <textBox textBoxLabel=\"R\" source=\"r\" @change=\"inputChange\" :value=\"colors.rgba.r\"></textBox>\r\n                </div>\r\n                <div class=\"column is-4\">\r\n                    <textBox textBoxLabel=\"G\" source=\"r\" @change=\"inputChange\" :value=\"colors.rgba.g\"></textBox>\r\n                </div>\r\n                <div class=\"column is-4\">\r\n                    <textBox textBoxLabel=\"B\" source=\"r\" @change=\"inputChange\" :value=\"colors.rgba.r\"></textBox>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"modal modal-swatch\" v-bind:class=\"[isModalOpen ? 'is-active' : '']\">\r\n                <div class=\"modal-background\" v-on:click=\"isModalOpen = !isModalOpen\"></div>\r\n                <div class=\"modal-content\">\r\n                <div class=\"box\">\r\n                    \r\n                    <div class=\"columns swatch-wrap is-mobile is-multiline\">\r\n                        <div class=\"column is-12\"><span class=\"swatch-title\">{{swatchTitle}}</span></div>   \r\n                        <div class=\"column swatch-hue-wrap is-1\"><hue v-model=\"colors\" @change=\"childChange\"></hue></div>\r\n                        <div class=\"column swatch-saturation-wrap is-offset-1\"><saturation v-model=\"colors\" @change=\"childChange\"></saturation></div>\r\n                        <div class=\"column is-12\"><a \r\n                        v-on:click=\"isModalOpen = !isModalOpen\"\r\n                        class=\"button is-black is-fullwidth\"\r\n                        aria-label=\"close\">Done</a></div>   \r\n                    \r\n                    </div>\r\n                    \r\n                </div>\r\n                </div>\r\n                <button\r\n                v-on:click=\"isModalOpen = !isModalOpen\"\r\n                class=\"modal-close is-large\"\r\n                aria-label=\"close\"\r\n                ></button>\r\n            </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport swatchJs from \"./Swatch\"\r\nimport hue from \"./parts/hue.vue\"\r\nimport saturation from \"./parts/saturation.vue\"\r\nimport textBox from \"./parts/input.vue\"\r\nimport colorblinder from 'color-blind'\r\n\r\nexport default {\r\n    name:\"swatch\",\r\n    mixins:[swatchJs],\r\n    components: {\r\n        hue,saturation,textBox\r\n    },\r\n    props: {\r\n        swatchTitle: {\r\n            type: String,\r\n            default: \"Color Picker\"\r\n        },\r\n        blindType: {\r\n            type:String,\r\n            default: \"none\"\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            isModalOpen:false\r\n        }\r\n    },\r\n\r\n    computed: {\r\n        hex() {\r\n            return this.colors.hex.replace(\"#\", \"\");\r\n        },\r\n        theColor (){\r\n            if (this.blindType == \"none\") {return this.colors.hex}\r\n            return colorblinder[this.blindType](this.colors.hex)\r\n        },\r\n    }\r\n    ,\r\n    methods:{\r\n        \r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n\r\n.swatch {\r\n  align-items: flex-end;\r\n  background: #fff;\r\n  min-height: 130px;\r\n  height: 100%;\r\n  .swatch-hue-wrap {\r\n    position:relative;\r\n    height: 100%;\r\n    margin: 0 auto;\r\n    }\r\n  .swatch-saturation-wrap {\r\n      position:relative;\r\n    height: 100%;\r\n    margin: 0 auto;\r\n  }\r\n  .swatch-color-preview {\r\n    height: 30px;\r\n    border-radius: 4px;\r\n    margin-bottom:5px;\r\n  }\r\n  .swatch-inputs-wrap {\r\n      align-items: flex-end;\r\n      padding: 0 20px;\r\n     \r\n      &.column {\r\n        padding: 0 0 0 .75rem;\r\n        @media (max-width: 768px) {\r\n            padding: .75rem;\r\n        }\r\n      }\r\n      .column {\r\n        padding:10px;\r\n      }\r\n\r\n  }\r\n  .swatch-title {\r\n      font-size: 12px;\r\n    color: #9b9b9b;\r\n    font-weight: 600;\r\n    display: block;\r\n    text-align: right;\r\n  }\r\n}\r\n.modal-swatch {\r\n    .swatch-wrap {\r\n        height:160px;\r\n\r\n    }\r\n    &.modal {\r\n        justify-content: flex-end;\r\n    }\r\n    .modal-content {\r\n        height:50%;\r\n        max-height:none;\r\n        .box {\r\n            height:100%;\r\n            padding:1em 2em;\r\n            border-radius: 6px 6px 0 0;\r\n            .swatch-saturation {\r\n                 margin-right:0.75rem;\r\n            }\r\n            .button {\r\n                margin-top:16px;\r\n                font-size:14px;\r\n            }       \r\n        }      \r\n    }\r\n    .modal-close {\r\n            top: calc(50% - 50px);\r\n        }\r\n}\r\n\r\n\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Swatch.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Swatch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Swatch.vue?vue&type=template&id=8d561f92&scoped=true&\"\nimport script from \"./Swatch.vue?vue&type=script&lang=js&\"\nexport * from \"./Swatch.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Swatch.vue?vue&type=style&index=0&id=8d561f92&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"8d561f92\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div id=\"app\" class=\"wrapper\">\r\n    <section class=\"section\">\r\n      <div class=\"container\">\r\n        <div class=\"app-header\">\r\n          <img\r\n            src=\"./assets/img/logo.svg\"\r\n            alt=\"Logo of this website - Contrast by Designs.Guide\"\r\n            class=\"app-logo\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </section>\r\n    <section class=\"section\">\r\n      <div class=\"container\">\r\n        <div class=\"columns is-multiline is-mobile app-header\">\r\n          <div class=\"column is-12-mobile is-2-tablet is-3-desktop\">\r\n            <div>\r\n              <h1 class=\"app-title\">Contrast</h1>\r\n              <span>|</span>\r\n              <a class=\"app-brand\" href=\"/\">Design.Guide</a>\r\n            </div>\r\n            <p\r\n              class=\"app-desc\"\r\n            >Select your Foreground vs Background colours to measure the Contrast and Accessibility of your text colour pallette.</p>\r\n          </div>\r\n          <div class=\"column is-6-mobile is-4-desktop\">\r\n            <swatch\r\n              v-model=\"colorForeground\"\r\n              swatchTitle=\"Foreground Colour\"\r\n              :blindType=\"BlindType\"\r\n            ></swatch>\r\n          </div>\r\n          <div class=\"column is-hidden-mobile has-text-centered switchColor\">\r\n            <img src=\"./assets/img/switch.svg\" @click=\"switchColor\" />\r\n          </div>\r\n          <div class=\"column is-6-mobile is-4-desktop\">\r\n            <swatch\r\n              v-model=\"colorBackground\"\r\n              swatchTitle=\"Background Colour\"\r\n              :blindType=\"BlindType\"\r\n            ></swatch>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n    <section class=\"section\">\r\n      <div class=\"container\" v-bind:style=\"{backgroundColor:colorBlind(colorBackground.hex)}\">\r\n        <div class=\"columns app-canvas\">\r\n          <div class=\"column is-7-tablet is-6-desktop\">\r\n            <p\r\n              v-bind:style=\"{\r\n             color: (isBlur ? 'transparent' : colorBlind(colorForeground.hex)),\r\n             textShadow:(isBlur ? '0 0 5px ' + colorBlind(colorForeground.hex) : '')\r\n           }\"\r\n              :class=\"`pangram-${index+1}`\"\r\n              v-for=\"(item,index) in thePangram\"\r\n              :key=\"`item-${index}`\"\r\n            >{{item}}</p>\r\n\r\n            <footer :style=\"{color: colorBlind(colorForeground.hex)}\">\r\n              <a href=\"https://twitter.com/share?text=Accessibility Checker for Digital Legibility&amp;url=https%3A%2F%2Fwww%2Edesigns%2Eguide%2Fcontrast\" @click=\"fbs_click(600, 400, $event)\" >\r\n              <svg\r\n                width=\"13px\"\r\n                height=\"11px\"\r\n                viewBox=\"0 0 13 11\"\r\n                version=\"1.1\"\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n              >\r\n                <g\r\n                  id=\"Colours.guide\"\r\n                  stroke=\"none\"\r\n                  stroke-width=\"1\"\r\n                  fill=\"none\"\r\n                  fill-rule=\"evenodd\"\r\n                >\r\n                  <g\r\n                    id=\"Accessibility_Desk\"\r\n                    transform=\"translate(-126.000000, -946.000000)\"\r\n                    :fill=\"activeColor()\"\r\n                  >\r\n                    <g id=\"Socials\" transform=\"translate(104.000000, 945.500000)\">\r\n                      <path\r\n                        d=\"M34.8653333,2.238 C34.392,2.448 33.8833333,2.59 33.3493333,2.654 C33.8946667,2.32733333 34.3133333,1.80933333 34.51,1.19266667 C34,1.496 33.4353333,1.71533333 32.834,1.834 C32.3526667,1.32066667 31.6666667,1 30.9073333,1 C29.4493333,1 28.268,2.182 28.268,3.64 C28.268,3.84733333 28.2913333,4.04866667 28.336,4.242 C26.1426667,4.132 24.198,3.08066667 22.896,1.48333333 C22.6686667,1.87333333 22.5386667,2.32666667 22.5386667,2.81066667 C22.5386667,3.72666667 23.0046667,4.53533333 23.7126667,5.00866667 C23.28,4.99466667 22.8733333,4.876 22.5173333,4.678 L22.5173333,4.712 C22.5173333,5.99066667 23.4266667,7.058 24.634,7.30066667 C24.4126667,7.36066667 24.1793333,7.39333333 23.9386667,7.39333333 C23.7686667,7.39333333 23.6033333,7.37666667 23.442,7.346 C23.778,8.39466667 24.7526667,9.158 25.908,9.17933333 C25.0046667,9.888 23.8666667,10.31 22.63,10.31 C22.4166667,10.31 22.2066667,10.2973333 22,10.2733333 C23.1686667,11.022 24.5553333,11.4593333 26.046,11.4593333 C30.9006667,11.4593333 33.556,7.436 33.556,3.94666667 C33.556,3.832 33.5533333,3.718 33.5486667,3.60466667 C34.064,3.23266667 34.5113333,2.768 34.8653333,2.238\"\r\n                        id=\"Twitter\"\r\n                      />\r\n                    </g>\r\n                  </g>\r\n                </g>\r\n              </svg>\r\n              </a>\r\n&nbsp;\r\n<a href=\"https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.designs.guide%2Fcontrast\" @click=\"fbs_click(600, 400, $event)\" >\r\n              <svg width=\"6px\" height=\"13px\" viewBox=\"0 0 6 13\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\r\n    <g id=\"Colours.guide\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n        <g id=\"Accessibility_Desk\" transform=\"translate(-104.000000, -945.000000)\" :fill=\"activeColor()\">\r\n            <g id=\"Socials\" transform=\"translate(104.000000, 945.500000)\">\r\n                <path d=\"M3.63733333,11.7286667 L1.212,11.7286667 L1.212,5.86466667 L0,5.86466667 L0,3.84266667 L1.212,3.84266667 L1.212,2.63 C1.212,0.981333333 1.89666667,0 3.84,0 L5.45866667,0 L5.45866667,2.022 L4.44733333,2.022 C3.69066667,2.022 3.64,2.30466667 3.64,2.83133333 L3.63733333,3.84266667 L5.47,3.84266667 L5.25533333,5.86466667 L3.63733333,5.86466667 L3.63733333,11.7286667 Z\" id=\"Fb\"></path>\r\n            </g>\r\n        </g>\r\n    </g>\r\n</svg>\r\n</a>\r\n&nbsp;\r\n              <span>\r\n                CREATED BY\r\n                <a href=\"http://www.poonwen.com/\" rel=\"nofollow\" target=\"_blank\">POON</a> AND\r\n                <a\r\n                  href=\"https://www.linkedin.com/in/marvin1302\"\r\n                  rel=\"nofollow\"\r\n                  target=\"_blank\"\r\n                >MARVIN</a>\r\n              </span>\r\n            </footer>\r\n          </div>\r\n          <div\r\n            class=\"column features is-4-tablet is-offset-1-tablet is-3-desktop is-offset-3-desktop\"\r\n          >\r\n            <div class=\"feature-blindify\">\r\n              <div class=\"select has-background-black\">\r\n                <label for=\"blindTypeSelector\">Blindness Type</label>\r\n                <select\r\n                  name=\"blindTypeSelector\"\r\n                  class=\"has-background-black has-text-white\"\r\n                  v-on:change=\"setBlindType($event)\"\r\n                >\r\n                  <option value=\"none\">No Color Blindness</option>\r\n                  <option v-for=\"(item,index) in blindTypes\" :key=\"index\" :value=\"item\">{{item}}</option>\r\n                </select>\r\n              </div>\r\n            </div>\r\n            <div class=\"feature-options has-background-black\">\r\n              <label class=\"checkbox\">\r\n                BLURRY VISION\r\n                <input type=\"checkbox\" @click=\"isBlur=!isBlur\" />\r\n              </label>\r\n            </div>\r\n            <div class=\"columns wcag has-background-black is-multiline is-mobile\">\r\n              <div class=\"column is-6-mobile\">\r\n                <h2>AA</h2>\r\n                <div class=\"columns is-gapless is-mobile is-vcentered\">\r\n                  <div class=\"column is-half\">\r\n                    <span>Large text</span>\r\n                  </div>\r\n                  <div class=\"column has-text-right\">\r\n                    <span>3:1</span>\r\n                  </div>\r\n                  <div\r\n                    class=\"column\"\r\n                    v-bind:class=\"result.aaLarge == true ? 'icon-true' : 'icon-false'\"\r\n                  ></div>\r\n                </div>\r\n                <div class=\"columns is-gapless is-mobile is-vcentered\">\r\n                  <div class=\"column is-half\">\r\n                    <span>Small text</span>\r\n                  </div>\r\n                  <div class=\"column has-text-right\">\r\n                    <span>4.5:1</span>\r\n                  </div>\r\n                  <div\r\n                    class=\"column\"\r\n                    v-bind:class=\"result.aa == true ? 'icon-true' : 'icon-false'\"\r\n                  >&nbsp;</div>\r\n                </div>\r\n              </div>\r\n              <div class=\"column is-6-mobile is-12-tablet\">\r\n                <h2>AAA</h2>\r\n                <div class=\"columns is-gapless is-mobile is-vcentered\">\r\n                  <div class=\"column is-half\">\r\n                    <span>Large text</span>\r\n                  </div>\r\n                  <div class=\"column has-text-right\">\r\n                    <span>3:1</span>\r\n                  </div>\r\n                  <div\r\n                    class=\"column\"\r\n                    v-bind:class=\"result.aaaLarge == true ? 'icon-true' : 'icon-false'\"\r\n                  >&nbsp;</div>\r\n                </div>\r\n                <div class=\"columns is-gapless is-mobile is-vcentered\">\r\n                  <div class=\"column is-half\">\r\n                    <span>Small text</span>\r\n                  </div>\r\n                  <div class=\"column has-text-right\">\r\n                    <span>4.5:1</span>\r\n                  </div>\r\n                  <div\r\n                    class=\"column\"\r\n                    v-bind:class=\"result.aaa == true ? 'icon-true' : 'icon-false'\"\r\n                  >&nbsp;</div>\r\n                </div>\r\n              </div>\r\n              <hr class=\"is-hidden-mobile\" />\r\n              <div class=\"column is-12-mobile\">\r\n                <a v-on:click=\"isModalOpen = !isModalOpen\" class=\"explain\">explain this to me</a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n    <div class=\"modal\" v-bind:class=\"[isModalOpen ? 'is-active' : '']\">\r\n      <div class=\"modal-background\"></div>\r\n      <div class=\"modal-content\">\r\n        <div class=\"box\">\r\n          <h3>Why do I need this?</h3>\r\n          <p>Accessibility is all about creating an inclusive experience that is easily consumable by users with visual impairment. Please use this accessibility tool to ensure that your content is easy to see and read by ensuring that the contrast between your background and text is sufficient to provide a better reading experience.</p>\r\n          <p>In short, fulfilling AA Compliance is the baseline, but fulfilling AAA Compliance is even better. Here’s to a more inclusive internet!</p>\r\n          <p>\r\n            For more information, please look up\r\n            <a\r\n              href=\"https://www.w3.org/TR/WCAG20/\"\r\n              target=\"_blank\"\r\n              rel=\"noreferrer\"\r\n            >Web Content Accessibility Guidelines (WCAG) 2.0 guidelines</a>.\r\n          </p>\r\n        </div>\r\n      </div>\r\n      <button\r\n        v-on:click=\"isModalOpen = !isModalOpen\"\r\n        class=\"modal-close is-large\"\r\n        aria-label=\"close\"\r\n      ></button>\r\n    </div>\r\n  </div>\r\n</template>\r\n<style lang=\"scss\">\r\n</style>\r\n\r\n<script>\r\nimport colorPicker from \"../node_modules/vue-color/src/components/Sketch.vue\";\r\nimport swatch from \"./components/Swatch.vue\";\r\nimport colorable from \"../node_modules/colorable/index.js\";\r\nimport blinder from \"../node_modules/color-blind/lib/color-blind.js\";\r\nimport tinycolor from \"../node_modules/tinycolor2\"\r\n\r\nexport default {\r\n  name: \"app\",\r\n  components: {\r\n    colorPicker,\r\n    swatch\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      blindTypes: [\r\n        \"protanomaly\",\r\n        \"protanopia\",\r\n        \"deuteranomaly\",\r\n        \"deuteranopia\",\r\n        \"tritanomaly\",\r\n        \"tritanopia\",\r\n        \"achromatomaly\",\r\n        \"achromatopsia\"\r\n      ],\r\n      pangram: {\r\n        short: [\r\n          \"The quick brown fox jumps over a lazy dog.\",\r\n          \"Pack my box with five dozen liquor jugs.\",\r\n          \"Glib jocks quiz nymph to vex dwarf.\",\r\n          \"Jackdaws love my big sphinx of quartz.\",\r\n          \"The five boxing wizards jump quickly.\",\r\n          \"How vexingly quick daft zebras jump!\",\r\n          \"Two driven jocks help fax my big quiz.\",\r\n          \"The jay, pig, fox, zebra and my wolves quack!\",\r\n          \"Sympathizing would fix Quaker objectives.\",\r\n          \"Waxy and quivering, jocks fumble the pizza.\"\r\n        ],\r\n        long: [\r\n          \"The job requires extra pluck and zeal from every young wage earner.\",\r\n          \"Jaded zombies acted quaintly but kept driving their oxen forward.\",\r\n          \"A mad boxer shot a quick, gloved jab to the jaw of his dizzy opponent. \",\r\n          \"We promptly judged antique ivory buckles for the next prize.\",\r\n          \"Crazy Fredrick bought many very exquisite opal jewels.\",\r\n          \"Jinxed wizards pluck ivy from the big quilt. Quick zephyrs blow, vexing daft Jim.\",\r\n          \"Sphinx of black quartz, judge my vow. Five quacking zephyrs jolt my wax bed.\",\r\n          \"By Jove, my quick study of lexicography won a prize!\"\r\n        ]\r\n      },\r\n      colorForeground: {\r\n        hex: tinycolor.random().toHexString()\r\n      },\r\n      colorBackground: {\r\n        hex: tinycolor.random().toHexString()\r\n      },\r\n      isModalOpen: \"\",\r\n      isBlur: false,\r\n      thePangram: [],\r\n      theLabel: \"hoho\",\r\n      blind: true,\r\n      isDDActive: false,\r\n      BlindType: \"none\"\r\n    };\r\n  },\r\n  created() {\r\n    this.thePangram = this.shuffleArr(this.pangram.long).splice(0, 4);\r\n    this.thePangram.push(this.shuffleArr(this.pangram.short)[0]);\r\n    this.thePangram.reverse();\r\n    var theParams = this.$route;\r\n    console.log(theParams)\r\n\r\n    if (this.$route.params.fg && this.$route.params.bg) {\r\n        var fg = tinycolor(\"#\"+ this.$route.params.fg);\r\n        var bg = tinycolor(\"#\"+ this.$route.params.bg);\r\n        if (fg.isValid() && bg.isValid()) {\r\n            this.colorForeground.hex = fg.toHexString();\r\n            this.colorBackground.hex = bg.toHexString();  \r\n        }\r\n        else {\r\n            var f = tinycolor.random().toHex()\r\n            var g = tinycolor.random().toHex()\r\n            this.$router.push('/contrast/'+f+'/'+g);\r\n            this.colorForeground.hex = \"#\"+ f\r\n            this.colorBackground.hex = \"#\"+ g\r\n        }\r\n    }\r\n\r\n  },\r\n  methods: {\r\n    setBlindType: function(e) {\r\n      //console.log(e.target.value);\r\n      this.BlindType = e.target.value;\r\n    },\r\n    activeColor() {\r\n      return this.colorBlind(this.colorForeground.hex);\r\n    },\r\n    switchColor() {\r\n            console.log(this.$route)\r\n      var temp = this.colorForeground.hex;\r\n      var temp2 = this.colorBackground.hex;\r\n      this.colorBackground = {\r\n        hex: temp\r\n      };\r\n      this.colorForeground = {\r\n        hex: temp2\r\n      };\r\n    },\r\n    shuffleArr(array) {\r\n      var counter = array.length,\r\n        temp,\r\n        index;\r\n      // While there are elements in the array\r\n      while (counter > 0) {\r\n        // Pick a random index\r\n        index = Math.floor(Math.random() * counter);\r\n\r\n        // Decrease counter by 1\r\n        counter--;\r\n\r\n        // And swap the last element with it\r\n        temp = array[counter];\r\n        array[counter] = array[index];\r\n        array[index] = temp;\r\n      }\r\n      return array;\r\n    },\r\n    colorBlind(hex) {\r\n      if (this.BlindType == \"none\") {\r\n        return hex;\r\n      }\r\n      return blinder[this.BlindType](hex);\r\n    },\r\n     fbs_click(width, height, thisEl) {\r\n      thisEl.preventDefault();\r\n\t\t\tvar leftPosition, topPosition;\r\n\t\t\tvar el = thisEl.currentTarget;\r\n\t\t\t//Allow for borders.\r\n      leftPosition = (window.screen.width / 2) - ((width / 2) + 10);\r\n      \r\n\t\t\t//Allow for title and status bars.\r\n\t\t\ttopPosition = (window.screen.height / 2) - ((height / 2) + 50);\r\n      var windowFeatures = \"status=no,height=\" + \r\n      height + \",width=\" + \r\n      width + \",resizable=yes,left=\" +\r\n      leftPosition + \",top=\" + \r\n      topPosition + \",toolbar=no,menubar=no,scrollbars=no,location=no,directories=no\";\r\n      window.open(el.getAttribute('href'),'sharer', windowFeatures);\r\n      \r\n      console.log(windowFeatures);\r\n\t\t\treturn false;\r\n\t\t}\r\n  },\r\n  computed: {\r\n    result: function() {\r\n      return colorable({\r\n        color1: this.colorForeground.hex,\r\n        color2: this.colorBackground.hex\r\n      })[0].combinations[0].accessibility;\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n@import \"../node_modules/rfs/scss.scss\";\r\n@import \"./assets/styles/typography.scss\";\r\n</style>\r\n<style scoped lang=\"scss\">\r\n@import \"../node_modules/rfs/scss.scss\";\r\n.wrapper {\r\n  padding: 3.75rem 0;\r\n  @media (max-width: 768px) {\r\n    padding: 20px 0;\r\n  }\r\n}\r\n.section {\r\n  padding: 0 1rem;\r\n}\r\n\r\n.app-header {\r\n  padding: 0 6.25rem;\r\n  margin-bottom: 16px;\r\n  img.app-logo {\r\n    vertical-align: middle;\r\n    margin-top: -5px;\r\n    margin-right: 10px;\r\n  }\r\n  h1.app-title {\r\n    @include font-size(1.25rem);\r\n    font-weight: 600;\r\n    display: inline-block;\r\n    margin-right: 5px;\r\n  }\r\n  a.app-brand {\r\n    @include font-size(0.75rem);\r\n    font-weight: 600;\r\n    display: inline-block;\r\n    margin-left: 5px;\r\n    color: #000;\r\n  }\r\n  p.app-desc {\r\n    padding-right: 16px;\r\n    @media (max-width: 768px) {\r\n      padding: 0;\r\n    }\r\n  }\r\n  .switchColor {\r\n    flex: none;\r\n    width: 80px;\r\n    img {\r\n      margin-top: 48%;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n  @media (max-width: 768px) {\r\n    padding: 0;\r\n  }\r\n}\r\n\r\n[class^=\"pangram-\"] {\r\n  line-height: 1;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.pangram-1 {\r\n  @include font-size(4rem);\r\n  font-weight: 600;\r\n}\r\n.pangram-2 {\r\n  @include font-size(1.5rem);\r\n}\r\n.pangram-3 {\r\n  @include font-size(1.125rem);\r\n}\r\n.pangram-4 {\r\n  @include font-size(0.75rem);\r\n}\r\n.pangram-5 {\r\n  @include font-size(0.625rem);\r\n}\r\n\r\n.features {\r\n  @media (max-width: 768px) {\r\n    margin-top: -35px !important;\r\n  }\r\n}\r\n.feature-blindify,\r\n.feature-options {\r\n  @media (max-width: 768px) {\r\n    margin-bottom: 1rem !important;\r\n  }\r\n}\r\n.feature-blindify {\r\n  margin: 0 -0.75rem 0 26px;\r\n  @media (max-width: 768px) {\r\n    position: relative;\r\n    margin: 0;\r\n  }\r\n  .select {\r\n    border-radius: 4px 4px 0 0;\r\n    height: auto;\r\n    display: block;\r\n    label {\r\n      display: none;\r\n    }\r\n    select {\r\n        font-family:inherit;\r\n      text-transform: uppercase;\r\n      color: #fff;\r\n      @include font-size(0.75rem);\r\n      font-weight: 600;\r\n      border: 0;\r\n      padding: 20px;\r\n      height: auto;\r\n      width: 100%;\r\n      line-height: 1;\r\n      border-radius: 4px;\r\n      @include font-size(0.75rem);\r\n      text-transform: uppercase;\r\n      outline: 0 !important;\r\n      &:focus {\r\n        outline: 0 !important;\r\n      }\r\n      option {\r\n        text-transform: uppercase;\r\n      }\r\n    }\r\n    &::after {\r\n      border-color: #fff !important;\r\n    }\r\n  }\r\n}\r\n.feature-options {\r\n  margin-right: -0.75rem;\r\n  border-radius: 0 0 4px 4px;\r\n  color: #fff;\r\n  margin-left: 26px;\r\n  padding: 20px;\r\n  margin-bottom: 1.5rem;\r\n  @media (max-width: 768px) {\r\n    position: relative;\r\n\r\n    margin: 0;\r\n  }\r\n  label {\r\n    display: block;\r\n    text-transform: uppercase;\r\n    color: #fff;\r\n    @include font-size(0.75rem);\r\n    font-weight: 600;\r\n    :hover {\r\n      color: #fff;\r\n    }\r\n    input {\r\n      float: right;\r\n      border: 0;\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n}\r\n\r\n.wcag {\r\n  border-radius: 4px;\r\n  color: #fff;\r\n  margin-left: 26px;\r\n\r\n  .column {\r\n    padding: 20px;\r\n    line-height: 1;\r\n  }\r\n  > .column:first-child {\r\n    border-bottom: 1px solid #333;\r\n  }\r\n  span {\r\n    @include font-size(1rem);\r\n    @media (max-width: 375px) {\r\n      @include font-size(0.75rem);\r\n    }\r\n  }\r\n  h2 {\r\n    color: #fff;\r\n    @include font-size(2.25rem);\r\n  }\r\n  .icon-true {\r\n    background: url(\"assets/img/pass.svg\") no-repeat center right;\r\n    min-width: 16px;\r\n    min-height: 16px;\r\n  }\r\n  .icon-false {\r\n    background: url(\"assets/img/fail.svg\") no-repeat center right;\r\n    min-width: 16px;\r\n    min-height: 16px;\r\n  }\r\n  > .column:last-child {\r\n    border-top: 1px solid #333;\r\n    padding: 10px 20px;\r\n    a {\r\n      text-transform: uppercase;\r\n      color: #fff;\r\n      @include font-size(0.75rem);\r\n      font-weight: 600;\r\n    }\r\n  }\r\n  @media (max-width: 768px) {\r\n    padding: 0;\r\n    margin: 0;\r\n    position: relative;\r\n\r\n    > .column {\r\n      padding: 20px;\r\n    }\r\n    > .column:first-child {\r\n      box-shadow: 1px 0px #333;\r\n      border-bottom: none;\r\n    }\r\n    > .column:last-child {\r\n      border-top: 1px solid #333;\r\n      padding: 10px 20px;\r\n      a {\r\n        text-transform: uppercase;\r\n        color: #fff;\r\n        @include font-size(0.75rem);\r\n        font-weight: 600;\r\n      }\r\n    }\r\n  }\r\n}\r\n.modal-content {\r\n  .box {\r\n    padding: 45px 40px;\r\n    border-radius: 0;\r\n  }\r\n  h3 {\r\n    color: #000;\r\n    @include font-size(1.25rem);\r\n  }\r\n  p {\r\n    @include font-size(1rem);\r\n  }\r\n}\r\ndiv.app-canvas {\r\n  padding: 3.75rem 6.25rem;\r\n  margin-top: 40px;\r\n\r\n  .canvas-left {\r\n    h2,\r\n    h3,\r\n    p {\r\n      padding-right: 100px;\r\n      margin-bottom: 1.125rem;\r\n    }\r\n  }\r\n  @media (max-width: 768px) {\r\n    display: flex;\r\n    flex-direction: column-reverse;\r\n    padding: 0 20px;\r\n  }\r\n}\r\n\r\nfooter {\r\n  span,\r\n  a {\r\n    font-weight: 600;\r\n    @include font-size(0.75rem);\r\n    color: inherit;\r\n  }\r\n}\r\n</style>","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=6101cb20&scoped=true&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style1 from \"./App.vue?vue&type=style&index=1&lang=scss&\"\nimport style2 from \"./App.vue?vue&type=style&index=2&id=6101cb20&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6101cb20\",\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\nimport Router from 'vue-router'\nimport App from './App.vue'\n\nVue.use(Router)\n\nexport default new Router({\n  mode:'history',\n  routes: [\n    {\n      path: '/contrast/:fg/:bg',\n      component: App\n    }\n  ]\n})\n","import '../node_modules/bulma/css/bulma.min.css';\r\nimport Vue from \"vue\";\r\n\r\nimport App from \"./App.vue\";\r\nimport router from './router'\r\n\r\nVue.config.productionTip = false;\r\n\r\nnew Vue({\r\n  router,\r\n  render: h => h(App)\r\n}).$mount(\"#app\");\r\n","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=1&lang=scss&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=1&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Swatch.vue?vue&type=style&index=0&id=8d561f92&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Swatch.vue?vue&type=style&index=0&id=8d561f92&scoped=true&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./input.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./input.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}