@shortfuse/materialdesignweb 0.3.0 → 0.4.0

package/docs/button.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./components/button.js","webpack:///./components/button.pug"],"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","4","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","__webpack_exports__","sampleComponent","pugButton","_components_button_index__WEBPACK_IMPORTED_MODULE_0__","_core_overlay_index__WEBPACK_IMPORTED_MODULE_1__","_core_ripple_index__WEBPACK_IMPORTED_MODULE_2__","_sample_utils__WEBPACK_IMPORTED_MODULE_3__","_core_dom__WEBPACK_IMPORTED_MODULE_4__","updateSampleCode","jsRequired","document","querySelector","checked","jsOptional","useJS","Button","htmlCodeElement","getElementsByClassName","setTextNode","convertElementToCode","getElementById","getAttribute","classList","contains","Ripple","Overlay","textContent","onOptionChange","event","newElement","_event$target","target","setAttribute","removeAttribute","add","remove","attr","indexOf","concat","replace","trim","toggleOverlayOption","createElement","firstChild","appendChild","iterateArrayLike","attributes","setNamedItem","cloneNode","parentElement","replaceChild","querySelectorAll","el","addEventListener"],"mappings":"aACA,SAAAA,EAAAC,GAQA,IAPA,IAMAC,EAAAC,EANAC,EAAAH,EAAA,GACAI,EAAAJ,EAAA,GACAK,EAAAL,EAAA,GAIAM,EAAA,EAAAC,EAAA,GACQD,EAAAH,EAAAK,OAAoBF,IAC5BJ,EAAAC,EAAAG,GACAG,EAAAP,IACAK,EAAAG,KAAAD,EAAAP,GAAA,IAEAO,EAAAP,GAAA,EAEA,IAAAD,KAAAG,EACAO,OAAAC,UAAAC,eAAAC,KAAAV,EAAAH,KACAc,EAAAd,GAAAG,EAAAH,IAKA,IAFAe,KAAAhB,GAEAO,EAAAC,QACAD,EAAAU,OAAAV,GAOA,OAHAW,EAAAR,KAAAS,MAAAD,EAAAb,GAAA,IAGAe,IAEA,SAAAA,IAEA,IADA,IAAAC,EACAf,EAAA,EAAiBA,EAAAY,EAAAV,OAA4BF,IAAA,CAG7C,IAFA,IAAAgB,EAAAJ,EAAAZ,GACAiB,GAAA,EACAC,EAAA,EAAkBA,EAAAF,EAAAd,OAA2BgB,IAAA,CAC7C,IAAAC,EAAAH,EAAAE,GACA,IAAAf,EAAAgB,KAAAF,GAAA,GAEAA,IACAL,EAAAQ,OAAApB,IAAA,GACAe,EAAAM,IAAAC,EAAAN,EAAA,KAGA,OAAAD,EAIA,IAAAQ,EAAA,GAKApB,EAAA,CACAqB,EAAA,GAGAZ,EAAA,GAGA,SAAAS,EAAA1B,GAGA,GAAA4B,EAAA5B,GACA,OAAA4B,EAAA5B,GAAA8B,QAGA,IAAAC,EAAAH,EAAA5B,GAAA,CACAK,EAAAL,EACAgC,GAAA,EACAF,QAAA,IAUA,OANAhB,EAAAd,GAAAa,KAAAkB,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAnB,EAGAY,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACA1B,OAAA6B,eAAAT,EAAAM,EAAA,CAA0CI,YAAA,EAAAC,IAAAJ,KAK1CX,EAAAgB,EAAA,SAAAZ,GACA,oBAAAa,eAAAC,aACAlC,OAAA6B,eAAAT,EAAAa,OAAAC,YAAA,CAAwDC,MAAA,WAExDnC,OAAA6B,eAAAT,EAAA,cAAiDe,OAAA,KAQjDnB,EAAAoB,EAAA,SAAAD,EAAAE,GAEA,GADA,EAAAA,IAAAF,EAAAnB,EAAAmB,IACA,EAAAE,EAAA,OAAAF,EACA,KAAAE,GAAA,iBAAAF,QAAAG,WAAA,OAAAH,EACA,IAAAI,EAAAvC,OAAAwC,OAAA,MAGA,GAFAxB,EAAAgB,EAAAO,GACAvC,OAAA6B,eAAAU,EAAA,WAAyCT,YAAA,EAAAK,UACzC,EAAAE,GAAA,iBAAAF,EAAA,QAAAM,KAAAN,EAAAnB,EAAAS,EAAAc,EAAAE,EAAA,SAAAA,GAAgH,OAAAN,EAAAM,IAAqBC,KAAA,KAAAD,IACrI,OAAAF,GAIAvB,EAAA2B,EAAA,SAAAtB,GACA,IAAAM,EAAAN,KAAAiB,WACA,WAA2B,OAAAjB,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAgB,EAAAC,GAAsD,OAAA7C,OAAAC,UAAAC,eAAAC,KAAAyC,EAAAC,IAGtD7B,EAAA8B,EAAA,GAEA,IAAAC,EAAAC,OAAA,aAAAA,OAAA,iBACAC,EAAAF,EAAAhD,KAAA2C,KAAAK,GACAA,EAAAhD,KAAAX,EACA2D,IAAAG,QACA,QAAAvD,EAAA,EAAgBA,EAAAoD,EAAAlD,OAAuBF,IAAAP,EAAA2D,EAAApD,IACvC,IAAAU,EAAA4C,EAIA1C,EAAAR,KAAA,UAEAU,gFCtJAO,EAAAgB,EAAAmB,GAAA,IA0BIC,EAbIC,EAbRC,EAAAtC,EAAA,GAAAuC,EAAAvC,EAAA,GAAAwC,EAAAxC,EAAA,GAAAyC,EAAAzC,EAAA,GAAA0C,EAAA1C,EAAA,GAwDA,SAAS2C,IACP,IAAMC,EAAaC,SAASC,cAAc,8CAA8CC,QAClFC,EAAaH,SAASC,cAAc,8CAA8CC,QAClFE,EAAQL,GAAcI,EAG5BE,IAAcd,GAEd,IAAMe,EAAkBN,SAASO,uBAAuB,kBAAkB,GAC1EC,YAAYF,EAAiBG,YAAqBlB,EACmB,SAAnES,SAASU,eAAe,UAAUC,aAAa,kBAG7CP,IACFC,IAAkBd,GACdA,EAAgBqB,UAAUC,SAAS,eACrCC,IAAcvB,GAEZA,EAAgBqB,UAAUC,SAAS,gBACrCE,IAAexB,IAIGS,SAASO,uBAAuB,gBAAgB,GACxDS,YAAc,oCAO9B,SAASC,EAAeC,GAAO,IAEzBC,EAFyBC,EACIF,EAAMG,OAA/BxD,EADqBuD,EACrBvD,KAAMS,EADe8C,EACf9C,MAAO4B,EADQkB,EACRlB,QAErB,OAAQrC,GACN,IAAK,SACCqC,EACFX,EAAgB+B,aAAa,aAAc,IAE3C/B,EAAgBgC,gBAAgB,cAElC,MACF,IAAK,UACH,OAAQjD,GACN,IAAK,OACHiB,EAAgBgC,gBAAgB,kBAChC,MACF,QACEhC,EAAgB+B,aAAa,iBAAkBhD,GAEnD,MACF,IAAK,YACC4B,EACFX,EAAgB+B,aAAa,gBAAiB,IAE9C/B,EAAgBgC,gBAAgB,iBAElC,MACF,IAAK,SACCrB,EACFX,EAAgB+B,aAAa,aAAc,IAE3C/B,EAAgBgC,gBAAgB,cAElC,MACF,IAAK,SACEjD,EAGHiB,EAAgB+B,aAAa,eAAgBhD,GAF7CiB,EAAgBgC,gBAAgB,gBAIlC,MACF,IAAK,WACCrB,EACFX,EAAgB+B,aAAa,gBAAiB,QAE9C/B,EAAgBgC,gBAAgB,iBAElC,MACF,IAAK,OACCrB,GACFX,EAAgB+B,aAAa,WAAY,IACzC/B,EAAgBqB,UAAUY,IAAI,kBAC9BhB,YAAYjB,EAAiB,cAE7BA,EAAgBgC,gBAAgB,YAChChC,EAAgBqB,UAAUa,OAAO,kBACjCjB,YAAYjB,EAAiB,WAE/B,MACF,IAAK,MACH,OAAQjB,GACN,IAAK,UACHiB,EAAgBgC,gBAAgB,WAChC,MACF,QACEhC,EAAgB+B,aAAa,UAAWhD,GAG5C,MACF,IAAK,SACC4B,EACFX,EAAgBqB,UAAUY,IAAI,cAE9BjC,EAAgBqB,UAAUa,OAAO,cAEnC,MACF,IAAK,gBACL,IAAK,gBACL,IAAK,qBApIT,SAA6B5D,EAAMS,GACjC,IAAMoD,EAAOnC,EAAgBoB,aAAa,oBAAsB,GAChE,GAAKe,EAOL,GAAIpD,EAAJ,CACE,IAA4B,IAAxBoD,EAAKC,QAAQ9D,GACf,OAEF0B,EAAgB+B,aAAa,kBAA7B,GAAAM,OAAmDF,EAAnD,KAAAE,OAA2D/D,SAGjC,IAAxB6D,EAAKC,QAAQ9D,IAGjB0B,EAAgB+B,aAAa,kBAAmBI,EAAKG,QAAQhE,EAAM,IAAIiE,YAjBvE,CACE,IAAKxD,EACH,OAEFiB,EAAgB+B,aAAa,kBAAmBzD,IA+H9CkE,CAAoBlE,EAAKgE,QAAQ,WAAY,KAAM3B,GACnD,MACF,IAAK,UACH,OAAQ5B,GACN,IAAK,OACHiB,EAAgBgC,gBAAgB,eAChChC,EAAgBgC,gBAAgB,aAChChC,EAAgBgC,gBAAgB,YAChC,MACF,QACEhC,EAAgB+B,aAAa,cAAehD,EAAMuD,QAAQ,gBAAiB,MAC1C,IAA7BvD,EAAMqD,QAAQ,UAChBpC,EAAgBgC,gBAAgB,aAEhChC,EAAgB+B,aAAa,YAAa,KAEZ,IAA5BhD,EAAMqD,QAAQ,SAChBpC,EAAgBgC,gBAAgB,YAEhChC,EAAgB+B,aAAa,WAAY,IAE7B,SAAVhD,EACFiB,EAAgBqB,UAAUa,OAAO,aAEjClC,EAAgBqB,UAAUY,IAAI,aAIpC,MACF,IAAK,WAEH,IADAL,EAAanB,SAASgC,cAAc1D,GAC7BiB,EAAgB0C,YACrBd,EAAWe,YAAY3C,EAAgB0C,YAEzCE,YAAiB5C,EAAgB6C,WAAY,SAACV,GAC5CP,EAAWiB,WAAWC,aAAaX,EAAKY,eAE1C/C,EAAgBgD,cAAcC,aAAarB,EAAY5B,GACvDA,EAAkB4B,EAItBrB,IAxMAqC,YAAiBnC,SAASyC,iBAAiB,mBAAoBpC,KA6M/Dd,EAAkBS,SAASC,cAAc,iCACzCI,IAAcd,GACd4C,YAAiBnC,SAASyC,iBAAiB,eAAgB,SAACC,GAC1DA,EAAGC,iBAAiB,SAAU1B,KA3M1BzB,EAAYQ,SAASU,eAAe,UAC1CL,IAAcb,GACdA,EAAUmD,iBAAiB,QAAS,WACa,SAA3CnD,EAAUmB,aAAa,gBACzBnB,EAAU8B,aAAa,eAAgB,SAEvC9B,EAAU8B,aAAa,eAAgB,QAEzCxB,MA0MJA,wBC/NAtC,EAAAD,QAAiBJ,EAAA8B,EAAuB","file":"button.min.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\t4: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([46,1,0]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","import * as Button from '../../components/button/index';\nimport * as Overlay from '../../core/overlay/index';\nimport * as Ripple from '../../core/ripple/index';\nimport { convertElementToCode } from '../_sample-utils';\nimport { iterateArrayLike, setTextNode } from '../../core/dom';\n\n/** @return {void} */\nfunction initializeSampleComponents() {\n  iterateArrayLike(document.querySelectorAll('.js .mdw-button'), Button.attach);\n}\n\n/** @return {void} */\nfunction setupPugButton() {\n  const pugButton = document.getElementById('usePug');\n  Button.attach(pugButton);\n  pugButton.addEventListener('click', () => {\n    if (pugButton.getAttribute('aria-pressed') === 'true') {\n      pugButton.setAttribute('aria-pressed', 'false');\n    } else {\n      pugButton.setAttribute('aria-pressed', 'true');\n    }\n    updateSampleCode();\n  });\n}\n\n/** @type {HTMLElement} */\nlet sampleComponent;\n\n/**\n * @param {string} name\n * @param {boolean} value\n * @return {void}\n */\nfunction toggleOverlayOption(name, value) {\n  const attr = sampleComponent.getAttribute('mdw-overlay-off') || '';\n  if (!attr) {\n    if (!value) {\n      return;\n    }\n    sampleComponent.setAttribute('mdw-overlay-off', name);\n    return;\n  }\n  if (value) {\n    if (attr.indexOf(name) !== -1) {\n      return;\n    }\n    sampleComponent.setAttribute('mdw-overlay-off', `${attr} ${name}`);\n    return;\n  }\n  if (attr.indexOf(name) === -1) {\n    return;\n  }\n  sampleComponent.setAttribute('mdw-overlay-off', attr.replace(name, '').trim());\n}\n\n/** @return {void} */\nfunction updateSampleCode() {\n  const jsRequired = document.querySelector('input[name=\"javascript\"][value=\"required\"]').checked;\n  const jsOptional = document.querySelector('input[name=\"javascript\"][value=\"optional\"]').checked;\n  const useJS = jsRequired || jsOptional;\n\n  // Strip JS related elements and attributes\n  Button.detach(sampleComponent);\n\n  const htmlCodeElement = document.getElementsByClassName('component-html')[0];\n  setTextNode(htmlCodeElement, convertElementToCode(sampleComponent,\n    document.getElementById('usePug').getAttribute('aria-pressed') === 'true'));\n\n  // Reattach JS if requested\n  if (useJS) {\n    Button.attachCore(sampleComponent);\n    if (sampleComponent.classList.contains('mdw-ripple')) {\n      Ripple.attach(sampleComponent);\n    }\n    if (sampleComponent.classList.contains('mdw-overlay')) {\n      Overlay.attach(sampleComponent);\n    }\n  }\n\n  const jsCodeElement = document.getElementsByClassName('component-js')[0];\n  jsCodeElement.textContent = 'mdw.Button.attach(buttonElement);';\n}\n\n/**\n * @param {Event} event\n * @return {void}\n */\nfunction onOptionChange(event) {\n  const { name, value, checked } = event.target;\n  let newElement;\n  switch (name) {\n    case 'raised':\n      if (checked) {\n        sampleComponent.setAttribute('mdw-raised', '');\n      } else {\n        sampleComponent.removeAttribute('mdw-raised');\n      }\n      break;\n    case 'outline':\n      switch (value) {\n        case 'none':\n          sampleComponent.removeAttribute('mdw-border-ink');\n          break;\n        default:\n          sampleComponent.setAttribute('mdw-border-ink', value);\n      }\n      break;\n    case 'activated':\n      if (checked) {\n        sampleComponent.setAttribute('mdw-activated', '');\n      } else {\n        sampleComponent.removeAttribute('mdw-activated');\n      }\n      break;\n    case 'active':\n      if (checked) {\n        sampleComponent.setAttribute('mdw-active', '');\n      } else {\n        sampleComponent.removeAttribute('mdw-active');\n      }\n      break;\n    case 'toggle':\n      if (!value) {\n        sampleComponent.removeAttribute('aria-pressed');\n      } else {\n        sampleComponent.setAttribute('aria-pressed', value);\n      }\n      break;\n    case 'disabled':\n      if (checked) {\n        sampleComponent.setAttribute('aria-disabled', 'true');\n      } else {\n        sampleComponent.removeAttribute('aria-disabled');\n      }\n      break;\n    case 'icon':\n      if (checked) {\n        sampleComponent.setAttribute('mdw-icon', '');\n        sampleComponent.classList.add('material-icons');\n        setTextNode(sampleComponent, 'favorite');\n      } else {\n        sampleComponent.removeAttribute('mdw-icon');\n        sampleComponent.classList.remove('material-icons');\n        setTextNode(sampleComponent, 'Button');\n      }\n      break;\n    case 'ink':\n      switch (value) {\n        case 'default':\n          sampleComponent.removeAttribute('mdw-ink');\n          break;\n        default:\n          sampleComponent.setAttribute('mdw-ink', value);\n          break;\n      }\n      break;\n    case 'ripple':\n      if (checked) {\n        sampleComponent.classList.add('mdw-ripple');\n      } else {\n        sampleComponent.classList.remove('mdw-ripple');\n      }\n      break;\n    case 'overlay-hover':\n    case 'overlay-focus':\n    case 'overlay-activated':\n      toggleOverlayOption(name.replace('overlay-', ''), !checked);\n      break;\n    case 'surface':\n      switch (value) {\n        case 'none':\n          sampleComponent.removeAttribute('mdw-surface');\n          sampleComponent.removeAttribute('mdw-light');\n          sampleComponent.removeAttribute('mdw-dark');\n          break;\n        default:\n          sampleComponent.setAttribute('mdw-surface', value.replace(/ (light|dark)/, ''));\n          if (value.indexOf(' light') === -1) {\n            sampleComponent.removeAttribute('mdw-light');\n          } else {\n            sampleComponent.setAttribute('mdw-light', '');\n          }\n          if (value.indexOf(' dark') === -1) {\n            sampleComponent.removeAttribute('mdw-dark');\n          } else {\n            sampleComponent.setAttribute('mdw-dark', '');\n          }\n          if (value === 'none') {\n            sampleComponent.classList.remove('mdw-theme');\n          } else {\n            sampleComponent.classList.add('mdw-theme');\n          }\n          break;\n      }\n      break;\n    case 'htmltype':\n      newElement = document.createElement(value);\n      while (sampleComponent.firstChild) {\n        newElement.appendChild(sampleComponent.firstChild);\n      }\n      iterateArrayLike(sampleComponent.attributes, (attr) => {\n        newElement.attributes.setNamedItem(attr.cloneNode());\n      });\n      sampleComponent.parentElement.replaceChild(newElement, sampleComponent);\n      sampleComponent = newElement;\n      break;\n    default:\n  }\n  updateSampleCode();\n}\n\n/** @return {void} */\nfunction setupComponentOptions() {\n  sampleComponent = document.querySelector('.component-sample .mdw-button');\n  Button.attach(sampleComponent);\n  iterateArrayLike(document.querySelectorAll('input[name]'), (el) => {\n    el.addEventListener('change', onOptionChange);\n  });\n}\n\ninitializeSampleComponents();\nsetupComponentOptions();\nsetupPugButton();\nupdateSampleCode();\n","module.exports = __webpack_public_path__ + \"button.html\";"],"sourceRoot":""}

package/docs/card.html

@@ -1 +0,0 @@
-<!DOCTYPE html><html class="mdw-layout mdw-theme" lang="en"><head><title>Material Design Web</title><meta charset="utf-8"><meta content="IE=edge" http-equiv="X-UA-Compatible"><meta content="Material Design Web - CSS/JS Framework" name="description"><meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"><meta name="theme-color" content="#C2185B"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-capable" content="yes"><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Merriweather:300,400,500"><link rel="stylesheet" href="docs.min.css"><link rel="stylesheet" href="spec.min.css"><link rel="stylesheet" href="theme-default.min.css"><link rel="stylesheet" href="theme-default-fallbacks.min.css" media="screen and (-ms-high-contrast: active), (-ms-high-contrast: none)"><link rel="stylesheet" disabled href="theme-colored.min.css" title="alt"><link rel="stylesheet" disabled href="theme-colored-fallbacks.min.css" media="screen and (-ms-high-contrast: active), (-ms-high-contrast: none)" title="alt"><script src="prerender.common.min.js"></script><script src="prerender.min.js"></script></head><body class="mdw-layout__body mdw-theme" mdw-surface="background" mdw-sidesheet-toggle="dismissible" mdw-sidesheet-style="modal"><div class="mdw-layout__menus"></div><div class="mdw-layout__dialogs"></div><nav class="mdw-layout__navdrawer"><div class="mdw-layout__sheet-content mdw-theme" mdw-surface="background" mdw-border-ink><ul class="mdw-list" role="tree"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" href="index.html" mdw-ink="default"><div class="mdw-list__text">Home</div></a></li><li class="mdw-list__expander mdw-theme" aria-expanded="true"><span class="mdw-list__expander-content mdw-list__subheader"><div class="mdw-list__text mdw-theme" mdw-ink="medium">Core</div><div class="mdw-list__secondary mdw-theme material-icons" mdw-ink="medium">expand_more</div></span><ul class="mdw-list__item-group" role="group"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="color.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">compare</div><div class="mdw-list__text"><div class="mdw-list__text-block">Color</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="overlay.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tonality</div><div class="mdw-list__text"><div class="mdw-list__text-block">Overlay</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="ripple.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">center_focus_strong</div><div class="mdw-list__text"><div class="mdw-list__text-block">Ripple</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="transition.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">open_in_new</div><div class="mdw-list__text"><div class="mdw-list__text-block">Transition</div></div></a></li></ul></li><li class="mdw-list__expander mdw-theme" aria-expanded="true"><span class="mdw-list__expander-content mdw-list__subheader"><div class="mdw-list__text mdw-theme" mdw-ink="medium">Components</div><div class="mdw-list__secondary mdw-theme material-icons" mdw-ink="medium">expand_more</div></span><ul class="mdw-list__item-group" role="group"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="appbar.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">web_asset</div><div class="mdw-list__text"><div class="mdw-list__text-block">App Bar</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="bottomnav.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">call_to_action</div><div class="mdw-list__text"><div class="mdw-list__text-block">Bottom Navigation</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="button.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">crop_landscape</div><div class="mdw-list__text"><div class="mdw-list__text-block">Button</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-current="page" aria-selected="true" href="card.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">crop_square</div><div class="mdw-list__text"><div class="mdw-list__text-block">Card</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="chip.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">check_circle</div><div class="mdw-list__text"><div class="mdw-list__text-block">Chip</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="datatable.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">format_align_justify</div><div class="mdw-list__text"><div class="mdw-list__text-block">Data Table</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="dialog.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">select_all</div><div class="mdw-list__text"><div class="mdw-list__text-block">Dialog</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="elevation.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">layers</div><div class="mdw-list__text"><div class="mdw-list__text-block">Elevation</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="fab.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">add_circle</div><div class="mdw-list__text"><div class="mdw-list__text-block">Floating Action Button</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="grid.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_compact</div><div class="mdw-list__text"><div class="mdw-list__text-block">Grid</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="layout.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_quilt</div><div class="mdw-list__text"><div class="mdw-list__text-block">Layout</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="list.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_list</div><div class="mdw-list__text"><div class="mdw-list__text-block">List</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="menu.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">picture_in_picture</div><div class="mdw-list__text"><div class="mdw-list__text-block">Menu</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="progress.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">timelapse</div><div class="mdw-list__text"><div class="mdw-list__text-block">Progress</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="search.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">search</div><div class="mdw-list__text"><div class="mdw-list__text-block">Search</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="selection.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">toggle_on</div><div class="mdw-list__text"><div class="mdw-list__text-block">Selection</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="slider.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tune</div><div class="mdw-list__text"><div class="mdw-list__text-block">Slider</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="snackbar.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">video_label</div><div class="mdw-list__text"><div class="mdw-list__text-block">Snackbar</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="tab.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tab</div><div class="mdw-list__text"><div class="mdw-list__text-block">Tab</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="textfield.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">text_fields</div><div class="mdw-list__text"><div class="mdw-list__text-block">Text Field</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="tooltip.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">info</div><div class="mdw-list__text"><div class="mdw-list__text-block">Tooltip</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="type.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">font_download</div><div class="mdw-list__text"><div class="mdw-list__text-block">Typography</div></div></a></li></ul></li></ul></div></nav><div class="mdw-layout__scrim"></div><div class="mdw-layout__appbar mdw-appbar mdw-theme" mdw-autohide="mobile tablet" mdw-surface="secondary 500" mdw-dark><div class="mdw-layout__appbar-shape"></div><div class="mdw-appbar__action"><div class="mdw-appbar__start"><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons mdw-layout__navdrawer-toggle" mdw-icon="" tabindex="0" href="#docs-navdrawer">menu</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="start">Menu</div></div></div><div class="mdw-appbar__title">card</div><div class="mdw-appbar__end" id="docs-menu-buttons"><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="altThemeButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">palette</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Alt Theme</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="darkModeButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">brightness_3</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Dark Mode</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="rtlButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">format_align_right</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Right-to-Left</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="largeFontButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">format_size</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">200% Text</div></div></div></div></div><div class="mdw-layout__fab"></div><div class="mdw-layout__snackbar"></div><div class="mdw-layout__content"><div class="mdw-layout__content-page"><div class="mdw-grid" mdw-margin-top mdw-margin-bottom mdw-stretch><div class="mdw-grid__item" mdw-colspan="100%"><h5 class="mdw-type" mdw-baseline-next="36">Cards contain content and actions about a single subject.</h5><p class="mdw-type" mdw-baseline-next="36">Cards are surfaces that display content and actions on a single topic.</p><p class="mdw-type">They should be easy to scan for relevant and actionable information. Elements, like text and images, should be placed on them in a way that clearly indicates hierarchy.</p></div><div class="mdw-grid__item" mdw-colspan="6"><div class="mdw-grid__content component-sample"><div class="display-flex"><div class="mdw-card mdw-theme" mdw-raised="focus-within" mdw-surface="card" mdw-border-ink><a class="mdw-button mdw-overlay mdw-ripple mdw-card__button" tabindex="0"></a><div class="mdw-card__start"><div class="mdw-card__thumbnail material-icons" style="font-size:40px">account_circle</div></div><div class="mdw-card__end" style="margin:8px 0"><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">clear</a></div><h6 class="mdw-card__header" mdw-two-line>Title goes here</h6><div class="mdw-card__subheader">Secondary text</div><div class="mdw-card__media" mdw-ratio="16:9"><img class="mdw-card__image" src="https://free-images.com/md/f673/sunset_sky_red_gold_0.jpg"></div><div class="mdw-card__supporting-text">Grayhound divisively hello coldly wonderfully marginally far upon excluding.</div><div class="mdw-card__actions"><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-ink="secondary" tabindex="0">Action 1</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-ink="secondary" tabindex="0">Action 2</a><span></span><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">more_vert</a></div></div></div></div></div><div class="mdw-grid__item" mdw-colspan="4"><div class="mdw-type" mdw-style="subtitle">Javascript</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" disabled="" aria-disabled="true" name="javascript" value="required"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Required</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" disabled="" aria-disabled="true" name="javascript" value="optional"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Optional</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" checked="" name="javascript" value="none"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">None</div></label></div><div class="mdw-type" mdw-style="subtitle">Elevation</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" checked="" name="elevation" value="auto"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Auto</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="elevation" value="0"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">0dp</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="elevation" value="1"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">1dp</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="elevation" value="8"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">8dp</div></label></div><div class="mdw-type" mdw-style="subtitle">Raise</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="checkbox" checked="" name="raise-focus-within" value="focus-within"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">On Focus Within</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="checkbox" name="raise-hover" value="hover"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">On Hover</div></label></div><div class="mdw-type" mdw-style="subtitle">Media Placement</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="media-placement" value="none"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">None</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="media-placement" value="top"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Top</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" checked="" name="media-placement" value="middle"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Middle</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="media-placement" value="bottom"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Bottom</div></label></div><div class="mdw-type" mdw-style="subtitle">Media Ratio</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="media-ratio" value="none"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">None</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" checked="" name="media-ratio" value="16:9"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">16:9</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="media-ratio" value="3:2"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">3:2</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="media-ratio" value="4:3"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">4:3</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="media-ratio" value="1:1"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">1:1</div></label></div><div class="mdw-type" mdw-style="subtitle">Actions</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="checkbox" checked="" name="primary-action"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Primary</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="checkbox" checked="" name="secondary-actions"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Secondary</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="checkbox" checked="" name="close-action"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Close</div></label></div><div class="mdw-type" mdw-style="subtitle">Surface</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="surface" value="card"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Card</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" checked="" name="surface" value="primary dark"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Primary (Dark)</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="surface" value="secondary 100 light"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Secondary 100 (Light)</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="surface" value="warn 200 light"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Warn 200 (Light)</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="surface" value="green 700 dark"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Green 700 (Dark)</div></label></div></div><div class="mdw-grid__item" mdw-colspan="100%" style="max-height:0"></div><div class="mdw-grid__item" mdw-colspan="6"><h6 class="mdw-type">HTML Code</h6><div class="mdw-card mdw-theme component-code component-html" mdw-surface="card"><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-ink="secondary" mdw-icon="" tabindex="0" id="usePug" aria-pressed="false" mdw-overlay-off="activated">PUG</a></div></div></div><script src="card.min.js"></script></div></div></body><script src="default.common.min.js"></script></html>

package/docs/card.min.js

@@ -1,2 +0,0 @@
-!function(e){function t(t){for(var a,i,o=t[0],d=t[1],l=t[2],u=0,m=[];u<o.length;u++)i=o[u],n[i]&&m.push(n[i][0]),n[i]=0;for(a in d)Object.prototype.hasOwnProperty.call(d,a)&&(e[a]=d[a]);for(c&&c(t);m.length;)m.shift()();return s.push.apply(s,l||[]),r()}function r(){for(var e,t=0;t<s.length;t++){for(var r=s[t],a=!0,o=1;o<r.length;o++){var d=r[o];0!==n[d]&&(a=!1)}a&&(s.splice(t--,1),e=i(i.s=r[0]))}return e}var a={},n={5:0},s=[];function i(t){if(a[t])return a[t].exports;var r=a[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,i),r.l=!0,r.exports}i.m=e,i.c=a,i.d=function(e,t,r){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)i.d(r,a,function(t){return e[t]}.bind(null,a));return r},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="";var o=window.webpackJsonp=window.webpackJsonp||[],d=o.push.bind(o);o.push=t,o=o.slice();for(var l=0;l<o.length;l++)t(o[l]);var c=d;s.push([49,1,0]),r()}({49:function(e,t,r){r(50),e.exports=r(51)},50:function(e,t,r){"use strict";r.r(t);var a,n,s,i,o,d,l=r(6),c=r(0);function u(){var e=document.getElementsByClassName("component-html")[0];Object(c.m)(e,Object(l.a)(a,"true"===document.getElementById("usePug").getAttribute("aria-pressed")))}function m(e){var t,r=e.target,d=r.name,l=r.value,c=r.checked;switch(d){case"elevation":switch(a.removeAttribute("mdw-elevation"),l){case"auto":break;default:a.setAttribute("mdw-elevation",l)}break;case"raise-focus-within":case"raise-hover":t=(a.getAttribute("mdw-raised")||"").split(" "),c?-1===t.indexOf(d.substr("raise-".length))&&t.push(d.substr("raise-".length)):t=t.filter(function(e){return e!==d.substr("raise-".length)}),t.sort(),t.length?a.setAttribute("mdw-raised",t.join(" ").trim()):a.removeAttribute("mdw-raised");break;case"media-placement":switch(n.parentElement&&n.parentElement.removeChild(n),l){default:case"none":break;case"top":a.insertBefore(n,a.getElementsByClassName("mdw-card__start")[0]);break;case"middle":a.insertBefore(n,a.getElementsByClassName("mdw-card__supporting-text")[0]);break;case"bottom":a.appendChild(n)}break;case"media-ratio":switch(l){default:case"none":n.removeAttribute("mdw-ratio");break;case"16:9":n.setAttribute("mdw-ratio","16:9");break;case"3:2":n.setAttribute("mdw-ratio","3:2");break;case"4:3":n.setAttribute("mdw-ratio","4:3");break;case"1:1":n.setAttribute("mdw-ratio","1:1")}break;case"primary-action":c?o.parentElement||a.insertBefore(o,a.firstChild):o.parentElement&&o.parentElement.removeChild(o);break;case"secondary-actions":c?s.parentElement||a.appendChild(s):s.parentElement&&s.parentElement.removeChild(s);break;case"close-action":c?i.parentElement||a.insertBefore(i,a.getElementsByClassName("mdw-card__header")[0]):i.parentElement&&i.parentElement.removeChild(i);break;case"surface":a.setAttribute("mdw-surface",l.replace(/ (light|dark)/,"")),-1===l.indexOf(" light")?a.removeAttribute("mdw-light"):a.setAttribute("mdw-light",""),-1===l.indexOf(" dark")?a.removeAttribute("mdw-dark"):a.setAttribute("mdw-dark",""),"card"===l?a.classList.remove("mdw-theme"):a.classList.add("mdw-theme")}u()}a=document.querySelector(".component-sample .mdw-card"),n=a.getElementsByClassName("mdw-card__media")[0],s=a.getElementsByClassName("mdw-card__actions")[0],o=a.getElementsByClassName("mdw-card__button")[0],i=a.getElementsByClassName("mdw-card__end")[0],Object(c.h)(document.querySelectorAll("input[name]"),function(e){e.addEventListener("change",m)}),(d=document.getElementById("usePug")).addEventListener("click",function(){"true"===d.getAttribute("aria-pressed")?d.setAttribute("aria-pressed","false"):d.setAttribute("aria-pressed","true"),u()}),u()},51:function(e,t,r){e.exports=r.p+"card.html"}});
-//# sourceMappingURL=card.min.js.map

package/docs/card.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./components/card.js","webpack:///./components/card.pug"],"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","5","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","__webpack_exports__","sampleComponent","mediaElement","actionsElement","closeActionElement","primaryButtonElement","pugButton","_sample_utils__WEBPACK_IMPORTED_MODULE_0__","_core_dom__WEBPACK_IMPORTED_MODULE_1__","updateSampleCode","htmlCodeElement","document","getElementsByClassName","setTextNode","convertElementToCode","getElementById","getAttribute","onOptionChange","event","raiseOptions","_event$target","target","checked","removeAttribute","setAttribute","split","indexOf","substr","filter","sort","join","trim","parentElement","removeChild","insertBefore","appendChild","firstChild","replace","classList","remove","add","querySelector","iterateArrayLike","querySelectorAll","el","addEventListener"],"mappings":"aACA,SAAAA,EAAAC,GAQA,IAPA,IAMAC,EAAAC,EANAC,EAAAH,EAAA,GACAI,EAAAJ,EAAA,GACAK,EAAAL,EAAA,GAIAM,EAAA,EAAAC,EAAA,GACQD,EAAAH,EAAAK,OAAoBF,IAC5BJ,EAAAC,EAAAG,GACAG,EAAAP,IACAK,EAAAG,KAAAD,EAAAP,GAAA,IAEAO,EAAAP,GAAA,EAEA,IAAAD,KAAAG,EACAO,OAAAC,UAAAC,eAAAC,KAAAV,EAAAH,KACAc,EAAAd,GAAAG,EAAAH,IAKA,IAFAe,KAAAhB,GAEAO,EAAAC,QACAD,EAAAU,OAAAV,GAOA,OAHAW,EAAAR,KAAAS,MAAAD,EAAAb,GAAA,IAGAe,IAEA,SAAAA,IAEA,IADA,IAAAC,EACAf,EAAA,EAAiBA,EAAAY,EAAAV,OAA4BF,IAAA,CAG7C,IAFA,IAAAgB,EAAAJ,EAAAZ,GACAiB,GAAA,EACAC,EAAA,EAAkBA,EAAAF,EAAAd,OAA2BgB,IAAA,CAC7C,IAAAC,EAAAH,EAAAE,GACA,IAAAf,EAAAgB,KAAAF,GAAA,GAEAA,IACAL,EAAAQ,OAAApB,IAAA,GACAe,EAAAM,IAAAC,EAAAN,EAAA,KAGA,OAAAD,EAIA,IAAAQ,EAAA,GAKApB,EAAA,CACAqB,EAAA,GAGAZ,EAAA,GAGA,SAAAS,EAAA1B,GAGA,GAAA4B,EAAA5B,GACA,OAAA4B,EAAA5B,GAAA8B,QAGA,IAAAC,EAAAH,EAAA5B,GAAA,CACAK,EAAAL,EACAgC,GAAA,EACAF,QAAA,IAUA,OANAhB,EAAAd,GAAAa,KAAAkB,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAnB,EAGAY,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACA1B,OAAA6B,eAAAT,EAAAM,EAAA,CAA0CI,YAAA,EAAAC,IAAAJ,KAK1CX,EAAAgB,EAAA,SAAAZ,GACA,oBAAAa,eAAAC,aACAlC,OAAA6B,eAAAT,EAAAa,OAAAC,YAAA,CAAwDC,MAAA,WAExDnC,OAAA6B,eAAAT,EAAA,cAAiDe,OAAA,KAQjDnB,EAAAoB,EAAA,SAAAD,EAAAE,GAEA,GADA,EAAAA,IAAAF,EAAAnB,EAAAmB,IACA,EAAAE,EAAA,OAAAF,EACA,KAAAE,GAAA,iBAAAF,QAAAG,WAAA,OAAAH,EACA,IAAAI,EAAAvC,OAAAwC,OAAA,MAGA,GAFAxB,EAAAgB,EAAAO,GACAvC,OAAA6B,eAAAU,EAAA,WAAyCT,YAAA,EAAAK,UACzC,EAAAE,GAAA,iBAAAF,EAAA,QAAAM,KAAAN,EAAAnB,EAAAS,EAAAc,EAAAE,EAAA,SAAAA,GAAgH,OAAAN,EAAAM,IAAqBC,KAAA,KAAAD,IACrI,OAAAF,GAIAvB,EAAA2B,EAAA,SAAAtB,GACA,IAAAM,EAAAN,KAAAiB,WACA,WAA2B,OAAAjB,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAgB,EAAAC,GAAsD,OAAA7C,OAAAC,UAAAC,eAAAC,KAAAyC,EAAAC,IAGtD7B,EAAA8B,EAAA,GAEA,IAAAC,EAAAC,OAAA,aAAAA,OAAA,iBACAC,EAAAF,EAAAhD,KAAA2C,KAAAK,GACAA,EAAAhD,KAAAX,EACA2D,IAAAG,QACA,QAAAvD,EAAA,EAAgBA,EAAAoD,EAAAlD,OAAuBF,IAAAP,EAAA2D,EAAApD,IACvC,IAAAU,EAAA4C,EAIA1C,EAAAR,KAAA,UAEAU,gFCtJAO,EAAAgB,EAAAmB,GAAA,IAIIC,EAEAC,EAEAC,EAEAC,EAEAC,EAWIC,EAvBRC,EAAA1C,EAAA,GAAA2C,EAAA3C,EAAA,GAeA,SAAS4C,IACP,IAAMC,EAAkBC,SAASC,uBAAuB,kBAAkB,GAC1EC,YAAYH,EAAiBI,YAAqBb,EACmB,SAAnEU,SAASI,eAAe,UAAUC,aAAa,kBAoBnD,SAASC,EAAeC,GAAO,IAEzBC,EAFyBC,EACqCF,EAAMG,OAAhE9C,EADqB6C,EACrB7C,KAAMS,EADeoC,EACfpC,MAAOsC,EADQF,EACRE,QAErB,OAAQ/C,GACN,IAAK,YAEH,OADA0B,EAAgBsB,gBAAgB,iBACxBvC,GACN,IAAK,OACH,MACF,QACEiB,EAAgBuB,aAAa,gBAAiBxC,GAGlD,MACF,IAAK,qBACL,IAAK,cACHmC,GAAgBlB,EAAgBe,aAAa,eAAiB,IAAIS,MAAM,KACpEH,GAC0D,IAAxDH,EAAaO,QAAQnD,EAAKoD,OAAO,SAASjF,UAC5CyE,EAAavE,KAAK2B,EAAKoD,OAAO,SAASjF,SAGzCyE,EAAeA,EAAaS,OAAO,SAAAnD,GAAC,OAAIA,IAAMF,EAAKoD,OAAO,SAASjF,UAErEyE,EAAaU,OACTV,EAAazE,OACfuD,EAAgBuB,aAAa,aAAcL,EAAaW,KAAK,KAAKC,QAElE9B,EAAgBsB,gBAAgB,cAElC,MACF,IAAK,kBAIH,OAHIrB,EAAa8B,eACf9B,EAAa8B,cAAcC,YAAY/B,GAEjClB,GACN,QACA,IAAK,OACH,MACF,IAAK,MACHiB,EAAgBiC,aAAahC,EAAcD,EAAgBW,uBAAuB,mBAAmB,IACrG,MACF,IAAK,SACHX,EAAgBiC,aAAahC,EAAcD,EAAgBW,uBAAuB,6BAA6B,IAC/G,MACF,IAAK,SACHX,EAAgBkC,YAAYjC,GAGhC,MACF,IAAK,cACH,OAAQlB,GACN,QACA,IAAK,OACHkB,EAAaqB,gBAAgB,aAC7B,MACF,IAAK,OACHrB,EAAasB,aAAa,YAAa,QACvC,MACF,IAAK,MACHtB,EAAasB,aAAa,YAAa,OACvC,MACF,IAAK,MACHtB,EAAasB,aAAa,YAAa,OACvC,MACF,IAAK,MACHtB,EAAasB,aAAa,YAAa,OAG3C,MACF,IAAK,iBACCF,EACGjB,EAAqB2B,eACxB/B,EAAgBiC,aAAa7B,EAAsBJ,EAAgBmC,YAE5D/B,EAAqB2B,eAC9B3B,EAAqB2B,cAAcC,YAAY5B,GAEjD,MACF,IAAK,oBACCiB,EACGnB,EAAe6B,eAClB/B,EAAgBkC,YAAYhC,GAErBA,EAAe6B,eACxB7B,EAAe6B,cAAcC,YAAY9B,GAE3C,MACF,IAAK,eACCmB,EACGlB,EAAmB4B,eACtB/B,EAAgBiC,aAAa9B,EAAoBH,EAAgBW,uBAAuB,oBAAoB,IAErGR,EAAmB4B,eAC5B5B,EAAmB4B,cAAcC,YAAY7B,GAE/C,MACF,IAAK,UACHH,EAAgBuB,aAAa,cAAexC,EAAMqD,QAAQ,gBAAiB,MAC1C,IAA7BrD,EAAM0C,QAAQ,UAChBzB,EAAgBsB,gBAAgB,aAEhCtB,EAAgBuB,aAAa,YAAa,KAEZ,IAA5BxC,EAAM0C,QAAQ,SAChBzB,EAAgBsB,gBAAgB,YAEhCtB,EAAgBuB,aAAa,WAAY,IAE7B,SAAVxC,EACFiB,EAAgBqC,UAAUC,OAAO,aAEjCtC,EAAgBqC,UAAUE,IAAI,aAKpC/B,IAKAR,EAAkBU,SAAS8B,cAAc,+BAEzCvC,EAAgBD,EAAgBW,uBAAuB,mBAAmB,GAE1ET,EAAkBF,EAAgBW,uBAAuB,qBAAqB,GAE9EP,EAAwBJ,EAAgBW,uBAAuB,oBAAoB,GAEnFR,EAAsBH,EAAgBW,uBAAuB,iBAAiB,GAC9E8B,YAAiB/B,SAASgC,iBAAiB,eAAgB,SAACC,GAC1DA,EAAGC,iBAAiB,SAAU5B,MAnJ1BX,EAAYK,SAASI,eAAe,WAChC8B,iBAAiB,QAAS,WACa,SAA3CvC,EAAUU,aAAa,gBACzBV,EAAUkB,aAAa,eAAgB,SAEvClB,EAAUkB,aAAa,eAAgB,QAEzCf,MAkJJA,wBChLAvC,EAAAD,QAAiBJ,EAAA8B,EAAuB","file":"card.min.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\t5: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([49,1,0]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","import { convertElementToCode } from '../_sample-utils';\nimport { iterateArrayLike, setTextNode } from '../../core/dom';\n\n/** @type {HTMLElement} */\nlet sampleComponent;\n/** @type {HTMLElement} */\nlet mediaElement;\n/** @type {HTMLElement} */\nlet actionsElement;\n/** @type {HTMLElement} */\nlet closeActionElement;\n/** @type {HTMLElement} */\nlet primaryButtonElement;\n\n/** @return {void} */\nfunction updateSampleCode() {\n  const htmlCodeElement = document.getElementsByClassName('component-html')[0];\n  setTextNode(htmlCodeElement, convertElementToCode(sampleComponent,\n    document.getElementById('usePug').getAttribute('aria-pressed') === 'true'));\n}\n\n/** @return {void} */\nfunction setupPugButton() {\n  const pugButton = document.getElementById('usePug');\n  pugButton.addEventListener('click', () => {\n    if (pugButton.getAttribute('aria-pressed') === 'true') {\n      pugButton.setAttribute('aria-pressed', 'false');\n    } else {\n      pugButton.setAttribute('aria-pressed', 'true');\n    }\n    updateSampleCode();\n  });\n}\n\n/**\n * @param {Event} event\n * @return {void}\n */\nfunction onOptionChange(event) {\n  const { name, value, checked } = /** @type {HTMLInputElement} */ (event.target);\n  let raiseOptions;\n  switch (name) {\n    case 'elevation':\n      sampleComponent.removeAttribute('mdw-elevation');\n      switch (value) {\n        case 'auto':\n          break;\n        default:\n          sampleComponent.setAttribute('mdw-elevation', value);\n          break;\n      }\n      break;\n    case 'raise-focus-within':\n    case 'raise-hover':\n      raiseOptions = (sampleComponent.getAttribute('mdw-raised') || '').split(' ');\n      if (checked) {\n        if (raiseOptions.indexOf(name.substr('raise-'.length)) === -1) {\n          raiseOptions.push(name.substr('raise-'.length));\n        }\n      } else {\n        raiseOptions = raiseOptions.filter(o => o !== name.substr('raise-'.length));\n      }\n      raiseOptions.sort();\n      if (raiseOptions.length) {\n        sampleComponent.setAttribute('mdw-raised', raiseOptions.join(' ').trim());\n      } else {\n        sampleComponent.removeAttribute('mdw-raised');\n      }\n      break;\n    case 'media-placement':\n      if (mediaElement.parentElement) {\n        mediaElement.parentElement.removeChild(mediaElement);\n      }\n      switch (value) {\n        default:\n        case 'none':\n          break;\n        case 'top':\n          sampleComponent.insertBefore(mediaElement, sampleComponent.getElementsByClassName('mdw-card__start')[0]);\n          break;\n        case 'middle':\n          sampleComponent.insertBefore(mediaElement, sampleComponent.getElementsByClassName('mdw-card__supporting-text')[0]);\n          break;\n        case 'bottom':\n          sampleComponent.appendChild(mediaElement);\n          break;\n      }\n      break;\n    case 'media-ratio':\n      switch (value) {\n        default:\n        case 'none':\n          mediaElement.removeAttribute('mdw-ratio');\n          break;\n        case '16:9':\n          mediaElement.setAttribute('mdw-ratio', '16:9');\n          break;\n        case '3:2':\n          mediaElement.setAttribute('mdw-ratio', '3:2');\n          break;\n        case '4:3':\n          mediaElement.setAttribute('mdw-ratio', '4:3');\n          break;\n        case '1:1':\n          mediaElement.setAttribute('mdw-ratio', '1:1');\n          break;\n      }\n      break;\n    case 'primary-action':\n      if (checked) {\n        if (!primaryButtonElement.parentElement) {\n          sampleComponent.insertBefore(primaryButtonElement, sampleComponent.firstChild);\n        }\n      } else if (primaryButtonElement.parentElement) {\n        primaryButtonElement.parentElement.removeChild(primaryButtonElement);\n      }\n      break;\n    case 'secondary-actions':\n      if (checked) {\n        if (!actionsElement.parentElement) {\n          sampleComponent.appendChild(actionsElement);\n        }\n      } else if (actionsElement.parentElement) {\n        actionsElement.parentElement.removeChild(actionsElement);\n      }\n      break;\n    case 'close-action':\n      if (checked) {\n        if (!closeActionElement.parentElement) {\n          sampleComponent.insertBefore(closeActionElement, sampleComponent.getElementsByClassName('mdw-card__header')[0]);\n        }\n      } else if (closeActionElement.parentElement) {\n        closeActionElement.parentElement.removeChild(closeActionElement);\n      }\n      break;\n    case 'surface':\n      sampleComponent.setAttribute('mdw-surface', value.replace(/ (light|dark)/, ''));\n      if (value.indexOf(' light') === -1) {\n        sampleComponent.removeAttribute('mdw-light');\n      } else {\n        sampleComponent.setAttribute('mdw-light', '');\n      }\n      if (value.indexOf(' dark') === -1) {\n        sampleComponent.removeAttribute('mdw-dark');\n      } else {\n        sampleComponent.setAttribute('mdw-dark', '');\n      }\n      if (value === 'card') {\n        sampleComponent.classList.remove('mdw-theme');\n      } else {\n        sampleComponent.classList.add('mdw-theme');\n      }\n      break;\n    default:\n  }\n  updateSampleCode();\n}\n\n/** @return {void} */\nfunction setupComponentOptions() {\n  sampleComponent = document.querySelector('.component-sample .mdw-card');\n  /** @type {HTMLElement} */\n  mediaElement = (sampleComponent.getElementsByClassName('mdw-card__media')[0]);\n  /** @type {HTMLElement} */\n  actionsElement = (sampleComponent.getElementsByClassName('mdw-card__actions')[0]);\n  /** @type {HTMLElement} */\n  primaryButtonElement = (sampleComponent.getElementsByClassName('mdw-card__button')[0]);\n  /** @type {HTMLElement} */\n  closeActionElement = (sampleComponent.getElementsByClassName('mdw-card__end')[0]);\n  iterateArrayLike(document.querySelectorAll('input[name]'), (el) => {\n    el.addEventListener('change', onOptionChange);\n  });\n}\n\nsetupComponentOptions();\nsetupPugButton();\nupdateSampleCode();\n","module.exports = __webpack_public_path__ + \"card.html\";"],"sourceRoot":""}

package/docs/chip.html

@@ -1 +0,0 @@
-<!DOCTYPE html><html class="mdw-layout mdw-theme" lang="en"><head><title>Material Design Web</title><meta charset="utf-8"><meta content="IE=edge" http-equiv="X-UA-Compatible"><meta content="Material Design Web - CSS/JS Framework" name="description"><meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"><meta name="theme-color" content="#C2185B"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-capable" content="yes"><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Merriweather:300,400,500"><link rel="stylesheet" href="docs.min.css"><link rel="stylesheet" href="spec.min.css"><link rel="stylesheet" href="theme-default.min.css"><link rel="stylesheet" href="theme-default-fallbacks.min.css" media="screen and (-ms-high-contrast: active), (-ms-high-contrast: none)"><link rel="stylesheet" disabled href="theme-colored.min.css" title="alt"><link rel="stylesheet" disabled href="theme-colored-fallbacks.min.css" media="screen and (-ms-high-contrast: active), (-ms-high-contrast: none)" title="alt"><script src="prerender.common.min.js"></script><script src="prerender.min.js"></script></head><body class="mdw-layout__body mdw-theme" mdw-surface="background" mdw-sidesheet-toggle="dismissible" mdw-sidesheet-style="modal"><div class="mdw-layout__menus"></div><div class="mdw-layout__dialogs"></div><nav class="mdw-layout__navdrawer"><div class="mdw-layout__sheet-content mdw-theme" mdw-surface="background" mdw-border-ink><ul class="mdw-list" role="tree"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" href="index.html" mdw-ink="default"><div class="mdw-list__text">Home</div></a></li><li class="mdw-list__expander mdw-theme" aria-expanded="true"><span class="mdw-list__expander-content mdw-list__subheader"><div class="mdw-list__text mdw-theme" mdw-ink="medium">Core</div><div class="mdw-list__secondary mdw-theme material-icons" mdw-ink="medium">expand_more</div></span><ul class="mdw-list__item-group" role="group"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="color.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">compare</div><div class="mdw-list__text"><div class="mdw-list__text-block">Color</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="overlay.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tonality</div><div class="mdw-list__text"><div class="mdw-list__text-block">Overlay</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="ripple.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">center_focus_strong</div><div class="mdw-list__text"><div class="mdw-list__text-block">Ripple</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="transition.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">open_in_new</div><div class="mdw-list__text"><div class="mdw-list__text-block">Transition</div></div></a></li></ul></li><li class="mdw-list__expander mdw-theme" aria-expanded="true"><span class="mdw-list__expander-content mdw-list__subheader"><div class="mdw-list__text mdw-theme" mdw-ink="medium">Components</div><div class="mdw-list__secondary mdw-theme material-icons" mdw-ink="medium">expand_more</div></span><ul class="mdw-list__item-group" role="group"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="appbar.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">web_asset</div><div class="mdw-list__text"><div class="mdw-list__text-block">App Bar</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="bottomnav.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">call_to_action</div><div class="mdw-list__text"><div class="mdw-list__text-block">Bottom Navigation</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="button.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">crop_landscape</div><div class="mdw-list__text"><div class="mdw-list__text-block">Button</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="card.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">crop_square</div><div class="mdw-list__text"><div class="mdw-list__text-block">Card</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-current="page" aria-selected="true" href="chip.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">check_circle</div><div class="mdw-list__text"><div class="mdw-list__text-block">Chip</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="datatable.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">format_align_justify</div><div class="mdw-list__text"><div class="mdw-list__text-block">Data Table</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="dialog.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">select_all</div><div class="mdw-list__text"><div class="mdw-list__text-block">Dialog</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="elevation.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">layers</div><div class="mdw-list__text"><div class="mdw-list__text-block">Elevation</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="fab.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">add_circle</div><div class="mdw-list__text"><div class="mdw-list__text-block">Floating Action Button</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="grid.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_compact</div><div class="mdw-list__text"><div class="mdw-list__text-block">Grid</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="layout.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_quilt</div><div class="mdw-list__text"><div class="mdw-list__text-block">Layout</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="list.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_list</div><div class="mdw-list__text"><div class="mdw-list__text-block">List</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="menu.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">picture_in_picture</div><div class="mdw-list__text"><div class="mdw-list__text-block">Menu</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="progress.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">timelapse</div><div class="mdw-list__text"><div class="mdw-list__text-block">Progress</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="search.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">search</div><div class="mdw-list__text"><div class="mdw-list__text-block">Search</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="selection.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">toggle_on</div><div class="mdw-list__text"><div class="mdw-list__text-block">Selection</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="slider.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tune</div><div class="mdw-list__text"><div class="mdw-list__text-block">Slider</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="snackbar.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">video_label</div><div class="mdw-list__text"><div class="mdw-list__text-block">Snackbar</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="tab.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tab</div><div class="mdw-list__text"><div class="mdw-list__text-block">Tab</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="textfield.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">text_fields</div><div class="mdw-list__text"><div class="mdw-list__text-block">Text Field</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="tooltip.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">info</div><div class="mdw-list__text"><div class="mdw-list__text-block">Tooltip</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="type.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">font_download</div><div class="mdw-list__text"><div class="mdw-list__text-block">Typography</div></div></a></li></ul></li></ul></div></nav><div class="mdw-layout__scrim"></div><div class="mdw-layout__appbar mdw-appbar mdw-theme" mdw-autohide="mobile tablet" mdw-surface="secondary 500" mdw-dark><div class="mdw-layout__appbar-shape"></div><div class="mdw-appbar__action"><div class="mdw-appbar__start"><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons mdw-layout__navdrawer-toggle" mdw-icon="" tabindex="0" href="#docs-navdrawer">menu</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="start">Menu</div></div></div><div class="mdw-appbar__title">chip</div><div class="mdw-appbar__end" id="docs-menu-buttons"><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="altThemeButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">palette</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Alt Theme</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="darkModeButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">brightness_3</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Dark Mode</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="rtlButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">format_align_right</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Right-to-Left</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="largeFontButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">format_size</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">200% Text</div></div></div></div></div><div class="mdw-layout__fab"></div><div class="mdw-layout__snackbar"></div><div class="mdw-layout__content"><div class="mdw-layout__content-page"><div class="mdw-grid docs-chip" mdw-margin-top mdw-margin-bottom mdw-stretch><div class="mdw-grid__item" mdw-colspan="100%"><h5 class="mdw-type" mdw-baseline-next="36">Chips are compact elements that represent an input, attribute, or action.</h5><p class="mdw-type">Chips allow users to enter information, make selections, filter content, or trigger actions. Chips should appear dynamically as a group of multiple interactive elements. Unlike buttons, which should be a consistent and familiar call to action, one that a user expects to appear as the same action in the same general area.</p></div><div class="mdw-grid__item" mdw-colspan="6"><div class="mdw-grid__content component-sample"><div class="component-sample__container"><div><p>Action<div class="mdw-chip" mdw-type="action"><div class="mdw-chip__item"><div class="mdw-chip__input"></div><div class="mdw-chip__text">Send Message</div></div><div class="mdw-chip__item"><div class="mdw-chip__input"></div><div class="mdw-chip__text">Call</div></div></div></p><p>Input</p><div class="mdw-chip" mdw-type="input"><div class="mdw-chip__item"><div class="mdw-chip__input"></div><div class="mdw-chip__text">Portland</div><div class="mdw-chip__thumbnail material-icons">place</div><div class="mdw-chip__remove material-icons">cancel</div></div><div class="mdw-chip__item"><div class="mdw-chip__input"></div><div class="mdw-chip__text">Biking</div><div class="mdw-chip__thumbnail material-icons">directions_bike</div><div class="mdw-chip__remove material-icons">cancel</div></div></div><p>Choice</p><form class="mdw-chip mdw-theme" mdw-type="choice" mdw-ink="secondary"><label class="mdw-chip__item"><input class="mdw-chip__input" type="radio" name="sample" value="a"><div class="mdw-chip__text">Apple</div></label><label class="mdw-chip__item"><input class="mdw-chip__input" type="radio" name="sample" value="b"><div class="mdw-chip__text">Banana</div></label><label class="mdw-chip__item"><input class="mdw-chip__input" type="radio" name="sample" value="c"><div class="mdw-chip__text">Cranberry</div></label><label class="mdw-chip__item"><input class="mdw-chip__input" type="radio" name="sample" value="d"><div class="mdw-chip__text">Dragon Fruit</div></label></form><p>Filter</p><div><div class="mdw-chip" mdw-type="filter"><label class="mdw-chip__item"><input class="mdw-chip__input" type="checkbox"><div class="mdw-chip__text">Elevator</div><div class="mdw-chip__checkmark material-icons">check</div></label><label class="mdw-chip__item"><input class="mdw-chip__input" type="checkbox"><div class="mdw-chip__text">Washer/Dryer</div><div class="mdw-chip__checkmark material-icons">check</div></label><label class="mdw-chip__item"><input class="mdw-chip__input" type="checkbox"><div class="mdw-chip__text">Fireplace</div><div class="mdw-chip__checkmark material-icons">check</div></label><label class="mdw-chip__item"><input class="mdw-chip__input" type="checkbox"><div class="mdw-chip__text">Wheelchair access</div><div class="mdw-chip__checkmark material-icons">check</div></label><label class="mdw-chip__item"><input class="mdw-chip__input" type="checkbox"><div class="mdw-chip__text">Dogs ok</div><div class="mdw-chip__checkmark material-icons">check</div></label><label class="mdw-chip__item"><input class="mdw-chip__input" type="checkbox"><div class="mdw-chip__text">Cats ok</div><div class="mdw-chip__checkmark material-icons">check</div></label></div></div></div></div></div></div><div class="mdw-grid__item demo-options" mdw-colspan="4"><div class="mdw-type" mdw-style="subtitle">Javascript</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" disabled="" aria-disabled="true" name="javascript" value="required"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Required</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" checked="" name="javascript" value="optional"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Optional</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="javascript" value="none"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">None</div></label></div><div class="mdw-type" mdw-style="subtitle">Options</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="checkbox" name="outlined"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Outlined</div></label></div></div><div class="mdw-grid__item" mdw-colspan="100%" style="max-height:0"></div><div class="mdw-grid__item" mdw-colspan="6"><h6 class="mdw-type">HTML Code</h6><div class="mdw-card mdw-theme component-code component-html" mdw-surface="card" mdw-border-ink></div></div><div class="mdw-grid__item" mdw-colspan="100%"><h6 class="mdw-type">Javascript Code</h6><div class="mdw-card mdw-theme component-code component-js" mdw-surface="card" mdw-border-ink></div></div><div class="mdw-grid__item" mdw-colspan="100%"><h6 class="mdw-type">Samples</h6></div></div><script src="chip.min.js"></script></div></div></body><script src="default.common.min.js"></script></html>

package/docs/chip.min.js

@@ -1,2 +0,0 @@
-!function(e){function t(t){for(var r,u,a=t[0],i=t[1],l=t[2],p=0,m=[];p<a.length;p++)u=a[p],o[u]&&m.push(o[u][0]),o[u]=0;for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r]);for(s&&s(t);m.length;)m.shift()();return c.push.apply(c,l||[]),n()}function n(){for(var e,t=0;t<c.length;t++){for(var n=c[t],r=!0,a=1;a<n.length;a++){var i=n[a];0!==o[i]&&(r=!1)}r&&(c.splice(t--,1),e=u(u.s=n[0]))}return e}var r={},o={6:0},c=[];function u(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,u),n.l=!0,n.exports}u.m=e,u.c=r,u.d=function(e,t,n){u.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},u.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},u.t=function(e,t){if(1&t&&(e=u(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(u.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)u.d(n,r,function(t){return e[t]}.bind(null,r));return n},u.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return u.d(t,"a",t),t},u.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},u.p="";var a=window.webpackJsonp=window.webpackJsonp||[],i=a.push.bind(a);a.push=t,a=a.slice();for(var l=0;l<a.length;l++)t(a[l]);var s=i;c.push([52,1,0]),n()}({111:function(e,t,n){"use strict";n.r(t);var r=n(0),o=n(1);function c(e){e.classList.add("mdw-ripple"),o.a(e)}function u(e){o.b(e)}function a(e){Object(r.h)(e.getElementsByClassName("mdw-chip__item"),c)}function i(e){Object(r.h)(e.getElementsByClassName("mdw-chip__item"),u)}var l,s=n(6);function p(){var e=document.querySelector('input[name="javascript"][value="required"]').checked,t=document.querySelector('input[name="javascript"][value="optional"]').checked,n=e||t;Object(r.h)(l,i);var o=document.getElementsByClassName("component-html")[0],c=document.querySelector(".component-sample__container").firstElementChild;o.textContent=Object(s.a)(c),n&&Object(r.h)(l,a),document.getElementsByClassName("component-js")[0].textContent="mdw.Chip.attach(chipElement);"}function m(e){var t=e.currentTarget,n=t.name,o=t.value,c=t.checked;switch(n){case"framework":o;break;case"outlined":Object(r.h)(l,function(e){c?e.setAttribute("mdw-outlined",""):e.removeAttribute("mdw-outlined")})}p()}Object(r.h)(document.querySelectorAll(".js .mdw-tab"),a),Object(r.h)(document.getElementsByTagName("form"),function(e){e.reset()}),l=document.querySelectorAll(".component-sample .mdw-chip"),Object(r.h)(document.querySelectorAll(".demo-options input[name]"),function(e){e.addEventListener("change",m)}),p()},52:function(e,t,n){n(111),e.exports=n(53)},53:function(e,t,n){e.exports=n.p+"chip.html"}});
-//# sourceMappingURL=chip.min.js.map

package/docs/chip.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///../components/chip/item.js","webpack:///../components/chip/index.js","webpack:///./components/chip.js","webpack:///./components/chip.pug"],"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","6","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","attach","element","classList","add","Ripple","detach","iterateArrayLike","getElementsByClassName","ChipItem","sampleComponents","updateSampleCode","jsRequired","document","querySelector","checked","jsOptional","useJS","Chip","htmlCodeElement","sampleContainer","firstElementChild","textContent","convertElementToCode","onOptionChange","event","inputElement","currentTarget","el","setAttribute","removeAttribute","querySelectorAll","getElementsByTagName","formElement","reset","addEventListener"],"mappings":"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","file":"chip.min.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\t6: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([52,1,0]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","// https://www.w3.org/TR/wai-aria-practices/#Listbox\n\nimport * as Ripple from '../../core/ripple/index';\n\n/**\n * @param {Element} element\n * @return {void}\n */\nexport function attach(element) {\n  element.classList.add('mdw-ripple');\n  Ripple.attach(element);\n\n  attachCore(element);\n}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nexport function attachCore(element) {}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nexport function detachCore(element) {}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nexport function detach(element) {\n  detachCore(element);\n  Ripple.detach(element);\n}\n","// https://www.w3.org/TR/wai-aria-practices/#Listbox\n\nimport { iterateArrayLike } from '../../core/dom';\nimport * as ChipItem from './item';\n\n/**\n * @param {Element} element\n * @return {void}\n */\nexport function attach(element) {\n  iterateArrayLike(element.getElementsByClassName('mdw-chip__item'), ChipItem.attach);\n}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nexport function detach(element) {\n  iterateArrayLike(element.getElementsByClassName('mdw-chip__item'), ChipItem.detach);\n}\n","\nimport * as Chip from '../../components/chip/index';\nimport { iterateArrayLike } from '../../core/dom';\nimport { convertElementToCode } from '../_sample-utils';\n\n/** @type {ArrayLike<HTMLElement>} */\nlet sampleComponents;\n\n\n/** @return {void} */\nfunction updateSampleCode() {\n  const jsRequired = document.querySelector('input[name=\"javascript\"][value=\"required\"]').checked;\n  const jsOptional = document.querySelector('input[name=\"javascript\"][value=\"optional\"]').checked;\n  const useJS = jsRequired || jsOptional;\n\n  // Strip JS related elements and attributes\n  iterateArrayLike(sampleComponents, Chip.detach);\n\n\n  const htmlCodeElement = document.getElementsByClassName('component-html')[0];\n  const sampleContainer = document.querySelector('.component-sample__container').firstElementChild;\n  htmlCodeElement.textContent = convertElementToCode(sampleContainer);\n\n  // Reattach JS if requested\n  if (useJS) {\n    iterateArrayLike(sampleComponents, Chip.attach);\n  }\n\n  const jsCodeElement = document.getElementsByClassName('component-js')[0];\n  jsCodeElement.textContent = 'mdw.Chip.attach(chipElement);';\n}\n\n/** @return {void} */\nfunction initializeSampleComponents() {\n  iterateArrayLike(document.querySelectorAll('.js .mdw-tab'), Chip.attach);\n  iterateArrayLike(document.getElementsByTagName('form'), (formElement) => {\n    formElement.reset();\n  });\n}\n\n/**\n * @param {Event} event\n * @return {void}\n */\nfunction onOptionChange(event) {\n  /** @type {HTMLInputElement} */\n  const inputElement = (event.currentTarget);\n  const { name, value, checked } = inputElement;\n\n  switch (name) {\n    case 'framework':\n      switch (value) {\n        case 'javascript':\n          break;\n        case 'css':\n          break;\n        default:\n      }\n      break;\n    case 'outlined': {\n      iterateArrayLike(sampleComponents, (el) => {\n        if (checked) {\n          el.setAttribute('mdw-outlined', '');\n        } else {\n          el.removeAttribute('mdw-outlined');\n        }\n      });\n      break;\n    }\n    default:\n  }\n  updateSampleCode();\n}\n\n/** @return {void} */\nfunction setupComponentOptions() {\n  sampleComponents = document.querySelectorAll('.component-sample .mdw-chip');\n  iterateArrayLike(document.querySelectorAll('.demo-options input[name]'), (el) => {\n    el.addEventListener('change', onOptionChange);\n  });\n}\n\ninitializeSampleComponents();\nsetupComponentOptions();\nupdateSampleCode();\n","module.exports = __webpack_public_path__ + \"chip.html\";"],"sourceRoot":""}

package/docs/color.html

@@ -1 +0,0 @@
-<!DOCTYPE html><html class="mdw-layout mdw-theme" lang="en"><head><title>Material Design Web</title><meta charset="utf-8"><meta content="IE=edge" http-equiv="X-UA-Compatible"><meta content="Material Design Web - CSS/JS Framework" name="description"><meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"><meta name="theme-color" content="#C2185B"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-capable" content="yes"><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Merriweather:300,400,500"><link rel="stylesheet" href="docs.min.css"><link rel="stylesheet" href="spec.min.css"><link rel="stylesheet" href="theme-default.min.css"><link rel="stylesheet" href="theme-default-fallbacks.min.css" media="screen and (-ms-high-contrast: active), (-ms-high-contrast: none)"><link rel="stylesheet" disabled href="theme-colored.min.css" title="alt"><link rel="stylesheet" disabled href="theme-colored-fallbacks.min.css" media="screen and (-ms-high-contrast: active), (-ms-high-contrast: none)" title="alt"><script src="prerender.common.min.js"></script><script src="prerender.min.js"></script></head><body class="mdw-layout__body mdw-theme" mdw-surface="background" mdw-sidesheet-toggle="dismissible" mdw-sidesheet-style="modal"><div class="mdw-layout__menus"></div><div class="mdw-layout__dialogs"></div><nav class="mdw-layout__navdrawer"><div class="mdw-layout__sheet-content mdw-theme" mdw-surface="background" mdw-border-ink><ul class="mdw-list" role="tree"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" href="index.html" mdw-ink="default"><div class="mdw-list__text">Home</div></a></li><li class="mdw-list__expander mdw-theme" aria-expanded="true"><span class="mdw-list__expander-content mdw-list__subheader"><div class="mdw-list__text mdw-theme" mdw-ink="medium">Core</div><div class="mdw-list__secondary mdw-theme material-icons" mdw-ink="medium">expand_more</div></span><ul class="mdw-list__item-group" role="group"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-current="page" aria-selected="true" href="color.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">compare</div><div class="mdw-list__text"><div class="mdw-list__text-block">Color</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="overlay.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tonality</div><div class="mdw-list__text"><div class="mdw-list__text-block">Overlay</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="ripple.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">center_focus_strong</div><div class="mdw-list__text"><div class="mdw-list__text-block">Ripple</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="transition.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">open_in_new</div><div class="mdw-list__text"><div class="mdw-list__text-block">Transition</div></div></a></li></ul></li><li class="mdw-list__expander mdw-theme" aria-expanded="true"><span class="mdw-list__expander-content mdw-list__subheader"><div class="mdw-list__text mdw-theme" mdw-ink="medium">Components</div><div class="mdw-list__secondary mdw-theme material-icons" mdw-ink="medium">expand_more</div></span><ul class="mdw-list__item-group" role="group"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="appbar.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">web_asset</div><div class="mdw-list__text"><div class="mdw-list__text-block">App Bar</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="bottomnav.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">call_to_action</div><div class="mdw-list__text"><div class="mdw-list__text-block">Bottom Navigation</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="button.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">crop_landscape</div><div class="mdw-list__text"><div class="mdw-list__text-block">Button</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="card.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">crop_square</div><div class="mdw-list__text"><div class="mdw-list__text-block">Card</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="chip.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">check_circle</div><div class="mdw-list__text"><div class="mdw-list__text-block">Chip</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="datatable.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">format_align_justify</div><div class="mdw-list__text"><div class="mdw-list__text-block">Data Table</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="dialog.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">select_all</div><div class="mdw-list__text"><div class="mdw-list__text-block">Dialog</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="elevation.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">layers</div><div class="mdw-list__text"><div class="mdw-list__text-block">Elevation</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="fab.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">add_circle</div><div class="mdw-list__text"><div class="mdw-list__text-block">Floating Action Button</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="grid.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_compact</div><div class="mdw-list__text"><div class="mdw-list__text-block">Grid</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="layout.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_quilt</div><div class="mdw-list__text"><div class="mdw-list__text-block">Layout</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="list.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_list</div><div class="mdw-list__text"><div class="mdw-list__text-block">List</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="menu.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">picture_in_picture</div><div class="mdw-list__text"><div class="mdw-list__text-block">Menu</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="progress.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">timelapse</div><div class="mdw-list__text"><div class="mdw-list__text-block">Progress</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="search.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">search</div><div class="mdw-list__text"><div class="mdw-list__text-block">Search</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="selection.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">toggle_on</div><div class="mdw-list__text"><div class="mdw-list__text-block">Selection</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="slider.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tune</div><div class="mdw-list__text"><div class="mdw-list__text-block">Slider</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="snackbar.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">video_label</div><div class="mdw-list__text"><div class="mdw-list__text-block">Snackbar</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="tab.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tab</div><div class="mdw-list__text"><div class="mdw-list__text-block">Tab</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="textfield.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">text_fields</div><div class="mdw-list__text"><div class="mdw-list__text-block">Text Field</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="tooltip.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">info</div><div class="mdw-list__text"><div class="mdw-list__text-block">Tooltip</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="type.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">font_download</div><div class="mdw-list__text"><div class="mdw-list__text-block">Typography</div></div></a></li></ul></li></ul></div></nav><div class="mdw-layout__scrim"></div><div class="mdw-layout__appbar mdw-appbar mdw-theme" mdw-autohide="mobile tablet" mdw-surface="secondary 500" mdw-dark><div class="mdw-layout__appbar-shape"></div><div class="mdw-appbar__action"><div class="mdw-appbar__start"><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons mdw-layout__navdrawer-toggle" mdw-icon="" tabindex="0" href="#docs-navdrawer">menu</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="start">Menu</div></div></div><div class="mdw-appbar__title">color</div><div class="mdw-appbar__end" id="docs-menu-buttons"><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="altThemeButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">palette</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Alt Theme</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="darkModeButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">brightness_3</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Dark Mode</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="rtlButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">format_align_right</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Right-to-Left</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="largeFontButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">format_size</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">200% Text</div></div></div></div></div><div class="mdw-layout__fab"></div><div class="mdw-layout__snackbar"></div><div class="mdw-layout__content"><div class="mdw-layout__content-page"><div class="mdw-grid" mdw-margin-top mdw-margin-bottom><div class="mdw-grid__item" mdw-colspan="50%"><div class="mdw-grid__content"><div class="mdw-grid" mdw-columns="1" mdw-margin="0"><div class="mdw-grid__item"><div class="mdw-grid__content"><h3 class="mdw-type">Ink</h3></div></div><div class="mdw-grid__item"><div class="mdw-grid__content"><h6 class="mdw-type">Standard</h6><div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="default" mdw-surface="binary">Default</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="black" mdw-surface="white">Black</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="white" mdw-surface="black">White</div></div></div></div><div class="mdw-grid__item"><div class="mdw-grid__content"><h6 class="mdw-type">Opacity</h6><div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="high" mdw-surface="binary">High</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="medium" mdw-surface="binary">Medium</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="inactive" mdw-surface="binary">Inactive</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="divider" mdw-surface="binary">Divider</div></div></div></div><div class="mdw-grid__item" mdw-colspan="100%"><div class="mdw-grid__content"><h6 class="mdw-type">Primary</h6><div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary" mdw-surface="binary">Default</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary light" mdw-surface="binary">Light</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary contrast" mdw-surface="binary">Contrast</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary A100" mdw-surface="binary">A100</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary A200" mdw-surface="binary">A200</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary A400" mdw-surface="binary">A400</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary A700" mdw-surface="binary">A700</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary 50" mdw-surface="binary">50</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary 100" mdw-surface="binary">100</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary 200" mdw-surface="binary">200</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary 300" mdw-surface="binary">300</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary 400" mdw-surface="binary">400</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary 500" mdw-surface="binary">500</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary 600" mdw-surface="binary">600</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary 700" mdw-surface="binary">700</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary 800" mdw-surface="binary">800</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="primary 900" mdw-surface="binary">900</div></div></div></div><div class="mdw-grid__item" mdw-colspan="100%"><div class="mdw-grid__content"><h6 class="mdw-type">Secondary</h6><div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary" mdw-surface="binary">Default</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary light" mdw-surface="binary">Light</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary contrast" mdw-surface="binary">Contrast</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary A100" mdw-surface="binary">A100</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary A200" mdw-surface="binary">A200</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary A400" mdw-surface="binary">A400</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary A700" mdw-surface="binary">A700</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary 50" mdw-surface="binary">50</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary 100" mdw-surface="binary">100</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary 200" mdw-surface="binary">200</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary 300" mdw-surface="binary">300</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary 400" mdw-surface="binary">400</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary 500" mdw-surface="binary">500</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary 600" mdw-surface="binary">600</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary 700" mdw-surface="binary">700</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary 800" mdw-surface="binary">800</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="secondary 900" mdw-surface="binary">900</div></div></div></div><div class="mdw-grid__item"><div class="mdw-grid__content"><h6 class="mdw-type">Warn</h6><div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn" mdw-surface="binary">Default</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn light" mdw-surface="binary">Light</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn contrast" mdw-surface="binary">Contrast</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn A100" mdw-surface="binary">A100</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn A200" mdw-surface="binary">A200</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn A400" mdw-surface="binary">A400</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn A700" mdw-surface="binary">A700</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn 50" mdw-surface="binary">50</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn 100" mdw-surface="binary">100</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn 200" mdw-surface="binary">200</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn 300" mdw-surface="binary">300</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn 400" mdw-surface="binary">400</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn 500" mdw-surface="binary">500</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn 600" mdw-surface="binary">600</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn 700" mdw-surface="binary">700</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn 800" mdw-surface="binary">800</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-ink="warn 900" mdw-surface="binary">900</div></div></div></div></div></div></div><div class="mdw-grid__item" mdw-colspan="50%"><div class="mdw-grid__content"><div class="mdw-grid" mdw-columns="1" mdw-margin="0"><div class="mdw-grid__item"><div class="mdw-grid__content"><h3 class="mdw-type">Surface</h3></div></div><div class="mdw-grid__item"><div class="mdw-grid__content"><h6 class="mdw-type">Standard</h6><div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="card">Card</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="binary">Binary</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="black" mdw-dark>Black</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="white" mdw-light>White</div></div></div></div><div class="mdw-grid__item"><div class="mdw-grid__content"><h6 class="mdw-type">Background</h6><div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="background">Default</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="background alt">Alternate</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="background 50" mdw-light>50</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="background 100" mdw-light>100</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="background 200" mdw-light>200</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="background 300" mdw-light>300</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="background 400" mdw-light>400</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="background 500" mdw-dark>500</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="background 600" mdw-dark>600</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="background 700" mdw-dark>700</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="background 800" mdw-dark>800</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="background 900" mdw-dark>900</div></div></div></div><div class="mdw-grid__item"><div class="mdw-grid__content"><h6 class="mdw-type">Primary</h6><div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="primary">Default</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="primary alt">Alternate</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="primary 50" mdw-light>50</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="primary 100" mdw-light>100</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="primary 200" mdw-light>200</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="primary 300" mdw-light>300</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="primary 400" mdw-light>400</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="primary 500" mdw-dark>500</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="primary 600" mdw-dark>600</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="primary 700" mdw-dark>700</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="primary 800" mdw-dark>800</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="primary 900" mdw-dark>900</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="primary A100" mdw-light>A100</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="primary A200" mdw-light>A200</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="primary A400" mdw-light>A400</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="primary A700" mdw-dark>A700</div></div></div></div><div class="mdw-grid__item"><div class="mdw-grid__content"><h6 class="mdw-type">Secondary</h6><div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="secondary">Default</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="secondary alt">Alternate</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="secondary 50" mdw-light>50</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="secondary 100" mdw-light>100</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="secondary 200" mdw-light>200</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="secondary 300" mdw-light>300</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="secondary 400" mdw-light>400</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="secondary 500" mdw-dark>500</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="secondary 600" mdw-dark>600</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="secondary 700" mdw-dark>700</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="secondary 800" mdw-dark>800</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="secondary 900" mdw-dark>900</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="secondary A100" mdw-light>A100</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="secondary A200" mdw-light>A200</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="secondary A400" mdw-light>A400</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="secondary A700" mdw-dark>A700</div></div></div></div><div class="mdw-grid__item"><div class="mdw-grid__content"><h6 class="mdw-type">Warn</h6><div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="warn">Default</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="warn alt">Alternate</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="warn 50" mdw-light>50</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="warn 100" mdw-light>100</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="warn 200" mdw-light>200</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="warn 300" mdw-light>300</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="warn 400" mdw-light>400</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="warn 500" mdw-dark>500</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="warn 600" mdw-dark>600</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="warn 700" mdw-dark>700</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="warn 800" mdw-dark>800</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="warn 900" mdw-dark>900</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="warn A100" mdw-light>A100</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="warn A200" mdw-light>A200</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="warn A400" mdw-light>A400</div><div class="demo-core-item mdw-elevation mdw-overlay mdw-ripple mdw-theme" mdw-elevation="1" mdw-surface="warn A700" mdw-dark>A700</div></div></div></div></div></div></div></div><div class="mdw-grid mdw-elevation mdw-theme" mdw-elevation="8" mdw-margin-bottom mdw-stretch mdw-surface="card" style="position:-webkit-sticky;position:sticky;bottom:0;z-index:1"><div class="mdw-grid__item" mdw-colspan="100%"><div class="mdw-grid__content"><div class="display-flex flex-wrap mdw-overlay__group" aria-multiselectable="true"><a class="demo-core-item mdw-overlay mdw-elevation mdw-ripple mdw-theme" id="sample-button" tabindex="0" mdw-elevation="1" mdw-surface="binary" mdw-ink="secondary contrast">Enabled</a><a class="demo-core-item mdw-overlay mdw-elevation mdw-ripple mdw-theme" id="sample-button__selected" tabindex="0" mdw-elevation="1" mdw-surface="binary" mdw-ink="secondary contrast" aria-selected="true">Selected</a><a class="demo-core-item mdw-overlay mdw-elevation mdw-ripple mdw-theme" id="sample-button__activated" tabindex="0" mdw-elevation="1" mdw-surface="binary" mdw-ink="secondary contrast" aria-pressed="true">Activated</a><div style="margin:8px"><p class="mdw-type">Surface:<span class="mdw-theme" id="sample-surface" mdw-ink="medium">  test</span></p><p class="mdw-type">Ink:<span class="mdw-theme" id="sample-ink" mdw-ink="medium">  test</span></p></div><div style="margin:8px"><p class="mdw-type">Text Contrast:<span class="mdw-theme" id="sample-contrast__text" mdw-ink="medium">  test</span><span> / 4.5</span></p><p class="mdw-type">Selected Contrast:<span class="mdw-theme" id="sample-contrast__selected" mdw-ink="medium">  test</span><span> / 4.5</span></p><p class="mdw-type">Activated Contrast:<span class="mdw-theme" id="sample-contrast__activated" mdw-ink="medium">  test</span><span> / 4.5</span></p></div></div></div></div></div><script src="color.min.js"></script></div></div></body><script src="default.common.min.js"></script></html>

package/docs/color.min.js

@@ -1,2 +0,0 @@
-!function(t){function e(e){for(var r,a,u=e[0],i=e[1],l=e[2],m=0,s=[];m<u.length;m++)a=u[m],o[a]&&s.push(o[a][0]),o[a]=0;for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r]);for(d&&d(e);s.length;)s.shift()();return c.push.apply(c,l||[]),n()}function n(){for(var t,e=0;e<c.length;e++){for(var n=c[e],r=!0,u=1;u<n.length;u++){var i=n[u];0!==o[i]&&(r=!1)}r&&(c.splice(e--,1),t=a(a.s=n[0]))}return t}var r={},o={7:0},c=[];function a(e){if(r[e])return r[e].exports;var n=r[e]={i:e,l:!1,exports:{}};return t[e].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.m=t,a.c=r,a.d=function(t,e,n){a.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},a.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},a.t=function(t,e){if(1&e&&(t=a(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)a.d(n,r,function(e){return t[e]}.bind(null,r));return n},a.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return a.d(e,"a",e),e},a.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},a.p="";var u=window.webpackJsonp=window.webpackJsonp||[],i=u.push.bind(u);u.push=e,u=u.slice();for(var l=0;l<u.length;l++)e(u[l]);var d=i;c.push([30,0]),n()}({30:function(t,e,n){n(31),t.exports=n(32)},31:function(t,e,n){"use strict";n.r(e);var r=n(4),o=n(1),c=n(0);Object(c.h)(document.getElementsByClassName("mdw-overlay"),r.a),Object(c.h)(document.getElementsByClassName("mdw-ripple"),o.a);var a=document.getElementById("sample-surface"),u=document.getElementById("sample-ink"),i=document.getElementById("sample-button"),l=document.getElementById("sample-button__selected"),d=document.getElementById("sample-button__activated"),m=document.getElementById("sample-contrast__text"),s=document.getElementById("sample-contrast__selected"),f=document.getElementById("sample-contrast__activated");function p(t){return"rgba(".concat(t.r,",").concat(t.g,",").concat(t.b,",").concat(t.a,")")}function b(t){return"transparent"===t?{r:0,g:0,b:0,a:0}:t.match(/\(([^)]+)\)/)[1].split(",").map(function(t){return null==t?1:parseFloat(t)}).reduce(function(t,e,n){if(n>3)throw new Error("Unexpected 5th value");return{r:0===n?e:t.r,g:1===n?e:t.g,b:2===n?e:t.b,a:3===n?e:t.a}},{r:255,g:255,b:255,a:1})}function g(t,e){return{r:(1-e.a)*t.r+e.a*e.r,g:(1-e.a)*t.g+e.a*e.g,b:(1-e.a)*t.b+e.a*e.b,a:1}}function y(t){return.2126*(t.r<=10.0164?t.r/255/12.92:Math.pow((t.r/255+.055)/1.055,2.4))+.7152*(t.g<=10.0164?t.g/255/12.92:Math.pow((t.g/255+.055)/1.055,2.4))+.0722*(t.b<=10.0164?t.b/255/12.92:Math.pow((t.b/255+.055)/1.055,2.4))}function v(t,e){var n=y(t),r=y(e);return 0===n&&0===r?0:(Math.max(n,r)+.05)/(Math.min(n,r)+.05)}function w(){Object(c.k)(function(){var t=window.getComputedStyle(i),e=b(t.backgroundColor),n=b(t.color);a.textContent=" ".concat(p(e)),u.textContent=" ".concat(p(n));var r=g(e,n);m.textContent=" ".concat(v(e,r).toFixed(2));var o=.08,c=.12,d=n;document.documentElement.hasAttribute("mdw-dark")&&(o=.12,c=.24,d=n);var y=g(e,b(window.getComputedStyle(l).color)),w=b("rgba(".concat(d.r,",").concat(d.g,",").concat(d.b,",").concat(o,")")),h=g(e,w),x=g(y,w);s.textContent=" ".concat(v(h,x).toFixed(2));var E=b("rgba(".concat(d.r,",").concat(d.g,",").concat(d.b,",").concat(c,")")),_=g(e,E),B=g(r,E);f.textContent=" ".concat(v(_,B).toFixed(2))})}function h(t){var e,n=t.currentTarget;n.id||(null==n.getAttribute("mdw-ink")?(e=n.getAttribute("mdw-surface"),i.setAttribute("mdw-surface",e),l.setAttribute("mdw-surface",e),d.setAttribute("mdw-surface",e)):function(t){i.setAttribute("mdw-ink",t),l.setAttribute("mdw-ink",t),d.setAttribute("mdw-ink",t)}(n.getAttribute("mdw-ink")),w())}Object(c.h)(document.getElementsByClassName("demo-core-item"),function(t){return t.addEventListener("click",h)}),[document.getElementById("darkModeButton"),document.getElementById("altThemeButton")].forEach(function(t){return t.addEventListener("click",w)}),w()},32:function(t,e,n){t.exports=n.p+"color.html"}});
-//# sourceMappingURL=color.min.js.map

package/docs/color.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./core/color.js","webpack:///./core/color.pug"],"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","7","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","__webpack_exports__","_core_overlay_index__WEBPACK_IMPORTED_MODULE_0__","_core_ripple_index__WEBPACK_IMPORTED_MODULE_1__","_core_dom__WEBPACK_IMPORTED_MODULE_2__","iterateArrayLike","document","getElementsByClassName","Overlay","Ripple","sampleSurface","getElementById","sampleInk","sampleButton","sampleButtonSelected","sampleButtonActivated","sampleContrastText","sampleContrastSelected","sampleContrastActivated","colorToString","color","concat","g","b","a","parseColor","colorString","match","split","map","parseFloat","reduce","prev","curr","index","Error","overlayColor","overlay","getLuminance","Math","pow","getContrastRatio","lumA","lumB","max","min","calculateContrast","nextTick","style","getComputedStyle","surfaceColor","backgroundColor","inkColor","textContent","flattenedInk","toFixed","selectedOpacity","activatedOpacity","overlayInkColor","documentElement","hasAttribute","selectedFlattenedInk","selectedOverlay","selectedBackground","selectedColor","activatedOverlay","activatedBackground","activatedColor","onItemClick","event","item","currentTarget","id","getAttribute","setAttribute","updateInks","addEventListener","forEach","button"],"mappings":"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","file":"color.min.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\t7: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([30,0]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","import * as Overlay from '../../core/overlay/index';\nimport * as Ripple from '../../core/ripple/index';\nimport { iterateArrayLike, nextTick } from '../../core/dom';\n\niterateArrayLike(document.getElementsByClassName('mdw-overlay'), Overlay.attach);\niterateArrayLike(document.getElementsByClassName('mdw-ripple'), Ripple.attach);\n\nconst sampleSurface = document.getElementById('sample-surface');\nconst sampleInk = document.getElementById('sample-ink');\n\nconst sampleButton = document.getElementById('sample-button');\nconst sampleButtonSelected = document.getElementById('sample-button__selected');\nconst sampleButtonActivated = document.getElementById('sample-button__activated');\n\nconst sampleContrastText = document.getElementById('sample-contrast__text');\nconst sampleContrastSelected = document.getElementById('sample-contrast__selected');\nconst sampleContrastActivated = document.getElementById('sample-contrast__activated');\n\n\n/** @typedef {{r:number,g:number,b:number,a:number}} Color */\n\n/**\n * @param {Color} color\n * @return {string}\n */\nfunction colorToString(color) {\n  return `rgba(${color.r},${color.g},${color.b},${color.a})`;\n}\n\n/**\n * @param {string} colorString\n * @return {Color}\n */\nfunction parseColor(colorString) {\n  if (colorString === 'transparent') {\n    return {\n      r: 0, g: 0, b: 0, a: 0,\n    };\n  }\n  return colorString\n    .match(/\\(([^)]+)\\)/)[1]\n    .split(',')\n    .map(value => (value == null ? 1.0 : parseFloat(value)))\n    .reduce((prev, curr, index) => {\n      if (index > 3) {\n        throw new Error('Unexpected 5th value');\n      }\n      return {\n        r: index === 0 ? curr : prev.r,\n        g: index === 1 ? curr : prev.g,\n        b: index === 2 ? curr : prev.b,\n        a: index === 3 ? curr : prev.a,\n      };\n    }, {\n      r: 255, g: 255, b: 255, a: 1.0,\n    });\n}\n\n/**\n * @param {Color} color\n * @param {Color} overlay\n * @return {Color}\n */\nfunction overlayColor(color, overlay) {\n  return {\n    r: (1.0 - overlay.a) * color.r + overlay.a * overlay.r,\n    g: (1.0 - overlay.a) * color.g + overlay.a * overlay.g,\n    b: (1.0 - overlay.a) * color.b + overlay.a * overlay.b,\n    a: 1.0,\n  };\n}\n\n/**\n * https://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef\n * @param {Color} color\n * @return {number}\n */\nfunction getLuminance(color) {\n  // L = 0.2126 * R + 0.7152 * G + 0.0722 * B\n  return 0.2126\n    * (color.r <= (0.03928 * 255) ? color.r / 255 / 12.92 : ((color.r / 255 + 0.055) / 1.055) ** 2.4)\n    + 0.7152\n    * (color.g <= (0.03928 * 255) ? color.g / 255 / 12.92 : ((color.g / 255 + 0.055) / 1.055) ** 2.4)\n    + 0.0722\n    * (color.b <= (0.03928 * 255) ? color.b / 255 / 12.92 : ((color.b / 255 + 0.055) / 1.055) ** 2.4);\n}\n\n/**\n * https://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef\n * @param {Color} a\n * @param {Color} b\n * @return {number} X:1 ratio\n */\nfunction getContrastRatio(a, b) {\n  const lumA = getLuminance(a);\n  const lumB = getLuminance(b);\n  if (lumA === 0 && lumB === 0) {\n    return 0;\n  }\n  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);\n}\n\n/**\n * @param {string} name\n * @return {void}\n */\nfunction updateSurfaces(name) {\n  sampleButton.setAttribute('mdw-surface', name);\n  sampleButtonSelected.setAttribute('mdw-surface', name);\n  sampleButtonActivated.setAttribute('mdw-surface', name);\n}\n\n/**\n * @param {string} name\n * @return {void}\n */\nfunction updateInks(name) {\n  sampleButton.setAttribute('mdw-ink', name);\n  sampleButtonSelected.setAttribute('mdw-ink', name);\n  sampleButtonActivated.setAttribute('mdw-ink', name);\n}\n\n/** @return {void} */\nfunction calculateContrast() {\n  nextTick(() => {\n    const style = window.getComputedStyle(sampleButton);\n    const surfaceColor = parseColor(style.backgroundColor);\n    const inkColor = parseColor(style.color);\n    sampleSurface.textContent = ` ${colorToString(surfaceColor)}`;\n    sampleInk.textContent = ` ${colorToString(inkColor)}`;\n    const flattenedInk = overlayColor(surfaceColor, inkColor);\n    sampleContrastText.textContent = ` ${getContrastRatio(surfaceColor, flattenedInk).toFixed(2)}`;\n\n    let selectedOpacity = 0.08;\n    let activatedOpacity = 0.12;\n    let overlayInkColor = inkColor;\n\n    if (document.documentElement.hasAttribute('mdw-dark')) {\n      selectedOpacity = 0.12;\n      activatedOpacity = 0.24;\n      overlayInkColor = inkColor;\n    }\n\n    const selectedInkColor = parseColor(window.getComputedStyle(sampleButtonSelected).color);\n    const selectedFlattenedInk = overlayColor(surfaceColor, selectedInkColor);\n    const selectedOverlay = parseColor(`rgba(${overlayInkColor.r},${overlayInkColor.g},${overlayInkColor.b},${selectedOpacity})`);\n    const selectedBackground = overlayColor(surfaceColor, selectedOverlay);\n    const selectedColor = overlayColor(selectedFlattenedInk, selectedOverlay);\n    sampleContrastSelected.textContent = ` ${getContrastRatio(selectedBackground, selectedColor).toFixed(2)}`;\n\n    const activatedOverlay = parseColor(`rgba(${overlayInkColor.r},${overlayInkColor.g},${overlayInkColor.b},${activatedOpacity})`);\n    const activatedBackground = overlayColor(surfaceColor, activatedOverlay);\n    const activatedColor = overlayColor(flattenedInk, activatedOverlay);\n    sampleContrastActivated.textContent = ` ${getContrastRatio(activatedBackground, activatedColor).toFixed(2)}`;\n  });\n}\n\n/**\n * @param {MouseEvent} event\n * @return {void}\n */\nfunction onItemClick(event) {\n  /** @type {HTMLElement} */\n  const item = (event.currentTarget);\n  if (item.id) {\n    return;\n  }\n  const ink = item.getAttribute('mdw-ink');\n  if (ink == null) {\n    updateSurfaces(item.getAttribute('mdw-surface'));\n  } else {\n    updateInks(item.getAttribute('mdw-ink'));\n  }\n  calculateContrast();\n}\n\niterateArrayLike(\n  document.getElementsByClassName('demo-core-item'),\n  item => item.addEventListener('click', onItemClick)\n);\n\n[\n  document.getElementById('darkModeButton'),\n  document.getElementById('altThemeButton'),\n].forEach(button => button.addEventListener('click', calculateContrast));\n\ncalculateContrast();\n","module.exports = __webpack_public_path__ + \"color.html\";"],"sourceRoot":""}