{"version":3,"sources":["webpack:///./src/components/CodeDisplay.vue?9979","webpack:///src/components/CodeDisplay.vue","webpack:///./src/components/CodeDisplay.vue?c7d9","webpack:///./src/components/CodeDisplay.vue","webpack:///./src/views/About.vue?6548","webpack:///./src/views/About.vue?8211","webpack:///src/views/About.vue","webpack:///./src/views/About.vue?4206","webpack:///./src/views/About.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","lang","_v","_s","content","staticRenderFns","props","type","String","default","data","methods","mounted","Prism","highlightElement","$el","watch","console","log","val","component","staticClass","staticStyle","attrs","text1","text2","testAnimation","lockAnimation","text3","text4","dragAnimation","drag2Animation","layer","text5","text6","clickAnimation","callback","doSomething","dynamic","components","Rubberhose"],"mappings":"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","file":"js/chunk-5d65f17d.a3b4ba7f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('pre',{class:[(\"language-\" + _vm.lang)]},[_vm._v(\"  \"),_c('code',[_vm._v(_vm._s(_vm.content))]),_vm._v(\"\\n\")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <pre :class=\"[`language-${lang}`]\">\n    <code>{{content}}</code>\n  </pre>\n</template>\n\n<script>\n// const sanitizeHtml = require('sanitize-html');\n\nexport default {\n  props: {\n    lang: {\n      type: String,\n      default: \"html\",\n    },\n    content: \"\",\n  },\n  data: () => ({}),\n  methods: {},\n  mounted() {\n    Prism.highlightElement(this.$el, false, () => {\n      // Done\n    });\n  },\n  watch: {\n    content(val) {\n      console.log(val);\n    },\n  },\n};\n</script>\n\n<style></style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CodeDisplay.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CodeDisplay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CodeDisplay.vue?vue&type=template&id=63449c1e&\"\nimport script from \"./CodeDisplay.vue?vue&type=script&lang=js&\"\nexport * from \"./CodeDisplay.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"center-page\"},[_c('div',{staticClass:\"about-content\"},[_c('pre',{class:[\"language-bash\"],staticStyle:{\"font-size\":\"32px\",\"height\":\"50px\",\"overflow\":\"hidden\"}},[_vm._v(\"      \"),_c('code',[_vm._v(\"npm i rubberhose-lottie\")]),_vm._v(\"\\n    \")]),_c('Rubberhose'),_c('Grid',{attrs:{\"height\":\"fit-content\"}},[_c('Rubberhose'),_c('Code-Display',{attrs:{\"content\":_vm.text1}})],1),_c('Grid',[_c('Code-Display',{attrs:{\"content\":_vm.text2}}),_c('Rubberhose',{attrs:{\"animation-data\":_vm.testAnimation}})],1),_c('Grid',[_c('Rubberhose',{attrs:{\"animation-data\":_vm.lockAnimation,\"locked\":['Hose 1::Hips']}}),_c('Code-Display',{attrs:{\"content\":_vm.text3}})],1),_c('Grid',[_c('Code-Display',{attrs:{\"content\":_vm.text4}}),_c('Rubberhose',{attrs:{\"animation-data\":_vm.dragAnimation,\"draggable\":['square']}})],1),_c('Grid',[_c('Rubberhose',{attrs:{\"animation-data\":_vm.drag2Animation,\"draggable\":[\n          {\n            layer: 'square',\n          },\n          {\n            layer: 'square 2',\n          },\n          {\n            layer: 'square 3',\n          } ]}}),_c('Code-Display',{attrs:{\"content\":_vm.text5}})],1),_c('Grid',[_c('Code-Display',{attrs:{\"content\":_vm.text6}}),_c('Rubberhose',{attrs:{\"animation-data\":_vm.clickAnimation,\"clickable\":[\n          {\n            layer: 'square',\n            callback: _vm.doSomething,\n          } ]}})],1),_c('Rubberhose',{attrs:{\"animation-data\":_vm.dynamic,\"clickable\":[\n        {\n          layer: 'Clickable',\n          callback: _vm.doSomething,\n        } ],\"draggable\":['square', 'square 2'],\"locked\":['Hose 1::Hips']}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"center-page\">\n    <div class=\"about-content\">\n      <pre\n        style=\"font-size: 32px; height: 50px; overflow: hidden;\"\n        :class=\"[`language-bash`]\"\n      >\n        <code>npm i rubberhose-lottie</code>\n      </pre>\n      <Rubberhose />\n      <!-- <Anno size=\"25px\" bold>Auto-parsing, auto-content</Anno> -->\n      <Grid height=\"fit-content\">\n        <Rubberhose />\n        <Code-Display :content=\"text1\" />\n      </Grid>\n      <!-- <Anno size=\"25px\" bold>Auto-parsing, auto-content</Anno> -->\n      <Grid>\n        <Code-Display :content=\"text2\" />\n        <Rubberhose :animation-data=\"testAnimation\" />\n      </Grid>\n      <Grid>\n        <Rubberhose\n          :animation-data=\"lockAnimation\"\n          :locked=\"['Hose 1::Hips']\"\n        />\n        <Code-Display :content=\"text3\" />\n      </Grid>\n      <Grid>\n        <Code-Display :content=\"text4\" />\n        <Rubberhose :animation-data=\"dragAnimation\" :draggable=\"['square']\" />\n      </Grid>\n      <Grid>\n        <Rubberhose\n          :animation-data=\"drag2Animation\"\n          :draggable=\"[\n            {\n              layer: 'square',\n            },\n            {\n              layer: 'square 2',\n            },\n            {\n              layer: 'square 3',\n            },\n          ]\"\n        />\n        <Code-Display :content=\"text5\" />\n      </Grid>\n      <Grid>\n        <Code-Display :content=\"text6\" />\n        <Rubberhose\n          :animation-data=\"clickAnimation\"\n          :clickable=\"[\n            {\n              layer: 'square',\n              callback: doSomething,\n            },\n          ]\"\n        />\n      </Grid>\n      <Rubberhose\n        :animation-data=\"dynamic\"\n        :clickable=\"[\n          {\n            layer: 'Clickable',\n            callback: doSomething,\n          },\n        ]\"\n        :draggable=\"['square', 'square 2']\"\n        :locked=\"['Hose 1::Hips']\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  components: {\n    Rubberhose: require(\"rubberhose-lottie\").default,\n    \"Code-Display\": require(\"@/components/CodeDisplay.vue\").default,\n  },\n  data: () => ({\n    testAnimation: require(\"@/assets/plain.json\"),\n    dragAnimation: require(\"@/assets/draggable.json\"),\n    lockAnimation: require(\"@/assets/locked.json\"),\n    clickAnimation: require(\"@/assets/clickable.json\"),\n    drag2Animation: require(\"@/assets/draggable2.json\"),\n    dynamic: require(\"@/assets/dynamic.json\"),\n\n    text1: `<Rubberhose />`,\n    text2: `<Rubberhose \n    :animation-data=\"testAnimation\" \n  />`,\n    text3: `<Rubberhose\n    :animation-data=\"dragAnimation\" \n    :locked=\"['Hose 1::Hips']\" \n  />\n`,\n    text4: `<Rubberhose\n    :animation-data=\"dragAnimation\" \n    :draggable=\"['square']\" \n  />\n`,\n    text5: `<Rubberhose\n    :animation-data=\"dragAnimation\" \n    :draggable=\"[\n      { layer: 'square' },\n      { layer: 'square 2' },\n      { layer: 'square 3' }\n    ]\" \n  />\n`,\n    text6: `<Rubberhose\n    :animation-data=\"clickAnimation\" \n    :clickable=\"[\n      {\n        layer: 'square',\n        callback: doSomething\n      }\n    ]\" \n  />\n`,\n  }),\n  methods: {\n    doSomething() {\n      console.log(\"HELLO\");\n    },\n  },\n};\n</script>\n\n<style>\n.about-content {\n  /* max-width: 1200px; */\n  height: fit-content;\n  width: 800px;\n}\n.center-page {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.about-content > * {\n  margin-bottom: 30px;\n}\n\n.brutalism-grid-wrapper,\n.brutalism-grid-content {\n  height: \"\";\n}\n\n.language-html {\n  margin: 0 !important;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./About.vue?vue&type=template&id=67fc01af&\"\nimport script from \"./About.vue?vue&type=script&lang=js&\"\nexport * from \"./About.vue?vue&type=script&lang=js&\"\nimport style0 from \"./About.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}