{"version":3,"sources":["webpack:///./src/utilities/ElevationDemo.vue","webpack:///./src/utilities/ElevationDemo.vue?77f7","webpack:///./src/utilities/ElevationDemo.vue?eef3","webpack:///./src/utilities/ElevationDemo.vue?a822","webpack:///./src/utilities/ElevationDemo.vue?a6ed","webpack:///./src/utilities/ElevationDemo.vue?cd07","webpack:///./src/utilities/ElevationDemo.vue?c341"],"names":["class","_createElementVNode","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_Fragment","_renderList","index","_normalizeClass","key","_toDisplayString"],"mappings":";;;;;;;;;;AAkBA;AAAe,gEACf,CAAC,E;;;;;;;;;;;;;;;;;;;;EAlBQA,KAAK,EAAC;AAAQ;;EACVA,KAAK,EAAC;AAAU;;EACZA,KAAK,EAAC;AAAM;;sBACbC,8DAAA,CAAe,YAAX,QAAM;AAAA;;sBACVA,8DAAA,CAA8L,Y,yEAA3L,0HAAwH,G,aAAAA,8DAAA,CAA8B,cAAxB,mBAAiB,G,yEAAO,mCAAiC,E;;;EAErLD,KAAK,EAAC;AAAQ;;kEAN/BE,8DAAA,CAaM,OAbNC,UAaM,GAZFF,8DAAA,CAWM,OAXNG,UAWM,GAVFH,8DAAA,CASM,OATNI,UASM,GARFC,UAAe,EACfC,UAA8L,EAE9LN,8DAAA,CAIM,OAJNO,UAIM,I,yDAHFN,8DAAA,CAEMO,4CAAA,QAAAC,sDAAA,CAFqD,EAAE,YAAXC,KAAK;WAAvDV,8DAAA,CAEM;MAFAD,KAAK,EAAAY,0DAAA,uBAAwBD,KAAK;MAAwBE,GAAG,EAAEF;OAAO,YAC/D,GAAAG,2DAAA,CAAEH,KAAK;;;;;;;;;;;;;ACTxC;AACA,kCAAkC,mBAAO,CAAC,wGAAmD;AAC7F;AACA;AACA,cAAc,QAAS,0BAA0B,sBAAsB,qBAAqB,yBAAyB,yBAAyB,kBAAkB,8BAA8B,+BAA+B,gCAAgC,6BAA6B,8BAA8B,oCAAoC,qBAAqB,iBAAiB,uBAAuB,GAAG;AAC5Z;AACA;;;;;;;;;;;;ACNA;;AAEA;AACA,cAAc,mBAAO,CAAC,0wBAAob;AAC1c;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,0HAA6D;AAC/E,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;;ACXf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAsF;AACtB;AACL;;AAE0B;;AAEiD;AACtI,iCAAiC,+IAAe,CAAC,kFAAM,aAAa,mGAAM;AAC1E;AACA,IAAI,KAAU,EAAE,EAcf;;;AAGc,0E;;;;;;;;;;;;AC1Bf;AAAA;AAAA;AAAA;AAAA,wCAA4R,C;;;;;;;;;;;;ACA5R;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA","file":"js/45.js","sourcesContent":["<template>\n    <div class=\"p-grid\">\n        <div class=\"p-col-12\">\n            <div class=\"card\">\n                <h4>Shadow</h4>\n                <p>Elevation is used to specify the separation between surfaces and elements along the z-axis. There are 24 style classes (<mark>.p-shadow-{level}</mark>) to define the elevation layers.</p>\n\n                <div class=\"p-grid\">\n                    <div :class=\"['box', 'p-shadow-' + index]\" v-for=\"index in 24\" :key=\"index\">\n                        p-shadow-{{index}}\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.box {\n    min-height: 100px;\n    min-width: 150px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 600;\n    margin: 2rem;\n    border-radius: 4px;\n}\n</style>","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".box[data-v-7b610832] {\\n  min-height: 100px;\\n  min-width: 150px;\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  -webkit-box-align: center;\\n      -ms-flex-align: center;\\n          align-items: center;\\n  -webkit-box-pack: center;\\n      -ms-flex-pack: center;\\n          justify-content: center;\\n  font-weight: 600;\\n  margin: 2rem;\\n  border-radius: 4px;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ElevationDemo.vue?vue&type=style&index=0&id=7b610832&lang=scss&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"03dc9cf6\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ElevationDemo.vue?vue&type=style&index=0&id=7b610832&lang=scss&scoped=true\", function() {\n     var newContent = require(\"!!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ElevationDemo.vue?vue&type=style&index=0&id=7b610832&lang=scss&scoped=true\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","import { render } from \"./ElevationDemo.vue?vue&type=template&id=7b610832&scoped=true\"\nimport script from \"./ElevationDemo.vue?vue&type=script&lang=js\"\nexport * from \"./ElevationDemo.vue?vue&type=script&lang=js\"\n\nimport \"./ElevationDemo.vue?vue&type=style&index=0&id=7b610832&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src2427098209/src/acx.portal/Frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7b610832\"],['__file',\"src/utilities/ElevationDemo.vue\"]])\n/* hot reload */\nif (module.hot) {\n  __exports__.__hmrId = \"7b610832\"\n  const api = __VUE_HMR_RUNTIME__\n  module.hot.accept()\n  if (!api.createRecord('7b610832', __exports__)) {\n    console.log('reload')\n    api.reload('7b610832', __exports__)\n  }\n  \n  module.hot.accept(\"./ElevationDemo.vue?vue&type=template&id=7b610832&scoped=true\", () => {\n    console.log('re-render')\n    api.rerender('7b610832', render)\n  })\n\n}\n\n\nexport default __exports__","export { default } from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ElevationDemo.vue?vue&type=script&lang=js\"; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ElevationDemo.vue?vue&type=script&lang=js\"","export * from \"-!../../node_modules/vue-style-loader/index.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ElevationDemo.vue?vue&type=style&index=0&id=7b610832&lang=scss&scoped=true\"","export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ElevationDemo.vue?vue&type=template&id=7b610832&scoped=true\""],"sourceRoot":""}