{"version":3,"sources":["webpack:///./src/views/HaveYourSay.vue","webpack:///src/views/HaveYourSay.vue","webpack:///./src/views/HaveYourSay.vue?4b74","webpack:///./src/views/HaveYourSay.vue?7456","webpack:///./src/components/SmartBlock.vue","webpack:///src/components/SmartBlock.vue","webpack:///./src/components/SmartBlock.vue?14cc","webpack:///./src/components/SmartBlock.vue?a7e8","webpack:///./src/components/SmartBlock.vue?e90c","webpack:///./src/views/HaveYourSay.vue?ec2d"],"names":["render","_vm","this","_c","_self","staticClass","attrs","staticRenderFns","components","SmartBlock","component","componentType","_g","_b","tag","class","isExternalLink","link","inverse","backgroundImage","isIconOnly","style","backgroundColor","backgroundBlendMode","_d","propAttribute","popup","click","openPopup","icon","_e","heading","length","_v","_s","isPopupShowing","on","closePopup","data","props","default","type","String","Boolean","computed","methods","startsWith","e","preventDefault"],"mappings":"gJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,KAAO,2CAA2C,mBAAmB,UAAU,QAAU,mBAAmBH,EAAG,cAAc,CAACG,MAAM,CAAC,KAAO,gFAAgF,mBAAmB,UAAU,QAAU,uBAAuB,IAEjaC,EAAkB,G,YCeP,GACfC,WAAA,CAAAC,oBClBoV,I,wBCQhVC,EAAY,eACd,EACAV,EACAO,GACA,EACA,KACA,WACA,MAIa,aAAAG,E,6CCnBf,IAAIV,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAGF,EAAIU,cAAcV,EAAIW,GAAGX,EAAIY,GAAG,CAACC,IAAI,YAAYC,MAAM,CAC/H,cACA,CAAC,iBAAkBd,EAAIe,eAAef,EAAIgB,OAC1C,CAAC,YAAahB,EAAIiB,SAClB,CAAC,gCAAiCjB,EAAIkB,iBACtC,CAAC,yBAA0BlB,EAAImB,aACjCC,MAAO,CACL,CAACC,gBAAiBrB,EAAIqB,iBACtB,CAACH,gBAAiBlB,EAAIkB,iBACtB,CAACI,oBAAqBtB,EAAIiB,QAAU,SAAU,aAC9C,YAAYjB,EAAIuB,GAAG,GAAG,CAACvB,EAAIwB,cAAcxB,EAAIgB,QAAQf,KAAKwB,MAAQ,CAACC,MAAO1B,EAAI2B,WAAa,IAAI,CAAE3B,EAAI4B,KAAM1B,EAAG,MAAM,CAACE,YAAY,oBAAoBgB,MAAO,CAACF,gBAAiB,QAAQlB,EAAI4B,YAAa5B,EAAI6B,KAAM7B,EAAI8B,QAAS5B,EAAG,MAAM,CAACY,MAAM,CAAC,uBAAwB,CAAC,gCAAgCd,EAAI8B,QAAQC,OAAS,MAAM,CAAC/B,EAAIgC,GAAG,IAAIhC,EAAIiC,GAAGjC,EAAI8B,SAAS,OAAO9B,EAAI6B,OAAQ7B,EAAIkC,eAAgBhC,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,SAAS,CAACE,YAAY,iCAAiCC,MAAM,CAAC,MAAQ,OAAO,OAAS,OAAO,IAAML,EAAIgB,KAAK,YAAc,OAAOd,EAAG,SAAS,CAACE,YAAY,gCAAgC+B,GAAG,CAAC,MAAQnC,EAAIoC,aAAa,CAACpC,EAAIgC,GAAG,SAAShC,EAAI6B,MAAM,IAEprBvB,EAAkB,GCyHP,GACf+B,OACA,OACAH,gBAAA,IAGAI,MAAA,CACAV,KAAA,CACAW,QAAA,KACAC,KAAAC,QAEAX,QAAA,CACAS,QAAA,KACAC,KAAAC,QAEAvB,gBAAA,CACAqB,QAAA,KACAC,KAAAC,QAEApB,gBAAA,CACAkB,QAAA,UACAC,KAAAC,QAEAxB,QAAA,CACAsB,SAAA,EACAC,KAAAE,SAEA1B,KAAA,CACAuB,QAAA,IACAC,KAAAC,QAEAhB,MAAA,CACAc,SAAA,EACAC,KAAAE,SAEAvB,WAAA,CACAoB,SAAA,EACAC,KAAAE,UAGAC,SAAA,CACAjC,gBACA,YAAAe,OAIA,KAAAV,iBAHA,IAGA,eAEAS,gBACA,YAAAT,iBAAA,cAGA6B,QAAA,CACA7B,iBACA,YAAAC,KAAA6B,WAAA,MAEAlB,UAAAmB,GACAA,EAAAC,iBACA,KAAAb,gBAAA,GAEAE,aACA,KAAAF,gBAAA,KClMmV,I,wBCQ/UzB,EAAY,eACd,EACAV,EACAO,GACA,EACA,KACA,WACA,MAIa,OAAAG,E,6CCnBf,W,6DCAA","file":"js/chunk-79c378d4.dc152dbe.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page page--bid-areas\"},[_c('smart-block',{attrs:{\"link\":\"https://manurewa5yearplan.commonplace.is\",\"background-color\":\"#2D88BC\",\"heading\":\"Have your say\"}}),_c('smart-block',{attrs:{\"link\":\"http://www.aucklandcouncil.govt.nz/report-problem/Pages/report-a-problem.aspx\",\"background-color\":\"#2D88BC\",\"heading\":\"Report a problem\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page page--bid-areas\">\n    <smart-block\n        link=\"https://manurewa5yearplan.commonplace.is\"\n        background-color=\"#2D88BC\"\n        heading=\"Have your say\"\n    ></smart-block>\n    <smart-block\n        link=\"http://www.aucklandcouncil.govt.nz/report-problem/Pages/report-a-problem.aspx\"\n        background-color=\"#2D88BC\"\n        heading=\"Report a problem\"\n    ></smart-block>\n  </div>\n</template>\n\n<script>\nimport SmartBlock from \"@/components/SmartBlock.vue\";\nexport default {\n  components: {SmartBlock}\n}\n</script>\n\n<style scoped lang=\"scss\">\n.page-block {\n  padding: 2rem;\n  .pretty-inner {\n    background-size: contain;\n    background-position: center;\n    background-repeat: no-repeat;\n    height: 100%;\n    width: 100%;\n    img {\n      max-width: 40%;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HaveYourSay.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HaveYourSay.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HaveYourSay.vue?vue&type=template&id=9292ee62&scoped=true\"\nimport script from \"./HaveYourSay.vue?vue&type=script&lang=js\"\nexport * from \"./HaveYourSay.vue?vue&type=script&lang=js\"\nimport style0 from \"./HaveYourSay.vue?vue&type=style&index=0&id=9292ee62&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"9292ee62\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c(_vm.componentType,_vm._g(_vm._b({tag:\"component\",class:[\n        'smart-block',\n        {'smart-block--a': _vm.isExternalLink(_vm.link)},\n        {'u-inverse': _vm.inverse},\n        {'smart-block--background-image': _vm.backgroundImage},\n        {'smart-block--icon-only': _vm.isIconOnly}\n    ],style:([\n        {backgroundColor: _vm.backgroundColor},\n        {backgroundImage: _vm.backgroundImage},\n        {backgroundBlendMode: _vm.inverse ? 'screen': 'overlay'},\n    ])},\"component\",_vm._d({},[_vm.propAttribute,_vm.link])),this.popup ? {click: _vm.openPopup} : {}),[(_vm.icon)?_c('div',{staticClass:\"smart-block__icon\",style:({backgroundImage: `url('${_vm.icon}')`})}):_vm._e(),(_vm.heading)?_c('div',{class:['smart-block__heading', {'smart-block__heading--smaller':_vm.heading.length > 30}]},[_vm._v(\" \"+_vm._s(_vm.heading)+\" \")]):_vm._e()]),(_vm.isPopupShowing)?_c('div',{staticClass:\"smart-block-link-popup\"},[_c('iframe',{staticClass:\"smart-block-link-popup__iframe\",attrs:{\"width\":\"100%\",\"height\":\"100%\",\"src\":_vm.link,\"frameborder\":\"0\"}}),_c('button',{staticClass:\"smart-block-link-popup__close\",on:{\"click\":_vm.closePopup}},[_vm._v(\"❌\")])]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <component\n        :is=\"componentType\"\n        v-bind:[propAttribute]=\"link\"\n        :class=\"[\n          'smart-block',\n          {'smart-block--a': isExternalLink(link)},\n          {'u-inverse': inverse},\n          {'smart-block--background-image': backgroundImage},\n          {'smart-block--icon-only': isIconOnly}\n      ]\"\n        :style=\"[\n          {backgroundColor},\n          {backgroundImage},\n          {backgroundBlendMode: inverse ? 'screen': 'overlay'},\n      ]\"\n        v-on=\"this.popup ? {click: openPopup} : {}\"\n    >\n      <div v-if=\"icon\" class=\"smart-block__icon\" :style=\"{backgroundImage: `url('${icon}')`}\" />\n      <div v-if=\"heading\" :class=\"['smart-block__heading', {'smart-block__heading--smaller':heading.length > 30}]\">\n        {{heading}}\n      </div>\n    </component>\n    <div class=\"smart-block-link-popup\" v-if=\"isPopupShowing\">\n      <iframe width=\"100%\" height=\"100%\" class=\"smart-block-link-popup__iframe\" :src=\"link\" frameborder=\"0\"></iframe>\n      <button class=\"smart-block-link-popup__close\" @click=\"closePopup\">❌</button>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.smart-block-link-popup {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  padding: 2rem;\n  background: rgba(0, 0, 0, 0.9);\n  z-index: 9;\n}\n\n.smart-block-link-popup__close {\n  position: fixed;\n  right: 2rem;\n  top: 2rem;\n  background: none;\n  border: none;\n  appearance: none;\n  font-size: 2rem;\n  padding: 1rem;\n  z-index: 10;\n  cursor: pointer;\n  pointer-events: all;\n}\n\n.smart-block {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  justify-content: center;\n  align-items: center;\n  text-decoration: none;\n  color: white;\n  padding: 5%;\n  box-shadow: 0 1rem 1rem rgb(0 0 0 / 20%);\n  border-radius: 10px;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.2));\n  min-height: 120px;\n  max-height: 380px;\n  overflow: hidden;\n  transform: translateY(-2px);\n  transition: transform .3s, box-shadow .3s;\n\n  &:hover {\n    transform: translateY(0);\n    box-shadow: 0 0.5rem 0.5rem rgb(0 0 0 / 20%);\n  }\n\n  &--background-image {\n    background-repeat: no-repeat;\n    background-size: 80%;\n    background-position: center;\n  }\n\n  &--icon-only {\n\n  }\n}\n\n.smart-block__icon {\n  flex: 1;\n  margin: 3%;\n  display: flex;\n  align-items: center;\n  width: 60%;\n  min-height: clamp(5rem, 6vw, 5rem);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n\n  img {\n    height: 80%;\n  }\n\n  .smart-block--icon-only & {\n    margin: 0;\n    width: 90%;\n  }\n}\n\n.smart-block__heading {\n  font-size: clamp(18px, 4vw, 38px);\n  line-height: 3rem;\n  font-weight: bold;\n  text-align: center;\n  text-shadow: 0 2px 4px rgb(0 0 0 / 30%);\n\n  &--smaller {\n    font-size: clamp(18px, 4vw, 24px);\n    line-height: 1.3rem;\n    margin-top: 20px;\n    min-height: 40px;\n  }\n}\n.u-inverse {\n  color: black;\n}\n</style>\n\n<script>\nexport default {\n  data() {\n    return {\n      isPopupShowing: false,\n    }\n  },\n  props: {\n    icon: {\n      default: null,\n      type: String\n    },\n    heading: {\n      default: null,\n      type: String\n    },\n    backgroundImage: {\n      default: null,\n      type: String\n    },\n    backgroundColor: {\n      default: '#2d88bc',\n      type: String\n    },\n    inverse: {\n      default: false,\n      type: Boolean\n    },\n    link: {\n      default: '#',\n      type: String\n    },\n    popup: {\n      default: false,\n      type: Boolean\n    },\n    isIconOnly: {\n      default: false,\n      type: Boolean\n    }\n  },\n  computed: {\n    componentType() {\n      if (this.popup) {\n        return 'a';\n      }\n\n      return this.isExternalLink() ? 'a' : 'router-link';\n    },\n    propAttribute() {\n      return this.isExternalLink() ? 'href' : 'to';\n    }\n  },\n  methods: {\n    isExternalLink() {\n      return !this.link.startsWith('/');\n    },\n    openPopup(e) {\n      e.preventDefault();\n      this.isPopupShowing = true;\n    },\n    closePopup() {\n      this.isPopupShowing = false;\n    }\n  }\n}\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SmartBlock.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SmartBlock.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SmartBlock.vue?vue&type=template&id=600a6e94&scoped=true\"\nimport script from \"./SmartBlock.vue?vue&type=script&lang=js\"\nexport * from \"./SmartBlock.vue?vue&type=script&lang=js\"\nimport style0 from \"./SmartBlock.vue?vue&type=style&index=0&id=600a6e94&prod&lang=scss&scoped=true\"\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  \"600a6e94\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/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/lib/index.js??vue-loader-options!./SmartBlock.vue?vue&type=style&index=0&id=600a6e94&prod&lang=scss&scoped=true\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/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/lib/index.js??vue-loader-options!./HaveYourSay.vue?vue&type=style&index=0&id=9292ee62&prod&scoped=true&lang=scss\""],"sourceRoot":""}