{"version":3,"file":"js/app.js","mappings":"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","sources":["webpack://configurator/./src/App.vue","webpack://configurator/./src/components/global/Loader.vue","webpack://configurator/src/components/global/Loader.vue","webpack://configurator/./src/components/global/Loader.vue?fc1e","webpack://configurator/./src/components/global/Loader.vue?3310","webpack://configurator/./src/transitions/Navigate.vue","webpack://configurator/src/transitions/Navigate.vue","webpack://configurator/./src/transitions/Navigate.vue?6e14","webpack://configurator/./src/transitions/Navigate.vue?ef16","webpack://configurator/src/App.vue","webpack://configurator/./src/App.vue?ebbd","webpack://configurator/./src/App.vue?0e40","webpack://configurator/./src/views/Configurator.vue","webpack://configurator/./src/components/configurator/ErrorMessage.vue","webpack://configurator/src/components/configurator/ErrorMessage.vue","webpack://configurator/./src/components/configurator/ErrorMessage.vue?cb56","webpack://configurator/./src/components/configurator/ErrorMessage.vue?7403","webpack://configurator/./src/components/configurator/ConfiguratorHeader.vue","webpack://configurator/src/components/configurator/ConfiguratorHeader.vue","webpack://configurator/./src/components/configurator/ConfiguratorHeader.vue?c2e6","webpack://configurator/./src/components/configurator/ConfiguratorHeader.vue?ef5f","webpack://configurator/./src/components/configurator/SelectorConnector.vue","webpack://configurator/./src/components/configurator/SelectionAction.vue","webpack://configurator/./src/components/configurator/SelectorLength.vue","webpack://configurator/./src/components/configurator/SelectionError.vue","webpack://configurator/./src/transitions/Expand.vue","webpack://configurator/src/transitions/Expand.vue","webpack://configurator/./src/transitions/Expand.vue?c276","webpack://configurator/./src/transitions/Expand.vue?34a7","webpack://configurator/src/components/configurator/SelectionError.vue","webpack://configurator/./src/components/configurator/SelectionError.vue?d55e","webpack://configurator/./src/components/configurator/SelectionError.vue?d013","webpack://configurator/src/components/configurator/SelectorLength.vue","webpack://configurator/./src/components/configurator/SelectorLength.vue?a4cd","webpack://configurator/./src/components/configurator/SelectorLength.vue?ac1f","webpack://configurator/./src/components/configurator/SelectionModal.vue","webpack://configurator/./src/transitions/Shuffle.vue","webpack://configurator/src/transitions/Shuffle.vue","webpack://configurator/./src/transitions/Shuffle.vue?e7a6","webpack://configurator/./src/transitions/Shuffle.vue?b642","webpack://configurator/./src/components/configurator/SelectionProduct.vue","webpack://configurator/src/components/configurator/SelectionProduct.vue","webpack://configurator/./src/components/configurator/SelectionProduct.vue?4556","webpack://configurator/./src/components/configurator/SelectionProduct.vue?2026","webpack://configurator/src/components/configurator/SelectionModal.vue","webpack://configurator/./src/components/configurator/SelectionModal.vue?5df3","webpack://configurator/./src/components/configurator/SelectionModal.vue?88b8","webpack://configurator/./src/transitions/Fade.vue","webpack://configurator/src/transitions/Fade.vue","webpack://configurator/./src/transitions/Fade.vue?d1b6","webpack://configurator/./src/transitions/Fade.vue?4d20","webpack://configurator/src/components/configurator/SelectionAction.vue","webpack://configurator/./src/components/configurator/SelectionAction.vue?a76c","webpack://configurator/./src/components/configurator/SelectionAction.vue?b28b","webpack://configurator/src/components/configurator/SelectorConnector.vue","webpack://configurator/./src/components/configurator/SelectorConnector.vue?cae5","webpack://configurator/./src/components/configurator/SelectorConnector.vue?57d8","webpack://configurator/./src/components/configurator/SelectorCable.vue","webpack://configurator/src/components/configurator/SelectorCable.vue","webpack://configurator/./src/components/configurator/SelectorCable.vue?c8e8","webpack://configurator/./src/components/configurator/SelectorCable.vue?472f","webpack://configurator/./src/components/configurator/ConfiguratorFooter.vue","webpack://configurator/./src/components/configurator/SelectorMatchDelay.vue","webpack://configurator/src/components/configurator/SelectorMatchDelay.vue","webpack://configurator/./src/components/configurator/SelectorMatchDelay.vue?f95b","webpack://configurator/./src/components/configurator/SelectorMatchDelay.vue?07ef","webpack://configurator/src/components/configurator/ConfiguratorFooter.vue","webpack://configurator/./src/components/configurator/ConfiguratorFooter.vue?f7e2","webpack://configurator/./src/components/configurator/ConfiguratorFooter.vue?a262","webpack://configurator/src/views/Configurator.vue","webpack://configurator/./src/views/Configurator.vue?bddd","webpack://configurator/./src/views/Configurator.vue?a6f7","webpack://configurator/./src/views/MouserConfigurator.vue","webpack://configurator/./src/components/configurator/MouserGeneralHeader.vue","webpack://configurator/src/components/configurator/MouserGeneralHeader.vue","webpack://configurator/./src/components/configurator/MouserGeneralHeader.vue?1d6f","webpack://configurator/./src/components/configurator/MouserGeneralHeader.vue?bb69","webpack://configurator/./src/components/configurator/MouserConfiguratorHeader.vue","webpack://configurator/src/components/configurator/MouserConfiguratorHeader.vue","webpack://configurator/./src/components/configurator/MouserConfiguratorHeader.vue?63b4","webpack://configurator/./src/components/configurator/MouserConfiguratorHeader.vue?b489","webpack://configurator/./src/components/configurator/MouserSelectorCable.vue","webpack://configurator/./src/components/configurator/MouserSelectionAction.vue","webpack://configurator/./src/components/configurator/MouserSelectorLength.vue","webpack://configurator/src/components/configurator/MouserSelectorLength.vue","webpack://configurator/./src/components/configurator/MouserSelectorLength.vue?f7cb","webpack://configurator/./src/components/configurator/MouserSelectorLength.vue?f02f","webpack://configurator/src/components/configurator/MouserSelectionAction.vue","webpack://configurator/./src/components/configurator/MouserSelectionAction.vue?857f","webpack://configurator/./src/components/configurator/MouserSelectionAction.vue?f66b","webpack://configurator/src/components/configurator/MouserSelectorCable.vue","webpack://configurator/./src/components/configurator/MouserSelectorCable.vue?9540","webpack://configurator/./src/components/configurator/MouserSelectorCable.vue?c849","webpack://configurator/./src/components/configurator/MouserConfiguratorFooter.vue","webpack://configurator/src/components/configurator/MouserConfiguratorFooter.vue","webpack://configurator/./src/components/configurator/MouserConfiguratorFooter.vue?9e41","webpack://configurator/./src/components/configurator/MouserConfiguratorFooter.vue?7bde","webpack://configurator/src/views/MouserConfigurator.vue","webpack://configurator/./src/views/MouserConfigurator.vue?83a1","webpack://configurator/./src/views/MouserConfigurator.vue?2b6b","webpack://configurator/./src/views/Configuration.vue","webpack://configurator/./src/components/configuration/ProductSheet.vue","webpack://configurator/./src/components/configuration/ProductSheetDrawing.vue","webpack://configurator/src/components/configuration/ProductSheetDrawing.vue","webpack://configurator/./src/components/configuration/ProductSheetDrawing.vue?2c06","webpack://configurator/./src/components/configuration/ProductSheetDrawing.vue?0bf0","webpack://configurator/./src/components/configuration/ProductSheetSpecs.vue","webpack://configurator/src/components/configuration/ProductSheetSpecs.vue","webpack://configurator/./src/components/configuration/ProductSheetSpecs.vue?67cf","webpack://configurator/./src/components/configuration/ProductSheetSpecs.vue?8b9f","webpack://configurator/./src/components/configuration/ProductSheetStamp.vue","webpack://configurator/src/components/configuration/ProductSheetStamp.vue","webpack://configurator/./src/components/configuration/ProductSheetStamp.vue?9d68","webpack://configurator/./src/components/configuration/ProductSheetStamp.vue?aa8b","webpack://configurator/src/components/configuration/ProductSheet.vue","webpack://configurator/./src/components/configuration/ProductSheet.vue?f388","webpack://configurator/./src/components/configuration/ProductSheet.vue?5c34","webpack://configurator/./src/components/configuration/Cart.vue","webpack://configurator/src/components/configuration/Cart.vue","webpack://configurator/./src/components/configuration/Cart.vue?10cb","webpack://configurator/./src/components/configuration/Cart.vue?6020","webpack://configurator/./src/components/configuration/ProductTile.vue","webpack://configurator/src/components/configuration/ProductTile.vue","webpack://configurator/./src/components/configuration/ProductTile.vue?a9f9","webpack://configurator/./src/components/configuration/ProductTile.vue?51ce","webpack://configurator/src/views/Configuration.vue","webpack://configurator/./src/views/Configuration.vue?b7eb","webpack://configurator/./src/views/Configuration.vue?06de","webpack://configurator/./src/views/MouserConfiguration.vue","webpack://configurator/./src/components/configuration/MouserProductSheet.vue","webpack://configurator/./src/components/configuration/MouserProductSheetSpecs.vue","webpack://configurator/src/components/configuration/MouserProductSheetSpecs.vue","webpack://configurator/./src/components/configuration/MouserProductSheetSpecs.vue?9d2d","webpack://configurator/./src/components/configuration/MouserProductSheetSpecs.vue?c8f7","webpack://configurator/src/components/configuration/MouserProductSheet.vue","webpack://configurator/./src/components/configuration/MouserProductSheet.vue?4866","webpack://configurator/./src/components/configuration/MouserProductSheet.vue?be98","webpack://configurator/./src/components/configuration/MouserCart.vue","webpack://configurator/src/components/configuration/MouserCart.vue","webpack://configurator/./src/components/configuration/MouserCart.vue?08de","webpack://configurator/./src/components/configuration/MouserCart.vue?8a83","webpack://configurator/./src/components/configuration/MouserProductTile.vue","webpack://configurator/src/components/configuration/MouserProductTile.vue","webpack://configurator/./src/components/configuration/MouserProductTile.vue?95ae","webpack://configurator/./src/components/configuration/MouserProductTile.vue?2fc3","webpack://configurator/src/views/MouserConfiguration.vue","webpack://configurator/./src/views/MouserConfiguration.vue?d77f","webpack://configurator/./src/views/MouserConfiguration.vue?315f","webpack://configurator/./src/router/index.js","webpack://configurator/./src/store/index.js","webpack://configurator/./src/main.js","webpack://configurator/webpack/bootstrap","webpack://configurator/webpack/runtime/chunk loaded","webpack://configurator/webpack/runtime/compat get default export","webpack://configurator/webpack/runtime/define property getters","webpack://configurator/webpack/runtime/global","webpack://configurator/webpack/runtime/hasOwnProperty shorthand","webpack://configurator/webpack/runtime/jsonp chunk loading","webpack://configurator/webpack/startup"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('main',{attrs:{\"id\":\"configurator\"}},[_c('TransitionNavigate',[(_vm.ready)?_c('router-view'):_vm._e()],1),_c('Loader')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return (!_vm.done)?_c('div',{staticClass:\"loader\",class:{ hidden: !_vm.loading }},[_vm._m(0)]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"loader__inner\"},[_c('div',{staticClass:\"loader__row\"},[_c('div',{staticClass:\"loader__block loader__block--outer-16\"}),_c('div',{staticClass:\"loader__block loader__block--outer-15\"}),_c('div',{staticClass:\"loader__block loader__block--outer-14\"}),_c('div',{staticClass:\"loader__block loader__block--outer-13\"}),_c('div',{staticClass:\"loader__block loader__block--outer-12\"})]),_c('div',{staticClass:\"loader__row\"},[_c('div',{staticClass:\"loader__block loader__block--outer-1\"}),_c('div',{staticClass:\"loader__block loader__block--inner-6\"}),_c('div',{staticClass:\"loader__block loader__block--inner-5\"}),_c('div',{staticClass:\"loader__block loader__block--inner-4\"}),_c('div',{staticClass:\"loader__block loader__block--outer-11\"})]),_c('div',{staticClass:\"loader__row\"},[_c('div',{staticClass:\"loader__block loader__block--outer-2\"}),_c('div',{staticClass:\"loader__block loader__block--inner-1\"}),_c('div',{staticClass:\"loader__block loader__block--inner-2\"}),_c('div',{staticClass:\"loader__block loader__block--inner-3\"}),_c('div',{staticClass:\"loader__block loader__block--outer-10\"})]),_c('div',{staticClass:\"loader__row\"},[_c('div',{staticClass:\"loader__block loader__block--outer-3\"}),_c('div',{staticClass:\"loader__block loader__block--inner-7\"}),_c('div',{staticClass:\"loader__block loader__block--inner-8\"}),_c('div',{staticClass:\"loader__block loader__block--inner-9\"}),_c('div',{staticClass:\"loader__block loader__block--outer-9\"})]),_c('div',{staticClass:\"loader__row\"},[_c('div',{staticClass:\"loader__block loader__block--outer-4\"}),_c('div',{staticClass:\"loader__block loader__block--outer-5\"}),_c('div',{staticClass:\"loader__block loader__block--outer-6\"}),_c('div',{staticClass:\"loader__block loader__block--outer-7\"}),_c('div',{staticClass:\"loader__block loader__block--outer-8\"})])])\n}]\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n.loader(v-if=\"!done\", :class=\"{ hidden: !loading }\")\r\n  .loader__inner\r\n    .loader__row\r\n      .loader__block.loader__block--outer-16\r\n      .loader__block.loader__block--outer-15\r\n      .loader__block.loader__block--outer-14\r\n      .loader__block.loader__block--outer-13\r\n      .loader__block.loader__block--outer-12\r\n    .loader__row\r\n      .loader__block.loader__block--outer-1\r\n      .loader__block.loader__block--inner-6\r\n      .loader__block.loader__block--inner-5\r\n      .loader__block.loader__block--inner-4\r\n      .loader__block.loader__block--outer-11\r\n    .loader__row\r\n      .loader__block.loader__block--outer-2\r\n      .loader__block.loader__block--inner-1\r\n      .loader__block.loader__block--inner-2\r\n      .loader__block.loader__block--inner-3\r\n      .loader__block.loader__block--outer-10\r\n    .loader__row\r\n      .loader__block.loader__block--outer-3\r\n      .loader__block.loader__block--inner-7\r\n      .loader__block.loader__block--inner-8\r\n      .loader__block.loader__block--inner-9\r\n      .loader__block.loader__block--outer-9\r\n    .loader__row\r\n      .loader__block.loader__block--outer-4\r\n      .loader__block.loader__block--outer-5\r\n      .loader__block.loader__block--outer-6\r\n      .loader__block.loader__block--outer-7\r\n      .loader__block.loader__block--outer-8\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"Loader\",\r\n  data() {\r\n    return {\r\n      done: false\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters(['loading', 'error'])\r\n  },\r\n  methods: {\r\n    hideLoader() {\r\n      if (!this.loading) {\r\n        setTimeout(() => {\r\n          this.done = true;\r\n        }, 2500);\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    loading() {\r\n      this.hideLoader();\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n$color: $blue;\r\n$color-secondary: $red;\r\n$size: clamp(1.25rem, 3vw, 3rem);\r\n$time: 2.5;\r\n\r\n.loader {\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background: $lightGray;\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 20;\r\n  &.hidden {\r\n    animation: fade 0.25s 0.75s ease-out forwards;\r\n    pointer-events: none;\r\n  }\r\n\r\n  &__inner {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    width: 100%;\r\n    .hidden & {\r\n      animation: scale 1.25s ease-out forwards,\r\n        exploadX 0.75s 0.625s forwards ease-out;\r\n    }\r\n  }\r\n\r\n  &__row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    .hidden & {\r\n      animation: exploadY 0.75s 0.625s forwards ease-out;\r\n    }\r\n  }\r\n\r\n  &__block {\r\n    width: $size;\r\n    height: $size;\r\n    background: $color;\r\n    position: relative;\r\n    border-radius: 0.5rem;\r\n\r\n    @for $i from 1 through 16 {\r\n      &--outer-#{$i} {\r\n        animation: phase #{$time + s} #{- math.div($time, 18) * $i + s} infinite;\r\n      }\r\n    }\r\n\r\n    @for $i from 1 through 9 {\r\n      &--inner-#{$i} {\r\n        @if $i != 2 {\r\n          animation: phase #{$time + s} #{- math.div($time, 6) * $i + s} infinite;\r\n        } @else {\r\n          opacity: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes phase {\r\n  0% {\r\n    background: $color;\r\n  }\r\n  30% {\r\n    background: $color-secondary;\r\n    transform: scale(0.75);\r\n    border-radius: 50%;\r\n  }\r\n  100% {\r\n    background: $color;\r\n  }\r\n}\r\n\r\n@keyframes scale {\r\n  50% {\r\n    transform: translate(-50%, -50%) scale(0.75, 0.75);\r\n    opacity: 1;\r\n  }\r\n  90% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    transform: translate(-50%, -50%) scale(5, 5);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@keyframes fade {\r\n  100% {\r\n    background: transparent;\r\n  }\r\n}\r\n\r\n@keyframes exploadX {\r\n  to {\r\n    gap: 20vmin;\r\n  }\r\n}\r\n@keyframes exploadY {\r\n  to {\r\n    gap: 10vmin;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Loader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Loader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Loader.vue?vue&type=template&id=40a2ff7c&scoped=true&lang=pug&\"\nimport script from \"./Loader.vue?vue&type=script&lang=js&\"\nexport * from \"./Loader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Loader.vue?vue&type=style&index=0&id=40a2ff7c&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"40a2ff7c\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('transition',{attrs:{\"name\":\"navigate\",\"appear\":\"\",\"mode\":\"out-in\"}},[_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\ntransition(name=\"navigate\", appear, mode=\"out-in\")\r\n  slot\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"Navigate\",\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.navigate-enter-active,\r\n.navigate-leave-active {\r\n  transition-duration: 0.5s;\r\n  transition-timing-function: ease;\r\n  transition-property: opacity, transform;\r\n}\r\n.navigate-enter {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  position: absolute;\r\n}\r\n.navigate-leave-to {\r\n  opacity: 0;\r\n  transform: translateX(30px);\r\n  z-index: 1;\r\n}\r\n</style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Navigate.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Navigate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Navigate.vue?vue&type=template&id=b120817a&lang=pug&\"\nimport script from \"./Navigate.vue?vue&type=script&lang=js&\"\nexport * from \"./Navigate.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Navigate.vue?vue&type=style&index=0&id=b120817a&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\r\nmain#configurator\r\n  TransitionNavigate\r\n    router-view(v-if=\"ready\")\r\n  Loader\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapMutations, mapActions } from \"vuex\";\r\nimport Loader from \"./components/global/Loader.vue\";\r\nimport TransitionNavigate from \"./transitions/Navigate\";\r\nexport default {\r\n  name: \"SVMicroCableConfigurator\",\r\n  components: {\r\n    Loader,\r\n    TransitionNavigate,\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"ready\"]),\r\n  },\r\n  methods: {\r\n    ...mapMutations([\"assignStaticValues\"]),\r\n    ...mapActions([\"fetchData\"]),\r\n  },\r\n  async created() {\r\n    this.assignStaticValues({\r\n      submitTo: this.$root.submitTo,\r\n      relatedLength: parseInt(this.$root.relatedLength) || 0\r\n    });\r\n    await this.fetchData(this.$root.api);\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\nhtml {\r\n  font-size: $rootEM;\r\n}\r\n\r\n#configurator {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-size: $fontSizeBase;\r\n  line-height: $lineHeightBase;\r\n  font-family: $fontFamilyBase;\r\n  font-weight: $fontWeightBase;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  color: $fontColorBase;\r\n  max-width: 100%;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n\r\n  *,\r\n  *::before,\r\n  *::after {\r\n    box-sizing: inherit;\r\n  }\r\n\r\n  *:focus {\r\n    outline: none;\r\n  }\r\n  *:focus-visible {\r\n    outline: none; \r\n    #{$focusProperty}: $focusValue;\r\n  }\r\n}\r\n\r\n@font-face {\r\n  font-family: 'icomoon';\r\n  src:\r\n    url('../public/fonts/icomoon.ttf') format('truetype'),\r\n    url('../public/fonts/icomoon.woff') format('woff'),\r\n    url('../public/fonts/icomoon.svg#icomoon') format('svg');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n  font-display: block;\r\n}\r\n\r\n[class^=\"glyph\"], [class*=\" glyph\"] {\r\n  /* use !important to prevent issues with browser extensions that change fonts */\r\n  font-family: 'icomoon' !important;\r\n  speak: never;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-variant: normal;\r\n  text-transform: none;\r\n  line-height: 1;\r\n\r\n  /* Better Font Rendering =========== */\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n.glyph-check:before {\r\n  content: \"\\e906\";\r\n}\r\n.glyph-add::before {\r\n  content: \"\\e900\";\r\n}\r\n.glyph-email::before {\r\n  content: \"\\e902\";\r\n}\r\n.glyph-pdf::before {\r\n  content: \"\\e903\";\r\n}\r\n.glyph-pencil::before {\r\n  content: \"\\e904\";\r\n}\r\n.glyph-print::before {\r\n  content: \"\\e905\";\r\n}\r\n.glyph-arrow-down::before {\r\n  content: \"\\e901\";\r\n}\r\n.glyph-remove::before {\r\n  content: \"\\e914\";\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=58483cb8&lang=pug&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=58483cb8&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',[_c('ErrorMessage'),_c('ConfiguratorHeader'),_c('div',{staticClass:\"configurator__grid\"},[_c('SelectorConnector',{attrs:{\"parameter\":'connector_left'}}),_c('SelectorCable',{attrs:{\"parameter\":'cable'}}),_c('SelectorConnector',{attrs:{\"parameter\":'connector_right'}})],1),_c('ConfiguratorFooter')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return (this.errorMessage.length > 0)?_c('div',{staticClass:\"errorMessage\"},[_c('span',{staticClass:\"errorMessageText\",domProps:{\"innerHTML\":_vm._s(this.errorMessage)}})]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n.errorMessage(v-if=\"this.errorMessage.length > 0\")\r\n    span.errorMessageText(v-html=\"this.errorMessage\")\r\n</template>\r\n<script>\r\n\r\nimport { mapGetters, mapMutations } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"ErrorMessage\",\r\n  computed: {\r\n    ...mapGetters([\"errorMessage\"]),\r\n  },\r\n  methods: {\r\n    ...mapMutations([\"setErrorMessage\"]),\r\n  },\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n.errorMessage {\r\n  color: #b94a48;\r\n  display: flex;\r\n  flex-direction: column;\r\n  border: 1px solid #eed3d7;\r\n  border-radius: 3px;\r\n  background-color: #f2dede;\r\n  padding: 15px;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ErrorMessage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ErrorMessage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ErrorMessage.vue?vue&type=template&id=1bc0c01a&scoped=true&lang=pug&\"\nimport script from \"./ErrorMessage.vue?vue&type=script&lang=js&\"\nexport * from \"./ErrorMessage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ErrorMessage.vue?vue&type=style&index=0&id=1bc0c01a&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1bc0c01a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('header',[_c('img',{attrs:{\"src\":_vm.header.logo}}),_c('div',{staticClass:\"bm-header\"},[_c('small',{domProps:{\"innerHTML\":_vm._s(_vm.header.copy)}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n\r\n\r\nheader\r\n\r\n  img(:src=\"header.logo\")\r\n  div.bm-header\r\n    small(v-html=\"header.copy\")\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapMutations } from \"vuex\";\r\nexport default {\r\n  name: \"ConfiguratorHeader\",\r\n  computed: {\r\n    ...mapGetters([\"header\", \"errorMessage\"]),\r\n  },\r\n  methods: {\r\n    ...mapMutations([\"setErrorMessage\"]),\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\nheader {\r\n  display: flex;\r\n  gap: 1.25rem 2rem;\r\n  margin: 0 0 0rem;\r\n  flex-direction: column;\r\n  @include mq(lg) {\r\n  margin: 0 0 0rem;\r\n    flex-direction: row;\r\n  }\r\n}\r\n.bm-header {\r\n  a {\r\n    color: #004E7D;\r\n  }\r\n}\r\n\r\nimg {\r\n  align-self: center;\r\n  @include mq(lg) {\r\n    flex: 0 1 250px;\r\n    min-width: 225px;\r\n  }\r\n}\r\n\r\ndiv {\r\n  position: relative;\r\n  display: flex;\r\n  @include mq(lg) {\r\n    padding: 0.25rem 0;\r\n    &::before {\r\n      content: \"\";\r\n      width: 1px;\r\n      background: lighten($midGray, 10%);\r\n      position: relative;\r\n      left: -1.125rem;\r\n      top: 0;\r\n      bottom: 0;\r\n    }\r\n  }\r\n  small::v-deep *:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ConfiguratorHeader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ConfiguratorHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConfiguratorHeader.vue?vue&type=template&id=227bd847&scoped=true&lang=pug&\"\nimport script from \"./ConfiguratorHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./ConfiguratorHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConfiguratorHeader.vue?vue&type=style&index=0&id=227bd847&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"227bd847\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"selector\",class:_vm.parameter},[_c('div',{staticClass:\"selection\"},[_c('div',{staticClass:\"selection__inner\"},[(_vm.selection)?[_c('img',{staticClass:\"product-image\",attrs:{\"src\":_vm.selection.image}}),_c('p',{staticClass:\"product-name\"},[_vm._v(_vm._s(_vm.selection.name))])]:_c('div',{staticClass:\"base-image\"},[_vm._m(0)])],2)]),_c('SelectionError',{attrs:{\"visible\":_vm.error,\"text\":_vm.errorText}}),_c('SelectionAction',{attrs:{\"actionText\":_vm.actionText,\"open\":_vm.open,\"error\":_vm.error,\"selected\":!!_vm.selection,\"products\":_vm.connectors,\"parameter\":_vm.parameter},on:{\"open\":function($event){_vm.open = true},\"close\":function($event){_vm.open = false}}})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"connector\"},[_c('div',{staticClass:\"base\"}),_c('div',{staticClass:\"body\"}),_c('div',{staticClass:\"input\"})])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"action\"},[_c('div',{staticClass:\"controls\",class:{ selected: _vm.selected, error: _vm.error }},[_c('button',{staticClass:\"toggle\",domProps:{\"innerHTML\":_vm._s(_vm.actionText)},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.openModal.apply(null, arguments)}}}),(_vm.parameter === 'cable' && _vm.$mq.desktop)?_c('SelectorLength'):_vm._e()],1),_c('TransitionFade',[(_vm.open)?_c('SelectionModal',{attrs:{\"toggle\":_vm.toggle,\"products\":_vm.products,\"parameter\":_vm.parameter},on:{\"close\":_vm.closeModal}}):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"length\"},[_c('label',{staticClass:\"length__label\"},[_c('span',{staticClass:\"length__control\",class:{ error: _vm.error }},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.length),expression:\"length\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Cable Length\",\"inputmode\":\"numeric\",\"min\":\"0\",\"step\":\"1\",\"pattern\":\"[0-9]+\"},domProps:{\"value\":(_vm.length)},on:{\"input\":function($event){if($event.target.composing)return;_vm.length=$event.target.value}}}),_c('em',{class:{ error: _vm.error }},[_vm._v(\"inches\")])]),_c('SelectionError',{attrs:{\"visible\":_vm.error,\"text\":_vm.errorText}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('TransitionExpand',[(_vm.visible)?_c('div',{key:'test',staticClass:\"error\"},[_c('small',[_vm._v(_vm._s(_vm.text))])]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('transition-group',{attrs:{\"tag\":\"span\",\"name\":\"expand\"},on:{\"enter\":_vm.enter,\"after-enter\":_vm.afterEnter,\"leave\":_vm.leave}},[_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\ntransition-group(\r\n  tag=\"span\",\r\n  name=\"expand\",\r\n  @enter=\"enter\",\r\n  @after-enter=\"afterEnter\",\r\n  @leave=\"leave\"\r\n)\r\n  slot\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"Expand\",\r\n  methods: {\r\n    enter(element) {\r\n      const width = getComputedStyle(element).width;\r\n\r\n      element.style.width = width;\r\n      element.style.position = \"absolute\";\r\n      element.style.visibility = \"hidden\";\r\n      element.style.height = \"auto\";\r\n\r\n      const height = getComputedStyle(element).height;\r\n\r\n      element.style.width = null;\r\n      element.style.position = null;\r\n      element.style.visibility = null;\r\n      element.style.height = 0;\r\n\r\n      getComputedStyle(element).height;\r\n\r\n      requestAnimationFrame(() => {\r\n        element.style.height = height;\r\n      });\r\n    },\r\n    afterEnter(element) {\r\n      element.style.height = \"auto\";\r\n    },\r\n    leave(element) {\r\n      const height = getComputedStyle(element).height;\r\n\r\n      element.style.height = height;\r\n\r\n      getComputedStyle(element).height;\r\n\r\n      requestAnimationFrame(() => {\r\n        element.style.height = 0;\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\nspan {\r\n  display: block;\r\n\r\n  &::v-deep {\r\n    & > * {\r\n      will-change: height;\r\n      transform: translateZ(0);\r\n      backface-visibility: hidden;\r\n      perspective: 1000px;\r\n      transition: height 350ms ease, opacity 350ms ease;\r\n    }\r\n    .expand-enter-active,\r\n    .expand-leave-active {\r\n      overflow: hidden;\r\n    }\r\n\r\n    .expand-enter-from,\r\n    .expand-leave-to {\r\n      height: 0;\r\n      opacity: 0;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Expand.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Expand.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Expand.vue?vue&type=template&id=75cb2ee3&scoped=true&lang=pug&\"\nimport script from \"./Expand.vue?vue&type=script&lang=js&\"\nexport * from \"./Expand.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Expand.vue?vue&type=style&index=0&id=75cb2ee3&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"75cb2ee3\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\r\n  TransitionExpand\r\n    .error(v-if=\"visible\", :key=\"'test'\")\r\n      small {{text}}\r\n</template>\r\n\r\n\r\n<script>\r\nimport TransitionExpand from '@/transitions/Expand';\r\nexport default {\r\n  name: 'SelectionError',\r\n  props: ['text', 'visible'],\r\n  components: {\r\n    TransitionExpand,\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.error {\r\n  background: darken($red, 10%);\r\n  text-indent: 0;\r\n  small {\r\n    display: block;\r\n    text-indent: 0;\r\n    padding: 0.25rem 0.5rem;\r\n    line-height: 1.15;\r\n    color: $white;\r\n    font-style: italic;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SelectionError.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SelectionError.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectionError.vue?vue&type=template&id=5a54b81f&scoped=true&lang=pug&\"\nimport script from \"./SelectionError.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectionError.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectionError.vue?vue&type=style&index=0&id=5a54b81f&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5a54b81f\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\r\n.length\r\n  label.length__label\r\n    span.length__control(:class=\"{ error }\")\r\n      input(\r\n        v-model=\"length\",\r\n        type=\"text\",\r\n        placeholder=\"Cable Length\",\r\n        inputmode=\"numeric\",\r\n        min=\"0\",\r\n        step=\"1\",\r\n        pattern=\"[0-9]+\")\r\n      em(:class=\"{ error }\") inches\r\n    SelectionError(:visible=\"error\", :text=\"errorText\")\r\n</template>\r\n\r\n\r\n<script>\r\nimport { mapGetters, mapMutations } from \"vuex\";\r\nimport SelectionError from \"./SelectionError\";\r\nexport default {\r\n  name: \"SelectorLength\",\r\n  components: {\r\n    SelectionError,\r\n  },\r\n  data() {\r\n    return {\r\n      error: false,\r\n      errorText: \"Please enter a cable length.\",\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"model\", \"touched\"]),\r\n    length: {\r\n      get() {\r\n        return this.model.length || \"\";\r\n      },\r\n      set(value) {\r\n        value = Number(value);\r\n        if (!value) value = 0;\r\n       \r\n        this.setModel({ parameter: \"length\", value });\r\n      },\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapMutations([\"setModel\"]),\r\n    handleError() {\r\n      this.error = this.touched && !this.length;\r\n    },\r\n  },\r\n  watch: {\r\n    touched() {\r\n      this.handleError();\r\n    },\r\n    model: {\r\n      deep: true,\r\n      handler() {\r\n        this.handleError();\r\n      },\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.length {\r\n  display: flex;\r\n  margin: 0;\r\n\r\n  &__label {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  &__control {\r\n    display: flex;\r\n    position: relative;\r\n    border: 1px solid $midGray;\r\n    height: 2.5rem;\r\n    background: $white;\r\n    flex: 0 0 auto;\r\n    transition: 0.25s ease;\r\n\r\n    &.error {\r\n      border-color: $red;\r\n    }\r\n\r\n    input {\r\n      padding: 0.75rem 1rem;\r\n      position: relative;\r\n      min-width: 115px;\r\n      width: 0;\r\n      height: 100%;\r\n      appearance: none;\r\n      border: none;\r\n      background: transparent;\r\n      margin: 0;\r\n      font-size: 1rem;\r\n      &::placeholder {\r\n        font-size: 0.875rem;\r\n      }\r\n    }\r\n\r\n    em {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      line-height: 1;\r\n      padding: 0.75rem 1rem;\r\n      font-size: 0.75rem;\r\n      font-style: normal;\r\n      background: $midGray;\r\n      transition: 0.25s ease;\r\n\r\n      &.error {\r\n        background: $buttonHighlightBackground;\r\n        color: $buttonHighlightColor;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SelectorLength.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SelectorLength.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectorLength.vue?vue&type=template&id=117f49aa&scoped=true&lang=pug&\"\nimport script from \"./SelectorLength.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectorLength.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectorLength.vue?vue&type=style&index=0&id=117f49aa&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"117f49aa\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"modal\"},[_c('div',{staticClass:\"backdrop\",on:{\"click\":function($event){if($event.target !== $event.currentTarget)return null;return _vm.closeModal.apply(null, arguments)}}}),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"content\"},[(_vm.parameter !== 'cable')?_c('div',{staticClass:\"filter\"},[_c('label',[_c('span',[_vm._v(\"Select RF Series\")]),_c('div',[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.filter),expression:\"filter\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.filter=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"selected\":\"\"},domProps:{\"value\":null}},[_vm._v(\"All Series\")]),_vm._l((_vm.productLines),function(line){return _c('option',{domProps:{\"value\":line}},[_vm._v(_vm._s(line))])})],2),_c('i',{staticClass:\"glyph-arrow-down\"})])])]):_vm._e(),_c('TransitionShuffle',{staticClass:\"products\",attrs:{\"tag\":\"div\"}},_vm._l((_vm.visible),function(product,i){return _c('SelectionProduct',{key:`${product.sku}-${i}`,attrs:{\"product\":product,\"parameter\":_vm.parameter},on:{\"selected\":_vm.closeModal}})}),1)],1),_c('div',{staticClass:\"arrow\",style:(_vm.arrowPos)})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('transition-group',{staticClass:\"root\",attrs:{\"tag\":_vm.tag,\"name\":\"shuffle\"}},[_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\ntransition-group.root(\r\n  :tag=\"tag\"\r\n  name=\"shuffle\")\r\n  slot\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"Shuffle\",\r\n  props: ['tag']\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.root {\r\n  position: relative;\r\n  \r\n  &::v-deep {\r\n    & > * {\r\n      will-change: height;\r\n      transform: translateZ(0);\r\n      backface-visibility: hidden;\r\n      perspective: 1000px;\r\n      transition: height 350ms ease, opacity 350ms ease;\r\n    }\r\n    \r\n    .shuffle-enter {\r\n      opacity: 0;\r\n      transform: translateY(30px);\r\n    }\r\n    .shuffle-leave-to {\r\n      opacity: 0;\r\n    }\r\n    .shuffle-leave-active {\r\n      position: absolute;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Shuffle.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Shuffle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Shuffle.vue?vue&type=template&id=c7c55558&scoped=true&lang=pug&\"\nimport script from \"./Shuffle.vue?vue&type=script&lang=js&\"\nexport * from \"./Shuffle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Shuffle.vue?vue&type=style&index=0&id=c7c55558&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"c7c55558\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"product\",class:{ selected: _vm.selected, viable: _vm.viable, 'out-of-stock' : this.isOutOfStock  },attrs:{\"role\":\"button\",\"tabindex\":\"0\"},on:{\"click\":_vm.select}},[_c('div',{staticClass:\"product__inner\"},[_c('img',{staticClass:\"product-image\",attrs:{\"src\":_vm.product.image}}),_c('p',{staticClass:\"product-name\"},[_vm._v(_vm._s(_vm.product.name))]),(_vm.isOutOfStock)?[_c('span',{staticClass:\"out-of-stock\"},[_vm._v(_vm._s(this.outOfStock))])]:_vm._e()],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n.product(\r\n  @click=\"select\",\r\n  :class=\"{ selected, viable, 'out-of-stock' : this.isOutOfStock  }\",\r\n  role=\"button\",\r\n  tabindex=\"0\"\r\n)\r\n  .product__inner\r\n    img.product-image(:src=\"product.image\")\r\n    p.product-name {{ product.name }}\r\n    template(v-if=\"isOutOfStock\")\r\n        span.out-of-stock {{this.outOfStock}}\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapMutations } from \"vuex\";\r\nexport default {\r\n  name: \"SelectionProduct\",\r\n  props: [\"product\", \"parameter\"],\r\n  computed: {\r\n    ...mapGetters([\"model\", \"outOfStock\"]),\r\n    selected() {\r\n      return this.model[this.parameter] === this.product.sku;\r\n    },\r\n    viable() {\r\n      return this.product.viable;\r\n    },\r\n    isOutOfStock() {\r\n      let isOutOfStock = false;\r\n      if (this.parameter !== 'cable') {\r\n        if (this.model.cable) {\r\n          let child = this.product.children.find(x => x.meta.compatibility[0] === this.model.cable);\r\n          isOutOfStock = this.product.meta.isOutOfStock || child?.meta.isOutOfStock;\r\n        }\r\n        else {\r\n          isOutOfStock = this.product.meta.isOutOfStock;\r\n        }\r\n      }\r\n      return isOutOfStock;\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapMutations([\"setModel\"]),\r\n    select() {\r\n      const {\r\n        parameter,\r\n        product: { sku },\r\n      } = this;\r\n      if (this.isOutOfStock)\r\n          return alert(this.outOfStock);\r\n      this.setModel({ parameter, value: sku });\r\n      this.$emit(\"selected\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.product {\r\n  display: flex;\r\n  background: $white;\r\n  border: 1px solid $midGray;\r\n  position: relative;\r\n  grid-area: span 1 / span 1;\r\n  cursor: pointer;\r\n  transition: all 0.5s;\r\n  justify-content: center;\r\n\r\n  &.out-of-stock{\r\n    background: $midGray;\r\n  }\r\n\r\n  &:not(.viable) {\r\n    opacity: 0.35;\r\n    filter: grayscale(50%) brightness(90%);\r\n    &:hover {\r\n      opacity: 0.5;\r\n      filter: grayscale(20%) brightness(95%);\r\n    }\r\n  }\r\n\r\n  &.selected {\r\n    border: 1px solid $darkGray;\r\n    outline: 2px solid $darkGray;\r\n  }\r\n\r\n  &::before {\r\n    content: \"\";\r\n    display: block;\r\n    position: relative;\r\n    padding-top: calc(80% + 1rem);\r\n  }\r\n\r\n  &__inner {\r\n    display: flex;\r\n    flex-direction: column;\r\n    //position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n  }\r\n\r\n  &-image {\r\n    //padding: 0.75rem;\r\n    object-fit: scale-down;\r\n    flex: 1 1 100%;\r\n    @include mq(md) {\r\n      max-width: 150px;\r\n      margin: auto;\r\n    }\r\n  }\r\n\r\n  &-name {\r\n    margin-top: auto;\r\n    border-top: 1px solid lighten($midGray, 7%);\r\n    flex: 0 0 auto;\r\n    margin: 0;\r\n    text-align: center;\r\n    padding: 1rem 1.25rem;\r\n    font-size: 0.875rem;\r\n  }\r\n}\r\n\r\nspan.out-of-stock{\r\n    color: red;\r\n    text-align: center;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SelectionProduct.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SelectionProduct.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectionProduct.vue?vue&type=template&id=04a550bf&scoped=true&lang=pug&\"\nimport script from \"./SelectionProduct.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectionProduct.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectionProduct.vue?vue&type=style&index=0&id=04a550bf&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"04a550bf\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\r\n.modal\r\n  .backdrop(@click.self=\"closeModal\")\r\n  .body\r\n    .content\r\n      .filter(v-if=\"parameter !== 'cable'\")\r\n        label \r\n          span Select RF Series\r\n          div\r\n            select(v-model=\"filter\")\r\n              option(:value=\"null\", selected) All Series\r\n              option(v-for=\"line in productLines\", :value=\"line\") {{ line }}\r\n            i.glyph-arrow-down\r\n      TransitionShuffle.products(tag=\"div\")\r\n        SelectionProduct(\r\n          @selected=\"closeModal\",\r\n          v-for=\"(product, i) in visible\",\r\n          :key=\"`${product.sku}-${i}`\",\r\n          :product=\"product\",\r\n          :parameter=\"parameter\"\r\n        )\r\n    .arrow(:style=\"arrowPos\")\r\n</template>\r\n\r\n\r\n<script>\r\nimport TransitionShuffle from \"@/transitions/Shuffle\";\r\nimport SelectionProduct from \"./SelectionProduct\";\r\n\r\nimport { mapGetters } from \"vuex\";\r\nimport { cloneDeep } from \"lodash-es\";\r\n\r\nexport default {\r\n  name: \"SelectionModal\",\r\n  props: [\"toggle\", \"products\", \"parameter\"],\r\n  components: {\r\n    TransitionShuffle,\r\n    SelectionProduct,\r\n  },\r\n  data() {\r\n    return {\r\n      filter: null,\r\n      modal: null,\r\n      arrowPos: { left: 0 },\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"model\", \"productLookup\"]),\r\n    visible() {\r\n      let products = cloneDeep(this.products);\r\n      products = products\r\n        .map((p) => {\r\n          p.viable = this.checkViability(p);\r\n          return p;\r\n        })\r\n        .sort((a, b) => b.viable - a.viable);\r\n      return this.filter\r\n        ? products.filter((p) => p.meta.line === this.filter)\r\n        : products;\r\n    },\r\n    productLines() {\r\n      return this.products\r\n        .reduce((lines, product) => {\r\n          if (!lines.includes(product.meta.line)) lines.push(product.meta.line);\r\n          return lines;\r\n        }, [])\r\n        .sort();\r\n    },\r\n  },\r\n  methods: {\r\n    checkViability(product) {\r\n      if (product.category === \"cable\") {\r\n        const left = this.productLookup(this.model.connector_left);\r\n        const right = this.productLookup(this.model.connector_right);\r\n        if (left && right) {\r\n          return (\r\n            left.meta.compatibility.includes(product.sku) &&\r\n            right.meta.compatibility.includes(product.sku)\r\n          );\r\n        } else if (right) {\r\n          return right.meta.compatibility.includes(product.sku);\r\n        } else if (left) {\r\n          return left.meta.compatibility.includes(product.sku);\r\n        } else return true;\r\n      } else {\r\n        const { cable } = this.model;\r\n        if (cable) {\r\n          return product.meta.compatibility.includes(cable);\r\n        } else return true;\r\n      }\r\n    },\r\n    getArrowPos() {\r\n      const { toggle, $el } = this;\r\n      const toggleRect = toggle.getBoundingClientRect();\r\n      const modalRect = $el.getBoundingClientRect();\r\n\r\n      this.arrowPos.left = `${\r\n        toggleRect.left - modalRect.left + toggle.offsetWidth / 2\r\n      }px`;\r\n    },\r\n    closeModal() {\r\n      this.$emit(\"close\");\r\n    },\r\n  },\r\n  mounted() {\r\n    this.getArrowPos();\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.modal {\r\n  z-index: 2000;\r\n  position: absolute;\r\n  bottom: 3.25rem;\r\n  left: 0;\r\n  width: 100%;\r\n  //padding-bottom: 4rem;\r\n}\r\n\r\n.backdrop {\r\n  content: \"\";\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: rgba($black, 0.4);\r\n  z-index: -1;\r\n  cursor: pointer;\r\n}\r\n\r\n.body {\r\n  display: flex;\r\n  flex-direction: column;\r\n  filter: drop-shadow(0 -0.175rem 0.125rem rgba($black, 0.15));\r\n  transform: translateY(-30px);\r\n  animation: drop 250ms 75ms ease forwards;\r\n}\r\n\r\n@keyframes drop {\r\n  to {\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.arrow {\r\n  position: relative;\r\n  height: 0;\r\n  width: 0;\r\n  border-bottom: 1rem solid $lightGray;\r\n  border-right: 1.125rem solid transparent;\r\n  border-left: 1.125rem solid transparent;\r\n  transform: translateX(-50%) rotate(180deg);\r\n}\r\n\r\n.content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: $lightGray;\r\n  padding: clamp(1.125rem, 3vw, 2rem);\r\n  max-height: 380px;\r\n  overflow-y: auto;\r\n  @include mq(lg) {\r\n    max-height: 440px;\r\n  }\r\n}\r\n\r\n.filter {\r\n  display: flex;\r\n  margin: 0 0 2rem;\r\n\r\n  label {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 0.5rem 1rem;\r\n    \r\n    span {\r\n      font-size: 0.75rem;\r\n      text-transform: uppercase;\r\n      font-weight: 700;\r\n    }\r\n\r\n    div {\r\n      display: flex;\r\n      position: relative;\r\n      border: 1px solid $midGray;\r\n      min-width: 190px;\r\n      height: 2.5rem;\r\n      background: $white;\r\n\r\n      select {\r\n        appearance: none;\r\n        border: none;\r\n        background: transparent;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        line-height: normal;\r\n      }\r\n\r\n      i {\r\n        position: absolute;\r\n        top: 50%;\r\n        right: 0.5rem;\r\n        transform: translateY(-50%);\r\n        line-height: 1;\r\n        font-size: 0.75rem;\r\n        transition: 0.25s ease;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.products {\r\n  display: grid;\r\n  grid-auto-rows: auto;\r\n  grid-template-columns: repeat(6, minmax(150px, 1fr));\r\n  flex-wrap: wrap;\r\n  gap: 1.5rem;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SelectionModal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SelectionModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectionModal.vue?vue&type=template&id=46b3db14&scoped=true&lang=pug&\"\nimport script from \"./SelectionModal.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectionModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectionModal.vue?vue&type=style&index=0&id=46b3db14&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"46b3db14\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('transition',{attrs:{\"name\":\"fade\"}},[_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\ntransition(name=\"fade\")\r\n  slot\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"Fade\",\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.fade-enter-active,\r\n.fade-leave-active {\r\n  transition: opacity 0.25s;\r\n}\r\n.fade-enter,\r\n.fade-leave-to {\r\n  opacity: 0;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Fade.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Fade.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Fade.vue?vue&type=template&id=0f523319&lang=pug&\"\nimport script from \"./Fade.vue?vue&type=script&lang=js&\"\nexport * from \"./Fade.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Fade.vue?vue&type=style&index=0&id=0f523319&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\r\n.action\r\n  .controls(:class=\"{ selected, error }\")\r\n    button.toggle(@click.stop.prevent=\"openModal\", v-html=\"actionText\")\r\n    SelectorLength(v-if=\"parameter === 'cable' && $mq.desktop\")\r\n\r\n  TransitionFade\r\n    SelectionModal(\r\n      @close=\"closeModal\",\r\n      v-if=\"open\",\r\n      :toggle=\"toggle\",\r\n      :products=\"products\",\r\n      :parameter=\"parameter\"\r\n    )\r\n</template>\r\n\r\n<script>\r\nimport SelectorLength from \"./SelectorLength\";\r\nimport SelectionModal from \"./SelectionModal\";\r\nimport TransitionFade from \"@/transitions/Fade\";\r\nexport default {\r\n  name: \"SelectionAction\",\r\n  props: [\"actionText\", \"open\", \"selected\", \"products\", \"error\", \"parameter\"],\r\n  components: {\r\n    SelectorLength,\r\n    SelectionModal,\r\n    TransitionFade,\r\n  },\r\n  data() {\r\n    return {\r\n      toggle: null,\r\n    };\r\n  },\r\n  methods: {\r\n    openModal() {\r\n      this.$emit(\"open\");\r\n    },\r\n    closeModal() {\r\n      this.$emit(\"close\");\r\n    },\r\n  },\r\n  mounted() {\r\n    this.toggle = this.$el.querySelector(\".toggle\");\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.action {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1 1 0%;\r\n}\r\n\r\n.controls {\r\n  padding: clamp(0.25rem, 2vw, .25rem) 0;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n  position: relative;\r\n  gap: 1rem 2rem;\r\n  flex: 1 1 100%;\r\n\r\n  &.selected button {\r\n    background: $buttonSecondaryBackground;\r\n    color: $buttonSecondaryColor;\r\n    &:hover {\r\n      background: $buttonSecondaryBackgroundHover;\r\n      color: $buttonSecondaryColorHover;\r\n    }\r\n  }\r\n\r\n  &.error button {\r\n    background: $buttonHighlightBackground;\r\n    color: $buttonHighlightColor;\r\n    &:hover {\r\n      background: $buttonHighlightBackgroundHover;\r\n      color: $buttonHighlightColorHover;\r\n    }\r\n  }\r\n\r\n  button {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.5rem;\r\n    appearance: none;\r\n    border: none;\r\n    border-radius: 0;\r\n    background: $buttonPrimaryBackground;\r\n    color: $buttonPrimaryColor;\r\n    transition: 0.25s ease;\r\n    padding: 0.75rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    font-size: 0.6875rem;\r\n    min-height: 30px;\r\n    min-width: 30px;\r\n\r\n    @include mq(lg) {\r\n      min-height: 40px;\r\n      min-width: 40px;\r\n    }\r\n\r\n    &:hover {\r\n      background: $buttonPrimaryBackgroundHover;\r\n      color: $buttonPrimaryColorHover;\r\n    }\r\n\r\n    &::v-deep span {\r\n      @include mqdn(lg) {\r\n        @include hideVisually;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SelectionAction.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SelectionAction.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectionAction.vue?vue&type=template&id=a5a93966&scoped=true&lang=pug&\"\nimport script from \"./SelectionAction.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectionAction.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectionAction.vue?vue&type=style&index=0&id=a5a93966&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a5a93966\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\r\n.selector(:class=\"parameter\")\r\n  .selection\r\n    .selection__inner\r\n      template(v-if=\"selection\")\r\n        img.product-image(:src=\"selection.image\")\r\n        p.product-name {{ selection.name }}\r\n      .base-image(v-else)\r\n        .connector\r\n          .base\r\n          .body\r\n          .input\r\n  SelectionError(:visible=\"error\", :text=\"errorText\")\r\n\r\n  SelectionAction(\r\n    @open=\"open = true\",\r\n    @close=\"open = false\",\r\n    :actionText=\"actionText\",\r\n    :open=\"open\",\r\n    :error=\"error\",\r\n    :selected=\"!!selection\",\r\n    :products=\"connectors\",\r\n    :parameter=\"parameter\"\r\n  )\r\n</template>\r\n\r\n<script>\r\nimport SelectionAction from \"./SelectionAction\";\r\nimport SelectionError from \"./SelectionError\";\r\nimport { mapGetters } from \"vuex\";\r\nexport default {\r\n  name: \"SelectorConnector\",\r\n  props: [\"parameter\"],\r\n  components: {\r\n    SelectionAction,\r\n    SelectionError,\r\n  },\r\n  data() {\r\n    return {\r\n      open: false,\r\n      error: false,\r\n      errorText: \"\",\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"connectors\", \"model\", \"validity\", \"touched\"]),\r\n    selection() {\r\n      const sku = this.model[this.parameter];\r\n      if (sku) {\r\n        return this.connectors.find((c) => c.sku === sku);\r\n      }\r\n      return false;\r\n    },\r\n    actionText() {\r\n      return `${\r\n        this.selection\r\n          ? '<i class=\"glyph-pencil\"></i><span>Edit'\r\n          : '<i class=\"glyph-add\"></i><span>Choose'\r\n      } Connector ${this.parameter === \"connector_left\" ? \"A\" : \"B\"}</span>`;\r\n    },\r\n  },\r\n  methods: {\r\n    handleError() {\r\n      let error = false;\r\n      let errorText = \"\";\r\n      if (this.touched) {\r\n        if (!this.selection) {\r\n          error = true;\r\n          errorText = \"Please select a connector.\";\r\n        } else if (!this.validity(this.selection)) {\r\n          error = true;\r\n          errorText =\r\n            \"This connector is not compatible with your cable selection.\";\r\n        }\r\n      } else {\r\n        if (this.selection && !this.validity(this.selection)) {\r\n          error = true;\r\n          errorText =\r\n            \"This connector is not compatible with your cable selection.\";\r\n        }\r\n      }\r\n      this.error = error;\r\n      this.errorText = errorText;\r\n    },\r\n  },\r\n  watch: {\r\n    touched() {\r\n      this.handleError();\r\n    },\r\n    model: {\r\n      deep: true,\r\n      handler() {\r\n        this.handleError();\r\n      },\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.selector {\r\n  // display: flex;\r\n  // flex-direction: column;\r\n  // grid-area: span 1 / span 1;\r\n}\r\n\r\n.selection {\r\n  border: 1px solid $midGray;\r\n  overflow: hidden;\r\n  position: relative;\r\n  &::before {\r\n    position: relative;\r\n    display: block;\r\n    content: \"\";\r\n    padding-top: 100%;\r\n    @include mq(md) {\r\n      padding-top: 80%;\r\n    }\r\n  }\r\n\r\n  &__inner {\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n.product {\r\n  &-image {\r\n    padding: clamp(0.75rem, 3vw, 1.5rem);\r\n    object-fit: scale-down;\r\n    flex: 1 1 100%;\r\n    margin-bottom: auto;\r\n    margin: 0 auto;\r\n    @include mq(md) {\r\n      max-width: 200px;\r\n    }\r\n  }\r\n\r\n  &-name {\r\n    margin-top: auto;\r\n    border-top: 1px solid lighten($midGray, 7%);\r\n    flex: 0 0 auto;\r\n    margin: 0;\r\n    text-align: center;\r\n    padding: 1rem 1.25rem;\r\n    font-size: 0.75rem;\r\n    @include mqdn(lg) {\r\n      @include hideVisually;\r\n    }\r\n  }\r\n}\r\n\r\n.base-image {\r\n  margin: auto;\r\n  z-index: 0;\r\n  position: relative;\r\n  min-width: 2.75rem;\r\n  width: 33.333%;\r\n  max-width: 8rem;\r\n  .connector_left & {\r\n    transform: rotate(180deg);\r\n  }\r\n  .selected & {\r\n    display: none;\r\n  }\r\n  &::before {\r\n    position: relative;\r\n    display: block;\r\n    content: \"\";\r\n    padding-top: 87.5%;\r\n  }\r\n\r\n  .connector {\r\n    display: flex;\r\n    align-items: center;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin: auto;\r\n    &::before {\r\n      content: \"\";\r\n      height: 20%;\r\n      background: $black;\r\n      width: 50vw;\r\n      position: absolute;\r\n      right: 100%;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n    }\r\n  }\r\n\r\n  .base {\r\n    height: 60%;\r\n    width: 20%;\r\n    background: $black;\r\n    border-right: 1px solid lighten($black, 10%);\r\n    z-index: 2;\r\n  }\r\n\r\n  .body {\r\n    height: 100%;\r\n    width: 60%;\r\n    background: $black;\r\n    left: -1px;\r\n    clip-path: polygon(\r\n      0 10%,\r\n      7.5% 0,\r\n      92.5% 0,\r\n      100% 10%,\r\n      100% 90%,\r\n      92.5% 100%,\r\n      7.5% 100%,\r\n      0 90%\r\n    );\r\n    border: none;\r\n    position: relative;\r\n    z-index: 1;\r\n    &::before,\r\n    &::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 33.333%;\r\n      background: lighten($black, 10%);\r\n      height: 1px;\r\n      width: 100%;\r\n    }\r\n    &::after {\r\n      top: 66.666%;\r\n    }\r\n  }\r\n\r\n  .input {\r\n    position: relative;\r\n    height: 80%;\r\n    width: 20%;\r\n    background: $black;\r\n    border-left: 1px solid lighten($black, 10%);\r\n    border-radius: 0 0.25rem 0.25rem 0;\r\n    z-index: 2;\r\n    left: -2px;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SelectorConnector.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SelectorConnector.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectorConnector.vue?vue&type=template&id=6ec1fee5&scoped=true&lang=pug&\"\nimport script from \"./SelectorConnector.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectorConnector.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectorConnector.vue?vue&type=style&index=0&id=6ec1fee5&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6ec1fee5\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"selector\",class:_vm.parameter},[_c('div',{staticClass:\"selection\"},[_c('div',{staticClass:\"selection__inner\"},[(_vm.selection)?[_c('img',{staticClass:\"product-image\",attrs:{\"src\":_vm.selection.image}}),_c('p',{staticClass:\"product-name\"},[_vm._v(_vm._s(_vm.selection.name))])]:_c('div',{staticClass:\"base-image\"},[_c('div',{staticClass:\"cable\"})])],2)]),_c('SelectionError',{attrs:{\"visible\":_vm.error,\"text\":_vm.errorText}}),_c('SelectionAction',{attrs:{\"actionText\":_vm.actionText,\"open\":_vm.open,\"error\":_vm.error,\"selected\":!!_vm.selection,\"products\":_vm.cables,\"parameter\":_vm.parameter},on:{\"open\":function($event){_vm.open = true},\"close\":function($event){_vm.open = false}}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n.selector(:class=\"parameter\")\r\n  .selection\r\n    .selection__inner\r\n      template(v-if=\"selection\")\r\n        img.product-image(:src=\"selection.image\")\r\n        p.product-name {{ selection.name }}\r\n      .base-image(v-else)\r\n        .cable\r\n  SelectionError(:visible=\"error\", :text=\"errorText\")\r\n\r\n  SelectionAction(\r\n    @open=\"open = true\",\r\n    @close=\"open = false\",\r\n    :actionText=\"actionText\",\r\n    :open=\"open\",\r\n    :error=\"error\",\r\n    :selected=\"!!selection\",\r\n    :products=\"cables\",\r\n    :parameter=\"parameter\"\r\n  )\r\n</template>\r\n\r\n<script>\r\nimport SelectionAction from \"./SelectionAction\";\r\nimport SelectionError from \"./SelectionError\";\r\nimport { mapGetters } from \"vuex\";\r\nexport default {\r\n  name: \"SelectorCable\",\r\n  props: [\"parameter\"],\r\n  components: {\r\n    SelectionAction,\r\n    SelectionError,\r\n  },\r\n  data() {\r\n    return {\r\n      open: false,\r\n      error: false,\r\n      errorText: \"\",\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"cables\", \"model\", \"validity\", \"touched\"]),\r\n      selection() {\r\n      const sku = this.model[this.parameter];\r\n      if (sku) {\r\n        return this.cables.find((c) => c.sku === sku);\r\n      }\r\n      return false;\r\n    },\r\n    actionText() {\r\n      return `${\r\n        this.selection\r\n          ? '<i class=\"glyph-pencil\"></i><span>Edit'\r\n          : '<i class=\"glyph-add\"></i><span>Choose'\r\n      } Cable</span>`;\r\n    },\r\n  },\r\n  methods: {\r\n    handleError() {\r\n      let error = false;\r\n      let errorText = \"\";\r\n      if (this.touched) {\r\n        if (!this.selection) {\r\n          error = true;\r\n          errorText = \"Please select a cable.\";\r\n        } \r\n        else if (!this.validity(this.selection)) {\r\n          error = true;\r\n          errorText =\r\n            \"This cable is not compatible one or more of your selected connectors.\";\r\n        }\r\n      } else {\r\n        if (this.selection && !this.validity(this.selection)) {\r\n          error = true;\r\n          errorText =\r\n            \"This cable is not compatible one or more of your selected connectors.\";\r\n        }\r\n      }\r\n      this.error = error;\r\n      this.errorText = errorText;\r\n    },\r\n  },\r\n  watch: {\r\n    touched() {\r\n      this.handleError();\r\n    },\r\n    model: {\r\n      deep: true,\r\n      handler() {\r\n        this.handleError();\r\n      },\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.selector {\r\n  display: flex;\r\n  flex-direction: column;\r\n  grid-area: span 1 / span 1;\r\n}\r\n\r\n.selection {\r\n  border: 1px solid $midGray;\r\n  overflow: hidden;\r\n  position: relative;\r\n  &::before {\r\n    position: relative;\r\n    display: block;\r\n    content: \"\";\r\n    //padding-top: calc(50% - 1px);\r\n    padding-top: 100%;\r\n    @include mq(md) {\r\n      //padding-top: calc(40% - 1px);\r\n      padding-top: 80%;\r\n    }\r\n  }\r\n\r\n  &__inner {\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n.product {\r\n  &-image {\r\n    padding: clamp(0.75rem, 3vw, 1.5rem);\r\n    object-fit: scale-down;\r\n    flex: 1 1 100%;\r\n    margin-bottom: auto;\r\n    max-height: 100%;\r\n    margin: 0 auto;\r\n    @include mq(md) {\r\n      max-width: 200px;\r\n    }\r\n  }\r\n\r\n  &-name {\r\n    margin-top: auto;\r\n    border-top: 1px solid lighten($midGray, 7%);\r\n    flex: 0 0 auto;\r\n    margin: 0;\r\n    text-align: center;\r\n    padding: 1rem 1.25rem;\r\n    font-size: 0.75rem;\r\n    @include mqdn(lg) {\r\n      @include hideVisually;\r\n    }\r\n  }\r\n}\r\n\r\n.base-image {\r\n  margin: auto;\r\n  z-index: 0;\r\n  position: relative;\r\n  min-width: 2.75rem;\r\n  width: 16.666%;\r\n  max-width: 8rem;\r\n  .selected & {\r\n    display: none;\r\n  }\r\n  &::before {\r\n    position: relative;\r\n    display: block;\r\n    content: \"\";\r\n    padding-top: 87.5%;\r\n  }\r\n\r\n  .cable {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin: auto;\r\n    &::before {\r\n      content: \"\";\r\n      height: 20%;\r\n      background: $black;\r\n      width: 50vw;\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      transform: translate(-50%, -50%);\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SelectorCable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SelectorCable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectorCable.vue?vue&type=template&id=cfec18b6&scoped=true&lang=pug&\"\nimport script from \"./SelectorCable.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectorCable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectorCable.vue?vue&type=style&index=0&id=cfec18b6&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"cfec18b6\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('footer',[(!_vm.$mq.desktop)?_c('SelectorLength'):_vm._e(),_c('SelectorMatchDelay'),_c('nav',[_c('button',{on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clearModel.apply(null, arguments)}}},[_vm._v(\"Clear Selections\")]),_c('button',{class:{ disabled: _vm.disabled },on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.navigate.apply(null, arguments)}}},[_vm._v(\"Continue\")])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"match\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.match),expression:\"match\"}],attrs:{\"id\":\"match\",\"type\":\"checkbox\",\"value\":\"true\"},domProps:{\"checked\":Array.isArray(_vm.match)?_vm._i(_vm.match,\"true\")>-1:(_vm.match)},on:{\"change\":function($event){var $$a=_vm.match,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=\"true\",$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.match=$$a.concat([$$v]))}else{$$i>-1&&(_vm.match=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.match=$$c}}}}),_vm._m(0)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('label',{attrs:{\"for\":\"match\"}},[_c('span',[_vm._v(\"Add Delay Match (additional $20 charge)\")])])\n}]\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n.match\r\n  input#match(v-model=\"match\", type=\"checkbox\", value=\"true\")\r\n  label(for=\"match\") \r\n    span Add Delay Match (additional $20 charge)\r\n</template>\r\n\r\n\r\n<script>\r\nimport { mapGetters, mapMutations } from \"vuex\";\r\nexport default {\r\n  name: \"SelectorMatch\",\r\n  computed: {\r\n    ...mapGetters([\"model\"]),\r\n    match: {\r\n        get() {            \r\n        return this.model.match || \"\";\r\n      },\r\n        set(value) {            \r\n        this.setModel({ parameter: \"match\", value });\r\n      },\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapMutations([\"setModel\"]),\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.match {\r\n  display: flex;\r\n  margin: 0;\r\n  position: relative;\r\n\r\n  input {\r\n    @include hideVisually;\r\n\r\n    &:checked + label::before {\r\n      color: inherit;\r\n    }\r\n  }\r\n\r\n  label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    font-size: 0.875rem;\r\n    cursor: pointer;\r\n\r\n    &::before {\r\n      content: \"\\e906\";\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      height: 1.125rem;\r\n      width: 1.125rem;\r\n      color: transparent;\r\n      border: 1px solid $midGray;\r\n      font-family: \"icomoon\" !important;\r\n      font-style: normal;\r\n      font-weight: normal;\r\n      font-variant: normal;\r\n      text-transform: none;\r\n      line-height: 1;\r\n      font-size: 0.875rem;\r\n      transition: 0.15s ease;\r\n\r\n      /* Better Font Rendering =========== */\r\n      -webkit-font-smoothing: antialiased;\r\n      -moz-osx-font-smoothing: grayscale;\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SelectorMatchDelay.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SelectorMatchDelay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectorMatchDelay.vue?vue&type=template&id=00061c04&scoped=true&lang=pug&\"\nimport script from \"./SelectorMatchDelay.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectorMatchDelay.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectorMatchDelay.vue?vue&type=style&index=0&id=00061c04&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"00061c04\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\r\nfooter\r\n  SelectorLength(v-if=\"!$mq.desktop\")\r\n  SelectorMatchDelay\r\n  nav\r\n    button(@click.stop.prevent=\"clearModel\") Clear Selections\r\n    button(@click.stop.prevent=\"navigate\", :class=\"{ disabled }\") Continue\r\n</template>\r\n\r\n<script>\r\nimport SelectorLength from \"@/components/configurator/SelectorLength\";\r\nimport SelectorMatchDelay from \"@/components/configurator/SelectorMatchDelay\";\r\nimport { mapGetters, mapMutations } from \"vuex\";\r\nexport default {\r\n  name: \"ConfiguratorFooter\",\r\n  components: {\r\n    SelectorLength,\r\n    SelectorMatchDelay,\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"model\", \"validity\", \"touched\", \"configID\"]),\r\n    disabled() {\r\n      return !this.validity();\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapMutations([\"clearModel\", \"setTouched\"]),\r\n    navigate() {\r\n      this.setTouched();\r\n        if (this.validity()) {            \r\n            let { configID } = this;\r\n\r\n\r\n            this.$router.push({\r\n                path: `configuration/${configID}`,\r\n                query: {\r\n                    length: this.model.length,\r\n                    delay: this.model.match ? 1 : 0\r\n                }\r\n            });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\nfooter {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n  gap: 1.5rem;\r\n\r\n  @include mq(lg) {\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\nnav {\r\n  display: flex;\r\n  gap: clamp(1.125rem, 3vw, 2rem);\r\n}\r\n\r\nbutton {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  appearance: none;\r\n  border: none;\r\n  border-radius: 0;\r\n  transition: 0.25s ease;\r\n  padding: 0.75rem 1.25rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n  font-size: 0.6875rem;\r\n  min-height: 40px;\r\n  background: $buttonHighlightBackground;\r\n  color: $buttonHighlightColor;\r\n\r\n  &:hover {\r\n    background: $buttonHighlightBackgroundHover;\r\n    color: $buttonHighlightColorHover;\r\n  }\r\n\r\n  &.disabled {\r\n    background: $buttonTertiaryBackground;\r\n    color: $buttonTertiaryColor;\r\n    &:hover {\r\n      background: $buttonTertiaryBackgroundHover;\r\n      color: $buttonTertiaryColorHover;\r\n    }\r\n  }\r\n\r\n  &:nth-child(1) {\r\n    background: $buttonGhostBackground;\r\n    color: $buttonGhostColor;\r\n    border: 1px solid $buttonGhostBorder;\r\n    &:hover {\r\n      background: $buttonGhostBackgroundHover;\r\n      border-color: $buttonGhostBorderHover;\r\n      color: $buttonGhostColorHover;\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ConfiguratorFooter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ConfiguratorFooter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConfiguratorFooter.vue?vue&type=template&id=6aa1ff69&scoped=true&lang=pug&\"\nimport script from \"./ConfiguratorFooter.vue?vue&type=script&lang=js&\"\nexport * from \"./ConfiguratorFooter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConfiguratorFooter.vue?vue&type=style&index=0&id=6aa1ff69&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6aa1ff69\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\r\nsection\r\n  ErrorMessage\r\n  ConfiguratorHeader\r\n    \r\n  .configurator__grid\r\n    SelectorConnector(:parameter=\"'connector_left'\")\r\n    SelectorCable(:parameter=\"'cable'\")\r\n    SelectorConnector(:parameter=\"'connector_right'\")\r\n\r\n  ConfiguratorFooter\r\n\r\n</template>\r\n\r\n<script>\r\n// @ is an alias to /src\r\nimport ErrorMessage from \"@/components/configurator/ErrorMessage\";\r\nimport ConfiguratorHeader from \"@/components/configurator/ConfiguratorHeader\";\r\nimport SelectorConnector from \"@/components/configurator/SelectorConnector\";\r\nimport SelectorCable from \"@/components/configurator/SelectorCable\";\r\nimport ConfiguratorFooter from \"@/components/configurator/ConfiguratorFooter\";\r\n\r\n\r\nexport default {\r\n  name: \"Configurator\",\r\n  components: {\r\n    ConfiguratorHeader,\r\n    ConfiguratorFooter,\r\n    SelectorConnector,\r\n    SelectorCable,\r\n    ErrorMessage\r\n  },\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\nsection {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 1rem;\r\n  padding: clamp(1.125rem, 3vw, 2rem);\r\n  background: $white;\r\n  box-shadow: 0 0 0.5rem rgba($black, 0.0375), 0 0 1rem rgba($black, 0.02);\r\n}\r\n\r\n.configurator__grid {\r\n  display: grid;\r\n  grid-template-rows: 1fr;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n  gap: clamp(0.3875rem, 2vw, 1rem);\r\n  position: relative;\r\n}\r\n</style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Configurator.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Configurator.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Configurator.vue?vue&type=template&id=5587fc20&scoped=true&lang=pug&\"\nimport script from \"./Configurator.vue?vue&type=script&lang=js&\"\nexport * from \"./Configurator.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Configurator.vue?vue&type=style&index=0&id=5587fc20&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5587fc20\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',[_c('div',{staticClass:\"top\"},[_c('MouserGeneralHeader')],1),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"mouser\"},[_c('ErrorMessage'),_c('MouserConfiguratorHeader')],1),_c('div',{staticClass:\"configurator__grid\"},[_c('SelectorConnector',{attrs:{\"parameter\":'connector_left'}}),_c('MouserSelectorCable',{attrs:{\"parameter\":'cable'}}),_c('SelectorConnector',{attrs:{\"parameter\":'connector_right'}})],1),_c('MouserConfiguratorFooter')],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('header',{staticClass:\"main-header\"},[_c('img',{attrs:{\"src\":_vm.header.mouserlogo}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n\r\nheader.main-header\r\n  img(:src=\"header.mouserlogo\")\r\n\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapMutations } from \"vuex\";\r\nexport default {\r\n  name: \"MouserGeneralHeader\",\r\n  computed: {\r\n    ...mapGetters([\"header\", \"errorMessage\"]),\r\n  },\r\n  methods: {\r\n    ...mapMutations([\"setErrorMessage\"]),\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.main-header {\r\n  display: flex;\r\n  gap: 1.25rem 2rem;\r\n  margin: 0 0 0rem;\r\n  flex-direction: column;\r\n  @include mq(lg) {\r\n  margin: 0 0 0rem;\r\n    flex-direction: row;\r\n  }\r\n}\r\n.bm-header {\r\n  a {\r\n    color: #004E7D;\r\n  }\r\n}\r\n\r\nimg {\r\n  align-self: center;\r\n  height:10vh;\r\n  @include mq(lg) {\r\n    flex: 0 1 250px;\r\n    //min-width: 100px;\r\n  }\r\n}\r\n\r\ndiv {\r\n  position: relative;\r\n  display: flex;\r\n  @include mq(lg) {\r\n    padding: 0.25rem 0;\r\n    &::before {\r\n      content: \"\";\r\n      width: 1px;\r\n      background: lighten($midGray, 10%);\r\n      position: relative;\r\n      left: -1.125rem;\r\n      margin-top: 0;\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n  small::v-deep *:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n</style>\r\n\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserGeneralHeader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserGeneralHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MouserGeneralHeader.vue?vue&type=template&id=3c699df5&scoped=true&lang=pug&\"\nimport script from \"./MouserGeneralHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./MouserGeneralHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MouserGeneralHeader.vue?vue&type=style&index=0&id=3c699df5&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3c699df5\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('header',[_c('div',{staticClass:\"bm-header\"},[_c('div',{attrs:{\"id\":\"content\"}},[_c('p',[_vm._v(\"For more information, download the \"),_c('a',{attrs:{\"href\":\"https://www.svmicrowave.com/sites/default/files/documents/Cable_Builder_App_Note_V2.pdf\"}},[_vm._v(\"Rapid Response Application Note\")]),_vm._v(\". Cable assemblies typically ship in 15 business days.\")])])])])\n}]\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n\r\n\r\nheader\r\n\r\n  //img(:src=\"header.logo\")\r\n  div.bm-header\r\n    //small(v-html=\"header.mousercopy\")\r\n    //small(v-html=\"header.copy\")\r\n\r\n    <div id=\"content\">\r\n      <p>For more information, download the <a href='https://www.svmicrowave.com/sites/default/files/documents/Cable_Builder_App_Note_V2.pdf'>Rapid Response Application Note</a>. Cable assemblies typically ship in 15 business days.</p>\r\n    </div> \r\n</template>\r\n\r\n<script>\r\n  import { mapGetters, mapMutations } from \"vuex\";\r\n  export default {\r\n    name: \"MouserConfiguratorHeader\",\r\n    computed: {\r\n      ...mapGetters([\"header\", \"errorMessage\"]),\r\n    },\r\n    methods: {\r\n      ...mapMutations([\"setErrorMessage\"]),\r\n    },\r\n  };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\nheader {\r\n  display: flex;\r\n  gap: 1.25rem 2rem;\r\n  margin: 0 0 0rem;\r\n  flex-direction: column;\r\n  @include mq(lg) {\r\n  margin: 0 0 0rem;\r\n    flex-direction: row;\r\n  }\r\n}\r\n.bm-header {\r\n  a {\r\n    color: #004E7D;\r\n  }\r\n}\r\n\r\nimg {\r\n  align-self: center;\r\n  @include mq(lg) {\r\n    flex: 0 1 250px;\r\n    min-width: 225px;\r\n  }\r\n}\r\n\r\ndiv {\r\n  position: relative;\r\n  display: flex;\r\n  // seperator\r\n  // @include mq(lg) { \r\n  //   padding: 0.25rem 0;\r\n  //   &::before {\r\n  //     content: \"\";\r\n  //     width: 1px;\r\n  //     background: lighten($midGray, 10%);\r\n  //     position: relative;\r\n  //     left: -1.125rem;\r\n  //     top: 0;\r\n  //     bottom: 0;\r\n  //   }\r\n  // }\r\n  small::v-deep *:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserConfiguratorHeader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserConfiguratorHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MouserConfiguratorHeader.vue?vue&type=template&id=cbe64a76&scoped=true&lang=pug&\"\nimport script from \"./MouserConfiguratorHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./MouserConfiguratorHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MouserConfiguratorHeader.vue?vue&type=style&index=0&id=cbe64a76&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"cbe64a76\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"selector\",class:_vm.parameter},[_c('div',{staticClass:\"selection\"},[_c('div',{staticClass:\"selection__inner\"},[(_vm.selection)?[_c('img',{staticClass:\"product-image\",attrs:{\"src\":_vm.selection.image}}),_c('p',{staticClass:\"product-name\"},[_vm._v(_vm._s(_vm.selection.name))])]:_c('div',{staticClass:\"base-image\"},[_c('div',{staticClass:\"cable\"})])],2)]),_c('SelectionError',{attrs:{\"visible\":_vm.error,\"text\":_vm.errorText}}),_c('MouserSelectionAction',{attrs:{\"actionText\":_vm.actionText,\"open\":_vm.open,\"error\":_vm.error,\"selected\":!!_vm.selection,\"products\":_vm.cables,\"parameter\":_vm.parameter},on:{\"open\":function($event){_vm.open = true},\"close\":function($event){_vm.open = false}}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"action\"},[_c('div',{staticClass:\"controls\",class:{ selected: _vm.selected, error: _vm.error }},[_c('button',{staticClass:\"toggle\",domProps:{\"innerHTML\":_vm._s(_vm.actionText)},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.openModal.apply(null, arguments)}}}),(_vm.parameter === 'cable' && _vm.$mq.desktop)?_c('MouserSelectorLength'):_vm._e()],1),_c('TransitionFade',[(_vm.open)?_c('SelectionModal',{attrs:{\"toggle\":_vm.toggle,\"products\":_vm.products,\"parameter\":_vm.parameter},on:{\"close\":_vm.closeModal}}):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"length\"},[_c('label',{staticClass:\"length__label\"},[_c('span',{staticClass:\"length__control\",class:{ error: _vm.error }},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.length),expression:\"length\"}],attrs:{\"placeholder\":\"Cable Length\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.length=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"6\",\"selected\":\"\"}},[_vm._v(\"6 \\\"\")]),_c('option',{attrs:{\"value\":\"12\"}},[_vm._v(\"12 \\\"\")]),_c('option',{attrs:{\"value\":\"18\"}},[_vm._v(\"18 \\\"\")])]),_c('em',{class:{ error: _vm.error }},[_vm._v(\"inches\")])]),_c('SelectionError',{attrs:{\"visible\":_vm.error,\"text\":_vm.errorText}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n.length\r\n  label.length__label\r\n    span.length__control(:class=\"{ error }\")\r\n      select(\r\n        v-model=\"length\",\r\n        placeholder=\"Cable Length\"\r\n        )\r\n        option(value='6', selected=true) 6 \"\r\n        option(value='12') 12 \"\r\n        option(value='18') 18 \"\r\n      em(:class=\"{ error }\") inches\r\n    SelectionError(:visible=\"error\", :text=\"errorText\")\r\n</template>\r\n\r\n\r\n<script>\r\nimport { mapGetters, mapMutations } from \"vuex\";\r\nimport SelectionError from \"./SelectionError\";\r\nexport default {\r\n  name: \"MouserSelectorLength\",\r\n  components: {\r\n    SelectionError,\r\n  },\r\n  data() {\r\n    return {\r\n      error: false,\r\n      errorText: \"Please enter a cable length.\",\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"model\", \"touched\"]),\r\n    length: {\r\n      get() {\r\n        return this.model.length || \"\";\r\n      },\r\n      set(value) {\r\n        value = Number(value);\r\n        if (!value) value = 0;\r\n       \r\n        this.setModel({ parameter: \"length\", value });\r\n      },\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapMutations([\"setModel\"]),\r\n    handleError() {\r\n      this.error = this.touched && !this.length;\r\n    },\r\n  },\r\n  watch: {\r\n    touched() {\r\n      this.handleError();\r\n    },\r\n    model: {\r\n      deep: true,\r\n      handler() {\r\n        this.handleError();\r\n      },\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.length {\r\n  display: flex;\r\n  margin: 0;\r\n\r\n  &__label {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  &__control {\r\n    display: flex;\r\n    position: relative;\r\n    border: 1px solid $midGray;\r\n    height: 2.5rem;\r\n    background: $white;\r\n    flex: 0 0 auto;\r\n    transition: 0.25s ease;\r\n\r\n    &.error {\r\n      border-color: $red;\r\n    }\r\n\r\n    input {\r\n      padding: 0.75rem 1rem;\r\n      position: relative;\r\n      min-width: 115px;\r\n      width: 0;\r\n      height: 100%;\r\n      appearance: none;\r\n      border: none;\r\n      background: transparent;\r\n      margin: 0;\r\n      font-size: 1rem;\r\n      &::placeholder {\r\n        font-size: 0.875rem;\r\n      }\r\n    }\r\n\r\n    em {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      line-height: 1;\r\n      padding: 0.75rem 1rem;\r\n      font-size: 0.75rem;\r\n      font-style: normal;\r\n      background: $midGray;\r\n      transition: 0.25s ease;\r\n\r\n      &.error {\r\n        background: $buttonHighlightBackground;\r\n        color: $buttonHighlightColor;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserSelectorLength.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserSelectorLength.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MouserSelectorLength.vue?vue&type=template&id=0e277329&scoped=true&lang=pug&\"\nimport script from \"./MouserSelectorLength.vue?vue&type=script&lang=js&\"\nexport * from \"./MouserSelectorLength.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MouserSelectorLength.vue?vue&type=style&index=0&id=0e277329&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0e277329\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\r\n.action\r\n  .controls(:class=\"{ selected, error }\")\r\n    button.toggle(@click.stop.prevent=\"openModal\", v-html=\"actionText\")\r\n    MouserSelectorLength(v-if=\"parameter === 'cable' && $mq.desktop\")\r\n\r\n  TransitionFade\r\n    SelectionModal(\r\n      @close=\"closeModal\",\r\n      v-if=\"open\",\r\n      :toggle=\"toggle\",\r\n      :products=\"products\",\r\n      :parameter=\"parameter\"\r\n    )\r\n</template>\r\n\r\n<script>\r\nimport MouserSelectorLength from \"./MouserSelectorLength\";\r\nimport SelectionModal from \"./SelectionModal\";\r\nimport TransitionFade from \"@/transitions/Fade\";\r\nexport default {\r\n  name: \"MouserSelectionAction\",\r\n  props: [\"actionText\", \"open\", \"selected\", \"products\", \"error\", \"parameter\"],\r\n  components: {\r\n    MouserSelectorLength,\r\n    SelectionModal,\r\n    TransitionFade,\r\n  },\r\n  data() {\r\n    return {\r\n      toggle: null,\r\n    };\r\n  },\r\n  methods: {\r\n    openModal() {\r\n      this.$emit(\"open\");\r\n    },\r\n    closeModal() {\r\n      this.$emit(\"close\");\r\n    },\r\n  },\r\n  mounted() {\r\n    this.toggle = this.$el.querySelector(\".toggle\");\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.action {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1 1 0%;\r\n}\r\n\r\n.controls {\r\n  padding: clamp(0.25rem, 2vw, .25rem) 0;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n  position: relative;\r\n  gap: 1rem 2rem;\r\n  flex: 1 1 100%;\r\n\r\n  &.selected button {\r\n    background: $buttonSecondaryBackground;\r\n    color: $buttonSecondaryColor;\r\n    &:hover {\r\n      background: $buttonSecondaryBackgroundHover;\r\n      color: $buttonSecondaryColorHover;\r\n    }\r\n  }\r\n\r\n  &.error button {\r\n    background: $buttonHighlightBackground;\r\n    color: $buttonHighlightColor;\r\n    &:hover {\r\n      background: $buttonHighlightBackgroundHover;\r\n      color: $buttonHighlightColorHover;\r\n    }\r\n  }\r\n\r\n  button {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.5rem;\r\n    appearance: none;\r\n    border: none;\r\n    border-radius: 0;\r\n    background: $buttonPrimaryBackground;\r\n    color: $buttonPrimaryColor;\r\n    transition: 0.25s ease;\r\n    padding: 0.75rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    font-size: 0.6875rem;\r\n    min-height: 30px;\r\n    min-width: 30px;\r\n\r\n    @include mq(lg) {\r\n      min-height: 40px;\r\n      min-width: 40px;\r\n    }\r\n\r\n    &:hover {\r\n      background: $buttonPrimaryBackgroundHover;\r\n      color: $buttonPrimaryColorHover;\r\n    }\r\n\r\n    &::v-deep span {\r\n      @include mqdn(lg) {\r\n        @include hideVisually;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserSelectionAction.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserSelectionAction.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MouserSelectionAction.vue?vue&type=template&id=f183cc32&scoped=true&lang=pug&\"\nimport script from \"./MouserSelectionAction.vue?vue&type=script&lang=js&\"\nexport * from \"./MouserSelectionAction.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MouserSelectionAction.vue?vue&type=style&index=0&id=f183cc32&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f183cc32\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\r\n.selector(:class=\"parameter\")\r\n  .selection\r\n    .selection__inner\r\n      template(v-if=\"selection\")\r\n        img.product-image(:src=\"selection.image\")\r\n        p.product-name {{ selection.name }}\r\n      .base-image(v-else)\r\n        .cable\r\n  SelectionError(:visible=\"error\", :text=\"errorText\")\r\n   \r\n  MouserSelectionAction(\r\n    @open=\"open = true\",\r\n    @close=\"open = false\",\r\n    :actionText=\"actionText\",\r\n    :open=\"open\",\r\n    :error=\"error\",\r\n    :selected=\"!!selection\",\r\n    :products=\"cables\",\r\n    :parameter=\"parameter\"\r\n  )\r\n</template>\r\n\r\n<script>\r\nimport MouserSelectionAction from \"./MouserSelectionAction\";\r\nimport SelectionError from \"./SelectionError\";\r\nimport { mapGetters } from \"vuex\";\r\nexport default {\r\n  name: \"SelectorCable\",\r\n  props: [\"parameter\"],\r\n  components: {\r\n    MouserSelectionAction,\r\n    SelectionError,\r\n  },\r\n  data() {\r\n    return {\r\n      open: false,\r\n      error: false,\r\n      errorText: \"\",\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"cables\", \"model\", \"validity\", \"touched\"]),\r\n      selection() {\r\n      const sku = this.model[this.parameter];\r\n      if (sku) {\r\n        return this.cables.find((c) => c.sku === sku);\r\n      }\r\n      return false;\r\n    },\r\n    actionText() {\r\n      return `${\r\n        this.selection\r\n          ? '<i class=\"glyph-pencil\"></i><span>Edit'\r\n          : '<i class=\"glyph-add\"></i><span>Choose'\r\n      } Cable</span>`;\r\n    },\r\n  },\r\n  methods: {\r\n    handleError() {\r\n      let error = false;\r\n      let errorText = \"\";\r\n      if (this.touched) {\r\n        if (!this.selection) {\r\n          error = true;\r\n          errorText = \"Please select a cable.\";\r\n        } \r\n        else if (!this.validity(this.selection)) {\r\n          error = true;\r\n          errorText =\r\n            \"This cable is not compatible one or more of your selected connectors.\";\r\n        }\r\n      } else {\r\n        if (this.selection && !this.validity(this.selection)) {\r\n          error = true;\r\n          errorText =\r\n            \"This cable is not compatible one or more of your selected connectors.\";\r\n        }\r\n      }\r\n      this.error = error;\r\n      this.errorText = errorText;\r\n    },\r\n  },\r\n  watch: {\r\n    touched() {\r\n      this.handleError();\r\n    },\r\n    model: {\r\n      deep: true,\r\n      handler() {\r\n        this.handleError();\r\n      },\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.selector {\r\n  display: flex;\r\n  flex-direction: column;\r\n  grid-area: span 1 / span 1;\r\n}\r\n\r\n.selection {\r\n  border: 1px solid $midGray;\r\n  overflow: hidden;\r\n  position: relative;\r\n  &::before {\r\n    position: relative;\r\n    display: block;\r\n    content: \"\";\r\n    //padding-top: calc(50% - 1px);\r\n    padding-top: 100%;\r\n    @include mq(md) {\r\n      //padding-top: calc(40% - 1px);\r\n      padding-top: 80%;\r\n    }\r\n  }\r\n\r\n  &__inner {\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n.product {\r\n  &-image {\r\n    padding: clamp(0.75rem, 3vw, 1.5rem);\r\n    object-fit: scale-down;\r\n    flex: 1 1 100%;\r\n    margin-bottom: auto;\r\n    max-height: 100%;\r\n    margin: 0 auto;\r\n    @include mq(md) {\r\n      max-width: 200px;\r\n    }\r\n  }\r\n\r\n  &-name {\r\n    margin-top: auto;\r\n    border-top: 1px solid lighten($midGray, 7%);\r\n    flex: 0 0 auto;\r\n    margin: 0;\r\n    text-align: center;\r\n    padding: 1rem 1.25rem;\r\n    font-size: 0.75rem;\r\n    @include mqdn(lg) {\r\n      @include hideVisually;\r\n    }\r\n  }\r\n}\r\n\r\n.base-image {\r\n  margin: auto;\r\n  z-index: 0;\r\n  position: relative;\r\n  min-width: 2.75rem;\r\n  width: 16.666%;\r\n  max-width: 8rem;\r\n  .selected & {\r\n    display: none;\r\n  }\r\n  &::before {\r\n    position: relative;\r\n    display: block;\r\n    content: \"\";\r\n    padding-top: 87.5%;\r\n  }\r\n\r\n  .cable {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin: auto;\r\n    &::before {\r\n      content: \"\";\r\n      height: 20%;\r\n      background: $black;\r\n      width: 50vw;\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      transform: translate(-50%, -50%);\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserSelectorCable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserSelectorCable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MouserSelectorCable.vue?vue&type=template&id=6a4146a8&scoped=true&lang=pug&\"\nimport script from \"./MouserSelectorCable.vue?vue&type=script&lang=js&\"\nexport * from \"./MouserSelectorCable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MouserSelectorCable.vue?vue&type=style&index=0&id=6a4146a8&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6a4146a8\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('footer',[(!_vm.$mq.desktop)?_c('MouserSelectorLength'):_vm._e(),_c('nav',[_c('button',{on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clearModel.apply(null, arguments)}}},[_vm._v(\"Clear Selections\")]),_c('button',{class:{ disabled: _vm.disabled },on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.navigate.apply(null, arguments)}}},[_vm._v(\"Continue\")])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\nfooter\r\n  MouserSelectorLength(v-if=\"!$mq.desktop\")\r\n  //- SelectorMatchDelay\r\n  nav\r\n    button(@click.stop.prevent=\"clearModel\") Clear Selections\r\n    button(@click.stop.prevent=\"navigate\", :class=\"{ disabled }\") Continue\r\n</template>\r\n\r\n<script>\r\nimport MouserSelectorLength from \"@/components/configurator/MouserSelectorLength\";\r\nimport SelectorMatchDelay from \"@/components/configurator/SelectorMatchDelay\";\r\nimport { mapGetters, mapMutations } from \"vuex\";\r\nexport default {\r\n  name: \"MouserConfiguratorFooter\",\r\n  components: {\r\n    MouserSelectorLength,\r\n    SelectorMatchDelay,\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"model\", \"validity\", \"touched\", \"configID\"]),\r\n    disabled() {\r\n      return !this.validity();\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapMutations([\"clearModel\", \"setTouched\"]),\r\n    navigate() {\r\n      this.setTouched();\r\n        if (this.validity()) {            \r\n            let { configID } = this;\r\n\r\n\r\n            this.$router.push({\r\n                path: `configuration/${configID}`,\r\n                query: {\r\n                    length: this.model.length,\r\n                    delay: this.model.match ? 1 : 0\r\n                }\r\n            });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\nfooter {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n  gap: 1.5rem;\r\n\r\n  @include mq(lg) {\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\nnav {\r\n  display: flex;\r\n  gap: clamp(1.125rem, 3vw, 2rem);\r\n}\r\n\r\nbutton {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  appearance: none;\r\n  border: none;\r\n  border-radius: 0;\r\n  transition: 0.25s ease;\r\n  padding: 0.75rem 1.25rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n  font-size: 0.6875rem;\r\n  min-height: 40px;\r\n  // background: $buttonHighlightBackground;\r\n  color: $buttonHighlightColor;\r\n  background: #0070BB;\r\n\r\n  &:hover {\r\n    background: $buttonHighlightBackgroundHover;\r\n    color: $buttonHighlightColorHover;\r\n  }\r\n\r\n  &.disabled {\r\n    background: $buttonTertiaryBackground;\r\n    color: $buttonTertiaryColor;\r\n    &:hover {\r\n      background: $buttonTertiaryBackgroundHover;\r\n      color: $buttonTertiaryColorHover;\r\n    }\r\n  }\r\n\r\n  &:nth-child(1) {\r\n    background: $buttonGhostBackground;\r\n    color: $buttonGhostColor;\r\n    border: 1px solid $buttonGhostBorder;\r\n    &:hover {\r\n      background: $buttonGhostBackgroundHover;\r\n      border-color: $buttonGhostBorderHover;\r\n      color: $buttonGhostColorHover;\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserConfiguratorFooter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserConfiguratorFooter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MouserConfiguratorFooter.vue?vue&type=template&id=71a08919&scoped=true&lang=pug&\"\nimport script from \"./MouserConfiguratorFooter.vue?vue&type=script&lang=js&\"\nexport * from \"./MouserConfiguratorFooter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MouserConfiguratorFooter.vue?vue&type=style&index=0&id=71a08919&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"71a08919\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\r\n\r\n\r\n\r\nsection\r\n  .top \r\n    MouserGeneralHeader\r\n\r\n  .content\r\n\r\n    .mouser\r\n      ErrorMessage\r\n      MouserConfiguratorHeader\r\n    \r\n    .configurator__grid\r\n      SelectorConnector(:parameter=\"'connector_left'\")\r\n      MouserSelectorCable(:parameter=\"'cable'\")\r\n      SelectorConnector(:parameter=\"'connector_right'\")\r\n\r\n    MouserConfiguratorFooter\r\n\r\n</template>\r\n\r\n<script>\r\n// @ is an alias to /src\r\nimport ErrorMessage from \"@/components/configurator/ErrorMessage\";\r\nimport MouserGeneralHeader from \"@/components/configurator/MouserGeneralHeader\";\r\nimport MouserConfiguratorHeader from \"@/components/configurator/MouserConfiguratorHeader\";\r\nimport SelectorConnector from \"@/components/configurator/SelectorConnector\";\r\nimport MouserSelectorCable from \"@/components/configurator/MouserSelectorCable\";\r\nimport MouserConfiguratorFooter from \"@/components/configurator/MouserConfiguratorFooter\";\r\n\r\n\r\nexport default {\r\n  name: \"MouserConfigurator\",\r\n  components: {\r\n    MouserGeneralHeader,\r\n    MouserConfiguratorHeader,\r\n    MouserConfiguratorFooter,\r\n    SelectorConnector,\r\n    MouserSelectorCable,\r\n    ErrorMessage\r\n  },\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n.top {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 1rem;\r\n  background: $white;\r\n  box-shadow: 0 0 0.5rem rgba($black, 0.0375), 0 0 1rem rgba($black, 0.02);\r\n}\r\n\r\n.content {\r\n  margin-top: 1em;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 1rem;\r\n  padding: clamp(1.125rem, 3vw, 1rem);\r\n  background: $white;\r\n  box-shadow: 0 0 0.5rem rgba($black, 0.0375), 0 0 1rem rgba($black, 0.02);\r\n}\r\n\r\n.top {\r\n  display: flex;\r\n  position: relative;\r\n}\r\n\r\n.configurator__grid {\r\n  display: grid;\r\n  grid-template-rows: 1fr;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n  gap: clamp(0.3875rem, 2vw, 1rem);\r\n  position: relative;\r\n}\r\n</style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserConfigurator.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserConfigurator.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MouserConfigurator.vue?vue&type=template&id=64443986&scoped=true&lang=pug&\"\nimport script from \"./MouserConfigurator.vue?vue&type=script&lang=js&\"\nexport * from \"./MouserConfigurator.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MouserConfigurator.vue?vue&type=style&index=0&id=64443986&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"64443986\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.loaded)?_c('section',{staticClass:\"configuration\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"main\"},[_c('h1',{staticClass:\"configuration-title\"},[_vm._v(_vm._s(_vm.products.name))]),_c('ProductSheet',{attrs:{\"title\":_vm.products.name,\"configID\":_vm.configID,\"products\":_vm.products}}),_c('div',{staticClass:\"section bill-of-materials\"},[_c('h2',{staticClass:\"section-title\"},[_vm._v(\"Bill of Materials\")]),_c('div',{staticClass:\"products\"},[_c('ProductTile',{attrs:{\"product\":_vm.products.connectors[0],\"showPDF\":true,\"createLink\":false}}),_c('ProductTile',{attrs:{\"product\":_vm.products.cable,\"showPDF\":true,\"createLink\":false}}),_c('ProductTile',{attrs:{\"product\":_vm.products.connectors[1],\"showPDF\":true,\"createLink\":false}})],1)]),(_vm.related.length)?_c('div',{staticClass:\"section\"},[_c('h2',{staticClass:\"section-title\"},[_vm._v(\"Mating Connectors\")]),_c('div',{staticClass:\"products\"},_vm._l((_vm.related),function(product){return _c('ProductTile',{key:product.sku,attrs:{\"product\":product,\"showPDF\":false,\"createLink\":true}})}),1)]):_vm._e()],1),_c('div',{staticClass:\"rail\"},[_c('Cart',{attrs:{\"title\":_vm.products.name,\"configID\":_vm.configID,\"price\":_vm.products.price,\"emailTopic\":_vm.products.configuration.emailTopic,\"emailBody\":_vm.products.configuration.emailBody}})],1)])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"sheet\"},[_c('span',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.productSheet.label))]),_c('ProductSheetDrawing',{attrs:{\"products\":_vm.products}}),_c('div',{staticClass:\"info\"},[_c('ProductSheetSpecs',{attrs:{\"products\":_vm.products,\"notes\":_vm.productSheet.notes}}),_c('ProductSheetStamp',{attrs:{\"logo\":_vm.productSheet.logo,\"address\":_vm.productSheet.address,\"title\":_vm.title,\"configID\":_vm.configID}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"drawing\"},[_c('h6',{staticClass:\"title\"},[_vm._v(\"Product Data Drawing\")]),_c('div',{staticClass:\"images\"},[_c('img',{attrs:{\"src\":_vm.products.connectors[0].drawingImage}}),_c('img',{attrs:{\"src\":_vm.products.connectors[1].drawingImage}})]),_c('data',{staticClass:\"calculation\"},[_vm._v(_vm._s(_vm.calculation[0]))])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n  .drawing\r\n    h6.title Product Data Drawing\r\n    .images\r\n      img(:src=\"products.connectors[0].drawingImage\")      \r\n      img(:src=\"products.connectors[1].drawingImage\")\r\n    data.calculation {{calculation[0]}}\r\n</template>\r\n<script>\r\nexport default {\r\n  name: \"ProductSheetDrawing\",\r\n  props: [\"products\"],\r\n  computed: {\r\n    calculation() {      \r\n      return [this.products.performance.lengthVariance];\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n.drawing {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 1rem 2rem;\r\n  align-self: center;\r\n  max-width: 100%;\r\n  flex: 0 1 auto;\r\n}\r\n\r\n.title {\r\n  font-size: 0.75rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  margin-bottom: 1rem;\r\n  letter-spacing: 0.25px;\r\n}\r\n\r\n.images {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 0.5rem;\r\n  flex: 0 1 auto;\r\n  max-width: 100%;\r\n  img {\r\n    flex: 0 1 auto;\r\n    max-width: calc(50% - 0.25rem);\r\n  }\r\n}\r\n\r\n.calculation {\r\n  font-size: 0.875rem;\r\n  font-weight: 700;\r\n  margin: 1rem 0 0;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ProductSheetDrawing.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ProductSheetDrawing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductSheetDrawing.vue?vue&type=template&id=a986abc4&scoped=true&lang=pug&\"\nimport script from \"./ProductSheetDrawing.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductSheetDrawing.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductSheetDrawing.vue?vue&type=style&index=0&id=a986abc4&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a986abc4\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"specs\"},[_c('div',{staticClass:\"category\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"Material\")]),_c('dl',{staticClass:\"list\"},[_c('dt',{staticClass:\"label\"},[_vm._v(\"Connectors\")]),_c('dd',{staticClass:\"data\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.products.connectors[0].name)+\" (\"),_c('a',{attrs:{\"href\":_vm.products.connectors[0].detail}},[_vm._v(_vm._s(_vm.products.connectors[0].sku))]),_vm._v(\")\")]),_c('span',[_vm._v(\" \"+_vm._s(_vm.products.connectors[1].name)+\" (\"),_c('a',{attrs:{\"href\":_vm.products.connectors[1].detail}},[_vm._v(_vm._s(_vm.products.connectors[1].sku))]),_vm._v(\")\")])]),_c('dt',{staticClass:\"label\"},[_vm._v(\"Cable\")]),_c('dd',{staticClass:\"data\"},[_c('span',[_vm._v(_vm._s(_vm.products.cable.name))])]),(!_vm.products.configID.includes('MSLPSMA-085-MSLPSMA'))?_c('dt',{staticClass:\"label\"},[_vm._v(\"Shrink Tubing\")]):_vm._e(),(!_vm.products.configID.includes('MSLPSMA-085-MSLPSMA'))?_c('dd',{staticClass:\"data\"},[_c('span',[_vm._v(_vm._s(_vm.products.cable.shrinkTubing))])]):_vm._e()])]),_c('div',{staticClass:\"category\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"Performance\")]),_c('dl',{staticClass:\"list\"},[_c('dt',{staticClass:\"label\"},[_vm._v(\"Impedance\")]),_c('dd',{staticClass:\"data\"},[_vm._v(_vm._s(_vm.products.performance.impedance))]),_c('dt',{staticClass:\"label\"},[_vm._v(\"Freq. Range\")]),_c('dd',{staticClass:\"data\"},[_vm._v(_vm._s(_vm.products.performance.freqrange))]),_c('dt',{staticClass:\"label\"},[_vm._v(\"VSWR\")]),_c('dd',{staticClass:\"data\"},[_c('span',{domProps:{\"innerHTML\":_vm._s( _vm.products.performance.vswr)}})]),_c('dt',{staticClass:\"label\"},[_vm._v(\"Insertion Loss\")]),_c('dd',{staticClass:\"data\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.products.performance.insertionLoss)}})])])]),_c('div',{staticClass:\"category\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"Notes\")]),_c('ol',{staticClass:\"list\"},_vm._l((_vm.notes),function(note){return _c('li',{staticClass:\"data\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(note)}})])}),0)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n.specs\r\n  .category\r\n    span.title Material\r\n    dl.list\r\n      dt.label Connectors\r\n      dd.data\r\n        span \r\n          | {{ products.connectors[0].name }} (\r\n          a(:href=\"products.connectors[0].detail\") {{ products.connectors[0].sku }}\r\n          | )\r\n        span \r\n          | {{ products.connectors[1].name }} (\r\n          a(:href=\"products.connectors[1].detail\") {{ products.connectors[1].sku }}\r\n          | )\r\n      dt.label Cable\r\n      dd.data \r\n        span {{ products.cable.name }}\r\n      dt.label(v-if = \"!products.configID.includes('MSLPSMA-085-MSLPSMA')\") Shrink Tubing\r\n      dd.data(v-if = \"!products.configID.includes('MSLPSMA-085-MSLPSMA')\")\r\n        span {{ products.cable.shrinkTubing }}\r\n  .category\r\n    span.title Performance\r\n    dl.list\r\n      dt.label Impedance\r\n      dd.data {{ products.performance.impedance }}\r\n      dt.label Freq. Range\r\n      dd.data {{ products.performance.freqrange }}\r\n      dt.label VSWR\r\n      dd.data  <span v-html=\" products.performance.vswr\"></span>\r\n      dt.label Insertion Loss\r\n      dd.data <span v-html=\"products.performance.insertionLoss\"></span>\r\n  .category\r\n    span.title Notes\r\n    ol.list\r\n      li.data(v-for=\"note in notes\") <span v-html=\"note\"></span> \r\n   \r\n</template>\r\n<script>\r\nexport default {\r\n  name: \"ProductSheetSpecs\",\r\n  props: [\"products\", \"notes\"],\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n.specs {\r\n  flex: 1 1 100%;\r\n  display: grid;\r\n  grid-auto-rows: auto;\r\n  grid-template-columns: auto 1fr;\r\n  padding: 1rem 1rem 1rem 2rem;\r\n  gap: 0.5rem 0.75rem;\r\n}\r\n\r\n.category {\r\n  display: contents;\r\n}\r\n\r\nspan.title {\r\n  grid-area: span 1 / span 2;\r\n  font-size: 0.75rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.25px;\r\n  .category:not(:first-child) & {\r\n    margin-top: 2rem;\r\n  }\r\n}\r\n\r\n.list {\r\n  display: contents;\r\n  margin: 0;\r\n  &:is(ol) {\r\n    list-style: none;\r\n    counter-reset: orderedlist;\r\n  }\r\n}\r\n\r\n.label {\r\n  grid-area: span 1 / span 1;\r\n  font-size: 0.75rem;\r\n  font-weight: 400;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.25px;\r\n  &::after {\r\n    content: \":\";\r\n  }\r\n}\r\n\r\n.data {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.5rem;\r\n  grid-area: span 1 / span 1;\r\n  font-size: 0.75rem;\r\n  font-weight: 400;\r\n  margin: 0;\r\n  a {\r\n    color: $blue;\r\n    text-decoration: none;\r\n  }\r\n  &:is(li) {\r\n    flex-direction: row;\r\n    grid-area: span 1 / span 2;\r\n    counter-increment: orderedlist;\r\n    &:before {\r\n      content: counter(orderedlist) \". \";\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ProductSheetSpecs.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ProductSheetSpecs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductSheetSpecs.vue?vue&type=template&id=bceccdea&scoped=true&lang=pug&\"\nimport script from \"./ProductSheetSpecs.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductSheetSpecs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductSheetSpecs.vue?vue&type=style&index=0&id=bceccdea&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"bceccdea\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"stamp\"},[_c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":_vm.logo}})]),_c('div',{staticClass:\"info\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"Title:\")]),_c('div',{staticClass:\"data\"},[_vm._v(_vm._s(_vm.title))])]),_c('div',{staticClass:\"info\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"DWG. No.\")]),_c('div',{staticClass:\"data\"},[_vm._v(_vm._s(_vm.configID))])]),_c('div',{staticClass:\"info\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"Drawn\")]),_c('div',{staticClass:\"data\"},[_vm._v(_vm._s(_vm.date))])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n.stamp\r\n  .logo\r\n    img(:src=\"logo\")\r\n  //- .address\r\n  //-   .data(v-html=\"address\")\r\n  .info \r\n    span.label Title:\r\n    .data {{ title }}\r\n  .info \r\n    span.label DWG. No.\r\n    .data {{ configID }}\r\n  .info \r\n    span.label Drawn\r\n    .data {{ date }}\r\n</template>\r\n<script>\r\nimport dayjs from \"dayjs\";\r\n\r\nexport default {\r\n  name: \"ProductSheetStamp\",\r\n  props: [\"logo\", \"title\", \"configID\", \"address\"],\r\n  data() {\r\n    return {\r\n      now: null,\r\n    };\r\n  },\r\n  computed: {\r\n    date() {\r\n      let date = dayjs(this.now);\r\n      return date.format(\"YYYY-MM-DD HH:mm:ss\");\r\n    },\r\n  },\r\n  created() {\r\n    this.now = new Date();\r\n  },\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n.stamp {\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-top: 1px solid $lightGray;\r\n\r\n  @include mq(md, $print: true) {\r\n    flex: 0 1 18rem;\r\n    max-width: 18rem;\r\n    align-self: flex-end;\r\n    border-left: 1px solid $lightGray;\r\n    border-radius: 3px 0 0 0;\r\n  }\r\n}\r\n\r\n.logo {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 0.75rem 1rem;\r\n  img {\r\n    flex: 1 1 auto;\r\n    width: auto;\r\n    max-width: 16rem;\r\n  }\r\n}\r\n.address {\r\n  border-bottom: 1px solid $lightGray;\r\n}\r\n\r\n.info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 0.3875rem 0.5rem 0.75rem;\r\n  border-bottom: 1px solid $lightGray;\r\n  &:last-child {\r\n    border-bottom: none;\r\n  }\r\n}\r\n\r\n.label {\r\n  font-size: 0.6875rem;\r\n  align-self: flex-start;\r\n  text-transform: uppercase;\r\n  font-weight: 400;\r\n  margin-bottom: 0.125rem;\r\n  line-height: 1;\r\n}\r\n\r\n.data {\r\n  text-align: center;\r\n  font-size: 0.6875rem;\r\n  margin: 0.5rem 0 0;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ProductSheetStamp.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ProductSheetStamp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductSheetStamp.vue?vue&type=template&id=ae7849e8&scoped=true&lang=pug&\"\nimport script from \"./ProductSheetStamp.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductSheetStamp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductSheetStamp.vue?vue&type=style&index=0&id=ae7849e8&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ae7849e8\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\r\n.sheet\r\n  span.label {{productSheet.label}}\r\n  ProductSheetDrawing(:products=\"products\")\r\n  .info\r\n    ProductSheetSpecs(\r\n      :products=\"products\",\r\n      :notes=\"productSheet.notes\")\r\n    ProductSheetStamp(\r\n      :logo=\"productSheet.logo\",\r\n      :address=\"productSheet.address\",\r\n      :title=\"title\",\r\n      :configID=\"configID\")\r\n</template>\r\n<script>\r\nimport ProductSheetDrawing from \"@/components/configuration/ProductSheetDrawing\";\r\nimport ProductSheetSpecs from \"@/components/configuration/ProductSheetSpecs\";\r\nimport ProductSheetStamp from \"@/components/configuration/ProductSheetStamp\";\r\n\r\nimport {mapGetters} from 'vuex';\r\n\r\nexport default {\r\n  name: \"ProductSheet\",\r\n  props: [\"products\", \"title\", \"configID\", \"address\"],\r\n  components: {\r\n    ProductSheetDrawing,\r\n    ProductSheetSpecs,\r\n    ProductSheetStamp\r\n  },\r\n  computed: {\r\n    ...mapGetters(['productSheet'])\r\n  }\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n.sheet {\r\n  display: flex;\r\n  flex-direction: column;\r\n  border: 1px solid $lightGray;\r\n  border-radius: 3px;\r\n}\r\n\r\n.label {\r\n  font-size: 0.6875rem;\r\n  padding: 0.3875rem 0.5rem;\r\n  border-right: 1px solid $lightGray;\r\n  border-bottom: 1px solid $lightGray;\r\n  border-radius: 0 0 3px 0;\r\n  align-self: flex-start;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.25px;\r\n}\r\n\r\n.info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  @include mq(md, $print: true) {\r\n    flex-direction: row;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ProductSheet.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ProductSheet.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductSheet.vue?vue&type=template&id=175d90b2&scoped=true&lang=pug&\"\nimport script from \"./ProductSheet.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductSheet.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductSheet.vue?vue&type=style&index=0&id=175d90b2&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"175d90b2\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('aside',{staticClass:\"cart-vue\"},[_c('header',{staticClass:\"header\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"Part #:\")]),_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.configID))])]),_c('table',{staticClass:\"pricing\"},[_vm._m(0),_c('tbody',[_c('tr',[_c('th',{attrs:{\"scope\":\"row\"}},[_vm._v(\"1-5\")]),_c('td',[_vm._v(\"$\"+_vm._s(Number(_vm.price.oneToFive).toFixed(2)))])]),_c('tr',[_c('th',{attrs:{\"scope\":\"row\"}},[_vm._v(\"6-10\")]),_c('td',[_vm._v(\"$\"+_vm._s(Number(_vm.price.sixToTen).toFixed(2)))])]),_c('tr',[_c('th',{attrs:{\"scope\":\"row\"}},[_vm._v(\"11-25\")]),_c('td',[_vm._v(\"$\"+_vm._s(Number(_vm.price.elevenToTwentyFive).toFixed(2)))])])])]),_c('form',{staticClass:\"add\"},[_c('label',{staticClass:\"label\",attrs:{\"for\":\"qty\"}},[_vm._v(\"Quantity\")]),_c('div',{staticClass:\"control\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.quantity),expression:\"quantity\"}],attrs:{\"id\":\"qty\",\"type\":\"text\",\"inputmode\":\"numeric\",\"min\":\"0\",\"step\":\"1\",\"pattern\":\"[0-9]+\"},domProps:{\"value\":(_vm.quantity)},on:{\"input\":function($event){if($event.target.composing)return;_vm.quantity=$event.target.value}}}),_c('div',{staticClass:\"ticker\"},[_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.change(1)}}},[_vm._v(\"+\")]),_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.change(-1)}}},[_vm._v(\"–\")])]),_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.add()}}},[_vm._v(\"Add to cart\")])])]),_c('div',{staticClass:\"action\"},[_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.print.apply(null, arguments)}}},[_c('i',{staticClass:\"glyph-print\"}),_c('span',[_vm._v(\"Print Datasheet\")])]),_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.share.apply(null, arguments)}}},[_c('i',{staticClass:\"glyph-email\"}),_c('span',[_vm._v(\"Share\")])])]),_c('div',{staticClass:\"notes\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"Note:\")]),_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.cart.copy)}})])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('thead',[_c('tr',[_c('th',{attrs:{\"scope\":\"col\",\"width\":\"100%\"}},[_vm._v(\"Quantity\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Price\")])])])\n}]\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\naside.cart-vue\r\n  header.header\r\n    span.label Part #:\r\n    span.title {{ configID }}\r\n  table.pricing\r\n    thead\r\n      tr\r\n        th(scope=\"col\", width=\"100%\") Quantity\r\n        th(scope=\"col\") Price\r\n    tbody\r\n      tr\r\n        th(scope=\"row\") 1-5\r\n        td ${{ Number(price.oneToFive).toFixed(2)}}\r\n      tr\r\n        th(scope=\"row\") 6-10\r\n        td ${{ Number(price.sixToTen).toFixed(2)}}\r\n      tr\r\n        th(scope=\"row\") 11-25\r\n        td ${{ Number(price.elevenToTwentyFive).toFixed(2)}}\r\n\r\n  form.add\r\n    label.label(for=\"qty\") Quantity\r\n    .control\r\n      input#qty(\r\n        v-model=\"quantity\",\r\n        type=\"text\",\r\n        inputmode=\"numeric\",\r\n        min=\"0\",\r\n        step=\"1\",\r\n        pattern=\"[0-9]+\"\r\n      )\r\n      .ticker\r\n        button(type=\"button\", @click.stop.prevent=\"change(1)\") +\r\n        button(type=\"button\", @click.stop.prevent=\"change(-1)\") &ndash;\r\n      button(type=\"button\", @click.stop.prevent=\"add()\") Add to cart\r\n\r\n  .action\r\n    button(type=\"button\", @click.stop.prevent=\"print\")\r\n      i.glyph-print\r\n      span Print Datasheet\r\n    button(type=\"button\", @click.stop.prevent=\"share\")\r\n      i.glyph-email\r\n      span Share\r\n\r\n  .notes\r\n    span.label Note:\r\n    div(v-html=\"cart.copy\")\r\n</template>\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"Cart\",\r\n        props: [\"configID\", \"title\", \"price\", \"emailBody\", \"emailTopic\"],\r\n  data() {\r\n    return {\r\n      quantity: 1,\r\n    };\r\n  },\r\n  computed: {\r\n      ...mapGetters([\"cart\"]),\r\n  },\r\n  methods: {\r\n    change(delta) {\r\n      if (delta < 0 && this.quantity < 1) return;\r\n      this.quantity = this.quantity + delta;\r\n    },\r\n    async add() {\r\n      const configID = this.$route.params.product;\r\n    if (!configID) return this.$router.replace({ path: \"/\" });\r\n        const length = this.$route.query.length;\r\n        const delay = this.$route.query.delay;\r\n        fetch(`${this.$root.submitTo}/${configID}?length=${length}&delay=${delay}&quantity=${this.quantity}`, {\r\n            method: 'POST',\r\n            body: {}\r\n        })\r\n            .then(response => response.json())\r\n            .then(data => {\r\n                $(AjaxCart.success_process(data));\r\n            }).catch(function (error){\r\n                $(AjaxCart.ajaxFailure());\r\n        });\r\n    },\r\n    preparePrint() {\r\n      document.documentElement.classList.add(\"printingProductSheet\");\r\n    },\r\n    print() {\r\n      window.print();\r\n    },\r\n    destroyPrint() {\r\n      document.documentElement.classList.remove(\"printingProductSheet\");\r\n    },\r\n    share() {\r\n      const share = document.createElement(\"a\");        \r\n        share.href = `mailto:?to=&body=` + this.emailBody + `&subject=${this.emailTopic}`;\r\n      share.click();\r\n    },\r\n  },\r\n  watch: {\r\n    quantity() {\r\n      let { quantity } = this;\r\n      if (!quantity) return (this.quantity = 0);\r\n      quantity = parseInt(quantity);\r\n      if (this.quantity !== quantity) this.quantity = quantity;\r\n    },\r\n  },\r\n  created() {\r\n    window.addEventListener(\"beforeprint\", this.preparePrint);\r\n    window.addEventListener(\"afterprint\", this.destroyPrint);\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener(\"beforeprint\", this.preparePrint);\r\n    window.removeEventListener(\"afterprint\", this.destroyPrint);\r\n  },\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\">\r\n//print styles\r\n\r\n@media print {\r\n  @page {\r\n    size: landscape;\r\n    margin: 0mm;\r\n  }\r\n  .header {\r\n    display: none !important;\r\n    height: 0 !important;\r\n  }\r\n  .printingProductSheet {\r\n    //undo some basic page styling\r\n    body,\r\n    #page {\r\n      background: none !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    // hide everything with visibility so we can unset it later\r\n    * {\r\n      visibility: hidden !important;\r\n    }\r\n    // display none on things that take up space\r\n    .configuration-title,\r\n    .section,\r\n    .bill-of-materials,\r\n    .rail,\r\n    .part-number-search,\r\n    .footer {\r\n      display: none !important;\r\n      height: 0;\r\n    }\r\n    .drawing {\r\n      max-width: 80%;\r\n    }\r\n\r\n    //reset the things we want visible\r\n    .configuration .sheet {\r\n      background: $white !important;\r\n    }\r\n    .configuration .sheet,\r\n    .configuration .sheet * {\r\n      visibility: visible !important;\r\n    }\r\n    .drawing {\r\n      padding-top: 0;\r\n      padding-bottom: 0;\r\n    }\r\n    .main {\r\n      padding-top: 0;\r\n      padding-bottom: 0;\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cart-vue {\r\n  display: flex;\r\n  flex-direction: column;\r\n  table {\r\n    width: auto;\r\n  }\r\n}\r\n\r\n.header {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 1rem 0.75rem;\r\n  border-bottom: 1px solid $lightGray;\r\n  margin: 0 0 1.5rem;\r\n\r\n  .label {\r\n    font-size: 0.875rem;\r\n    text-transform: uppercase;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  .title {\r\n    font-size: 0.875rem;\r\n    text-transform: uppercase;\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n.pricing {\r\n  border-collapse: collapse;\r\n  margin: 0 1rem 1.5rem;\r\n  padding: 0;\r\n  font-size: 0.8rem;\r\n  text-align: left;\r\n\r\n  tbody {\r\n    tr {\r\n      border-bottom: 1px solid $lightGray;\r\n      th,\r\n      td {\r\n        font-weight: 400;\r\n        padding: 0.75rem 0;\r\n      }\r\n      td {\r\n        white-space: nowrap;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.add {\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 0 1rem;\r\n  margin: 0 0 2rem;\r\n  label {\r\n    font-size: 0.875rem;\r\n    font-weight: 700;\r\n    margin: 0 0 1rem;\r\n    line-height: 0;\r\n  }\r\n\r\n  .control {\r\n    display: flex;\r\n    gap: 0.3875rem;\r\n    flex: 0 0 auto;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  input {\r\n    appearance: none;\r\n    border: 2px solid $lightGray;\r\n    border-radius: 0;\r\n    background: 0;\r\n    padding: 1rem;\r\n    font-size: 1rem;\r\n    line-height: 1;\r\n    flex: 1 3 100%;\r\n    width: auto;\r\n    height: auto;\r\n    min-width: 0;\r\n    text-align: center;\r\n    margin: 0;\r\n  }\r\n\r\n  .ticker {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex: 0 0 auto;\r\n    gap: 0.25rem;\r\n\r\n    button {\r\n      color: $black;\r\n      background: $lightGray;\r\n      flex: 1 0 0;\r\n      padding: 0 0.5rem;\r\n      line-height: 0;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  button {\r\n    cursor: pointer;\r\n    appearance: none;\r\n    background: $red;\r\n    border: none;\r\n    border-radius: 0;\r\n    padding: 1rem;\r\n    font-size: 0.875rem;\r\n    line-height: 1;\r\n    flex: 1 2 100%;\r\n    color: $white;\r\n    white-space: nowrap;\r\n    text-transform: uppercase;\r\n  }\r\n}\r\n\r\n.action {\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 1.5rem;\r\n  margin: 0;\r\n  border-top: 1px solid $lightGray;\r\n  border-bottom: 1px solid $lightGray;\r\n  //gap: 1rem;\r\n\r\n  button {\r\n    display: flex;\r\n    appearance: none;\r\n    background: transparent;\r\n    color: $black;\r\n    border: none;\r\n    outline: none;\r\n    //gap: 0.5rem;\r\n    padding: 0;\r\n    cursor: pointer;\r\n    transition: 0.125s ease;\r\n    margin-bottom: 1rem;\r\n\r\n    &:hover {\r\n      color: $red;\r\n      background: transparent;\r\n    }\r\n    i {\r\n      margin-right: 0.5rem;\r\n    }\r\n\r\n    span {\r\n      text-transform: uppercase;\r\n      font-weight: 700;\r\n      font-size: 0.8rem;\r\n    }\r\n  }\r\n}\r\n\r\n.notes {\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 1.5rem;                 \r\n  font-size: 0.8rem;\r\n  \r\n\r\n  .label {\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    margin: 0 0 0.25rem;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  div {\r\n    &::v-deep {\r\n      & > *:last-child {\r\n        margin-top: 0;\r\n      }\r\n      *:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.notes a {\r\n  color: #004E7D;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Cart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Cart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Cart.vue?vue&type=template&id=7e451d48&scoped=true&lang=pug&\"\nimport script from \"./Cart.vue?vue&type=script&lang=js&\"\nexport * from \"./Cart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Cart.vue?vue&type=style&index=0&id=7e451d48&prod&lang=scss&\"\nimport style1 from \"./Cart.vue?vue&type=style&index=1&id=7e451d48&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7e451d48\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c(_vm.createLink ? 'a' : 'div',{tag:\"component\",staticClass:\"product\",attrs:{\"href\":_vm.createLink ? _vm.product.detail : false,\"target\":_vm.createLink ? '_blank' : false}},[_c('div',{staticClass:\"image\"},[_c('img',{attrs:{\"src\":_vm.product.image}})]),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"title\"},[_c('span',[_vm._v(_vm._s(_vm.product.name))])]),(this.product.pdf)?_c('button',{on:{\"click\":_vm.download}},[_c('i',{staticClass:\"glyph-pdf\"}),_c('span',[_vm._v(\"Download PDF\")])]):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\ncomponent.product(\r\n  :is=\"createLink ? 'a' : 'div'\",\r\n  :href=\"createLink ? product.detail : false\",\r\n  :target=\"createLink ? '_blank' : false\")\r\n  .image\r\n    img(:src=\"product.image\")\r\n  .info\r\n    .title\r\n      span {{ product.name }}\r\n    button(v-if=\"this.product.pdf\", @click=\"download\")\r\n      i.glyph-pdf\r\n      span Download PDF\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"ProductTile\",\r\n  props: [\"product\", \"showPDF\", \"createLink\"],\r\n  methods: {\r\n    download() {\r\n      const pdf = document.createElement(\"a\");\r\n      pdf.href = this.product.pdf;\r\n      pdf.setAttribute(\"download\", `${this.product.name}.pdf`);\r\n      pdf.click();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.product {\r\n  display: flex;\r\n  flex-direction: column;\r\n  border: 1px solid $lightGray;\r\n  &:is(a) {\r\n    transition: 0.25s ease;\r\n    text-decoration: none;\r\n    &:hover {\r\n      box-shadow: 0 0 0.5rem rgba($black, 0.0375), 0 0 1rem rgba($black, 0.02);\r\n      .info {\r\n        background: $blue;\r\n      }\r\n      .title {\r\n        color: $white;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.image {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 1.5rem;\r\n  border-bottom: 1px solid $lightGray;\r\n  flex: 1 1 100%;\r\n  img {\r\n    width: auto;\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n.info {\r\n  flex: 0 0 auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 0.75rem;\r\n  gap: 0.5rem;\r\n  transition: inherit;\r\n}\r\n\r\n.title {\r\n  text-align: center;\r\n  font-size: 0.75rem;\r\n  font-weight: 400;\r\n  margin: 0;\r\n  text-decoration: none;\r\n  color: $black;\r\n  transition: inherit;\r\n}\r\n\r\nbutton {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  appearance: none;\r\n  border: none;\r\n  border-radius: 0;\r\n  background: $buttonPrimaryBackground;\r\n  color: $buttonPrimaryColor;\r\n  transition: 0.25s ease;\r\n  padding: 0.75rem;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  font-size: 0.6875rem;\r\n\r\n  &:hover {\r\n    background: $buttonPrimaryBackgroundHover;\r\n    color: $buttonPrimaryColorHover;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ProductTile.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ProductTile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductTile.vue?vue&type=template&id=526bf8c8&scoped=true&lang=pug&\"\nimport script from \"./ProductTile.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductTile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductTile.vue?vue&type=style&index=0&id=526bf8c8&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"526bf8c8\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\r\nsection.configuration(v-if=\"loaded\")\r\n  .content\r\n    .main\r\n      h1.configuration-title {{ products.name }}\r\n      ProductSheet(:title=\"products.name\", :configID=\"configID\", :products=\"products\")\r\n      .section.bill-of-materials\r\n        h2.section-title Bill of Materials\r\n        .products\r\n          ProductTile(:product=\"products.connectors[0]\", :showPDF=\"true\", :createLink=\"false\")\r\n          ProductTile(:product=\"products.cable\", :showPDF=\"true\", :createLink=\"false\")\r\n          ProductTile(:product=\"products.connectors[1]\", :showPDF=\"true\", :createLink=\"false\")\r\n      .section(v-if=\"related.length\")\r\n        h2.section-title Mating Connectors\r\n        .products\r\n          ProductTile(\r\n            v-for=\"product in related\",\r\n            :key=\"product.sku\",\r\n            :product=\"product\", \r\n            :showPDF=\"false\",\r\n            :createLink=\"true\")\r\n    .rail\r\n      Cart(\r\n        :title=\"products.name\",\r\n        :configID=\"configID\",\r\n        :price=\"products.price\",\r\n        :emailTopic=\"products.configuration.emailTopic\",\r\n        :emailBody=\"products.configuration.emailBody\")\r\n</template>\r\n\r\n<script>\r\n// @ is an alias to /src\r\nimport ProductSheet from \"@/components/configuration/ProductSheet.vue\";\r\nimport Cart from \"@/components/configuration/Cart.vue\";\r\nimport ProductTile from \"@/components/configuration/ProductTile.vue\";\r\n\r\nimport { mapGetters, mapMutations } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"Configuration\",\r\n  components: {\r\n    ProductSheet,\r\n    Cart,\r\n    ProductTile,\r\n  },\r\n  data() {\r\n      return {\r\n      loaded: false,\r\n      configID: null,\r\n      products: null\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"configLookup\", \"relatedLength\"]),\r\n      related() {\r\n      const connectors = [this.products.connectors[0], this.products.connectors[1]];\r\n      const related = connectors.reduce((related, product) => {\r\n        const { matingConnectors} = product;\r\n          if (matingConnectors) {\r\n          matingConnectors.forEach((matingConnector) => {\r\n            if(!related.includes(matingConnector)){\r\n              related.push(matingConnector);\r\n            }\r\n          });\r\n        }\r\n        return related;\r\n      }, []);\r\n\r\n          return related;\r\n    },\r\n  },\r\n\r\n   methods: {\r\n    ...mapMutations([\"setConfiguration\", \"setErrorMessage\"]),\r\n  },\r\n  async created() {\r\n      const configID = this.$route.params.product;\r\n      const length = this.$route.query.length;\r\n      const delay = this.$route.query.delay;\r\n      console.log(this.$route.query);      \r\n    if (!configID) return this.$router.replace({ path: \"/\" });\r\n\r\n      const response = await fetch(`${this.$root.detailsApi}/${configID}?length=${length}&delay=${delay}`);      \r\n      //const response = await fetch(`${this.$root.detailsApi}`);\r\n      if (response.ok) {\r\n          const productDetails = await response.json();\r\n          if (productDetails[\"errorMessage\"]) {\r\n              this.setErrorMessage(productDetails[\"errorMessage\"]);\r\n              return this.$router.replace({ path: \"/\" });\r\n          }\r\n          this.products = productDetails;\r\n          this.configID = productDetails['configID'];\r\n          const value = productDetails['configuration'];\r\n          \r\n          this.setConfiguration(value);\r\n          this.loaded = true;\r\n\r\n      }\r\n      else {\r\n          return this.$router.replace({ path: \"/\" });\r\n      }\r\n  },\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\nsection {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 1.5rem;\r\n  @include mq(lg) {\r\n    flex-direction: row;\r\n    align-items: flex-start;\r\n  }\r\n}\r\n\r\n.main,\r\n.rail {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: $white;\r\n  box-shadow: 0 0 0.5rem rgba($black, 0.0375), 0 0 1rem rgba($black, 0.02);\r\n  @media print {\r\n    background: transparent;\r\n    box-shadow: none;\r\n  }\r\n}\r\n\r\n.main {\r\n  padding: clamp(1.125rem, 3vw, 2rem);\r\n\r\n  @include mq(lg) {\r\n    flex: 1 1 100%;\r\n  }\r\n}\r\n.rail {\r\n  order: -1;\r\n  @include mq(lg) {\r\n    order: 1;\r\n    position: sticky;\r\n    top: 1.5rem;\r\n    flex: 0 0 22rem;\r\n  }\r\n}\r\n\r\n.configuration-title {\r\n  font-weight: 400;\r\n  font-size: 1.125rem;\r\n  margin: 0 0 1.5rem;\r\n}\r\n\r\n.section {\r\n  margin-top: 2.5rem;\r\n}\r\n\r\n.section-title {\r\n  font-weight: 400;\r\n    font-size: 1.5rem;\r\n  margin: 0 0 1.5rem;\r\n\r\n}\r\n\r\n.products {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n  grid-auto-rows: 1fr;\r\n  gap: 1rem;\r\n}\r\n</style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Configuration.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Configuration.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Configuration.vue?vue&type=template&id=71aa58b5&scoped=true&lang=pug&\"\nimport script from \"./Configuration.vue?vue&type=script&lang=js&\"\nexport * from \"./Configuration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Configuration.vue?vue&type=style&index=0&id=71aa58b5&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"71aa58b5\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',[_c('div',{staticClass:\"top\"},[_c('MouserGeneralHeader')],1),(_vm.loaded)?_c('div',{staticClass:\"configuration\"}):_vm._e(),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"main\"},[_c('h1',{staticClass:\"configuration-title\"},[_vm._v(_vm._s(_vm.products.name))]),_c('MouserProductSheet',{attrs:{\"title\":_vm.products.name,\"configID\":_vm.configID,\"products\":_vm.products}}),_c('div',{staticClass:\"section bill-of-materials\"},[_c('h2',{staticClass:\"section-title\"},[_vm._v(\"Bill of Materials\")]),_c('div',{staticClass:\"products\"},[_c('MouserProductTile',{attrs:{\"product\":_vm.products.connectors[0],\"showPDF\":true,\"createLink\":false}}),_c('MouserProductTile',{attrs:{\"product\":_vm.products.cable,\"showPDF\":true,\"createLink\":false}}),_c('MouserProductTile',{attrs:{\"product\":_vm.products.connectors[1],\"showPDF\":true,\"createLink\":false}})],1)]),(_vm.related.length)?_c('div',{staticClass:\"section\"},[_c('h2',{staticClass:\"section-title\"},[_vm._v(\"Mating Connectors\")]),_c('div',{staticClass:\"products\"},_vm._l((_vm.related),function(product){return _c('MouserProductTile',{key:product.sku,attrs:{\"product\":product,\"showPDF\":false,\"createLink\":false}})}),1)]):_vm._e()],1),_c('div',{staticClass:\"rail\"},[_c('MouserCart',{attrs:{\"title\":_vm.products.name,\"configID\":_vm.configID,\"price\":_vm.products.price,\"emailTopic\":_vm.products.configuration.emailTopic,\"emailBody\":_vm.products.configuration.emailBody}})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"sheet\"},[_c('span',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.productSheet.label))]),_c('ProductSheetDrawing',{attrs:{\"products\":_vm.products}}),_c('div',{staticClass:\"info\"},[_c('MouserProductSheetSpecs',{attrs:{\"products\":_vm.products,\"notes\":_vm.productSheet.notes}}),_c('ProductSheetStamp',{attrs:{\"logo\":_vm.productSheet.logo,\"address\":_vm.productSheet.address,\"title\":_vm.title,\"configID\":_vm.configID}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"specs\"},[_c('div',{staticClass:\"category\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"Material\")]),_c('dl',{staticClass:\"list\"},[_c('dt',{staticClass:\"label\"},[_vm._v(\"Connectors\")]),_c('dd',{staticClass:\"data\"},[_c('span',[_vm._v(_vm._s(_vm.products.connectors[0].sku))]),_c('span',[_vm._v(_vm._s(_vm.products.connectors[0].name)+\" \")]),_c('span',[_vm._v(_vm._s(_vm.products.connectors[1].sku))]),_c('span',[_vm._v(_vm._s(_vm.products.connectors[1].name)+\" \")])]),_c('dt',{staticClass:\"label\"},[_vm._v(\"Cable\")]),_c('dd',{staticClass:\"data\"},[_c('span',[_vm._v(_vm._s(_vm.products.cable.name))])]),(!_vm.products.configID.includes('MSLPSMA-085-MSLPSMA'))?_c('dt',{staticClass:\"label\"},[_vm._v(\"Shrink Tubing\")]):_vm._e(),(!_vm.products.configID.includes('MSLPSMA-085-MSLPSMA'))?_c('dd',{staticClass:\"data\"},[_c('span',[_vm._v(_vm._s(_vm.products.cable.shrinkTubing))])]):_vm._e()])]),_c('div',{staticClass:\"category\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"Performance\")]),_c('dl',{staticClass:\"list\"},[_c('dt',{staticClass:\"label\"},[_vm._v(\"Impedance\")]),_c('dd',{staticClass:\"data\"},[_vm._v(_vm._s(_vm.products.performance.impedance))]),_c('dt',{staticClass:\"label\"},[_vm._v(\"Freq. Range\")]),_c('dd',{staticClass:\"data\"},[_vm._v(_vm._s(_vm.products.performance.freqrange))]),_c('dt',{staticClass:\"label\"},[_vm._v(\"VSWR\")]),_c('dd',{staticClass:\"data\"},[_c('span',{domProps:{\"innerHTML\":_vm._s( _vm.products.performance.vswr)}})]),_c('dt',{staticClass:\"label\"},[_vm._v(\"Insertion Loss\")]),_c('dd',{staticClass:\"data\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.products.performance.insertionLoss)}})])])]),_c('div',{staticClass:\"category\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"Notes\")]),_c('ol',{staticClass:\"list\"},_vm._l((_vm.notes),function(note){return _c('li',{staticClass:\"data\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(note)}})])}),0)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n.specs\r\n  .category\r\n    span.title Material\r\n    dl.list\r\n      dt.label Connectors\r\n      dd.data\r\n        span {{ products.connectors[0].sku }}\r\n        span {{ products.connectors[0].name }} \r\n        span {{ products.connectors[1].sku }}\r\n        span {{ products.connectors[1].name }} \r\n      dt.label Cable\r\n      dd.data \r\n        span {{ products.cable.name }}\r\n      dt.label(v-if = \"!products.configID.includes('MSLPSMA-085-MSLPSMA')\") Shrink Tubing\r\n      dd.data(v-if = \"!products.configID.includes('MSLPSMA-085-MSLPSMA')\")\r\n        span {{ products.cable.shrinkTubing }}\r\n  .category\r\n    span.title Performance\r\n    dl.list\r\n      dt.label Impedance\r\n      dd.data {{ products.performance.impedance }}\r\n      dt.label Freq. Range\r\n      dd.data {{ products.performance.freqrange }}\r\n      dt.label VSWR\r\n      dd.data  <span v-html=\" products.performance.vswr\"></span>\r\n      dt.label Insertion Loss\r\n      dd.data <span v-html=\"products.performance.insertionLoss\"></span>\r\n  .category\r\n    span.title Notes\r\n    ol.list\r\n      li.data(v-for=\"note in notes\") <span v-html=\"note\"></span> \r\n   \r\n</template>\r\n<script>\r\nexport default {\r\n  name: \"MouserProductSheetSpecs\",\r\n  props: [\"products\", \"notes\"],\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n.specs {\r\n  flex: 1 1 100%;\r\n  display: grid;\r\n  grid-auto-rows: auto;\r\n  grid-template-columns: auto 1fr;\r\n  padding: 1rem 1rem 1rem 2rem;\r\n  gap: 0.5rem 0.75rem;\r\n}\r\n\r\n.category {\r\n  display: contents;\r\n}\r\n\r\nspan.title {\r\n  grid-area: span 1 / span 2;\r\n  font-size: 0.75rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.25px;\r\n  .category:not(:first-child) & {\r\n    margin-top: 2rem;\r\n  }\r\n}\r\n\r\n.list {\r\n  display: contents;\r\n  margin: 0;\r\n  &:is(ol) {\r\n    list-style: none;\r\n    counter-reset: orderedlist;\r\n  }\r\n}\r\n\r\n.label {\r\n  grid-area: span 1 / span 1;\r\n  font-size: 0.75rem;\r\n  font-weight: 400;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.25px;\r\n  &::after {\r\n    content: \":\";\r\n  }\r\n}\r\n\r\n.data {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.5rem;\r\n  grid-area: span 1 / span 1;\r\n  font-size: 0.75rem;\r\n  font-weight: 400;\r\n  margin: 0;\r\n  a {\r\n    color: $blue;\r\n    text-decoration: none;\r\n  }\r\n  &:is(li) {\r\n    flex-direction: row;\r\n    grid-area: span 1 / span 2;\r\n    counter-increment: orderedlist;\r\n    &:before {\r\n      content: counter(orderedlist) \". \";\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserProductSheetSpecs.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserProductSheetSpecs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MouserProductSheetSpecs.vue?vue&type=template&id=d823e89c&scoped=true&lang=pug&\"\nimport script from \"./MouserProductSheetSpecs.vue?vue&type=script&lang=js&\"\nexport * from \"./MouserProductSheetSpecs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MouserProductSheetSpecs.vue?vue&type=style&index=0&id=d823e89c&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d823e89c\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\r\n.sheet\r\n  span.label {{productSheet.label}}\r\n  ProductSheetDrawing(:products=\"products\")\r\n  .info\r\n    MouserProductSheetSpecs(\r\n      :products=\"products\",\r\n      :notes=\"productSheet.notes\")\r\n    ProductSheetStamp(\r\n      :logo=\"productSheet.logo\",\r\n      :address=\"productSheet.address\",\r\n      :title=\"title\",\r\n      :configID=\"configID\")\r\n</template>\r\n<script>\r\nimport ProductSheetDrawing from \"@/components/configuration/ProductSheetDrawing\";\r\nimport MouserProductSheetSpecs from \"@/components/configuration/MouserProductSheetSpecs\";\r\nimport ProductSheetStamp from \"@/components/configuration/ProductSheetStamp\";\r\n\r\nimport {mapGetters} from 'vuex';\r\n\r\nexport default {\r\n  name: \"ProductSheet\",\r\n  props: [\"products\", \"title\", \"configID\", \"address\"],\r\n  components: {\r\n    ProductSheetDrawing,\r\n    MouserProductSheetSpecs,\r\n    ProductSheetStamp\r\n  },\r\n  computed: {\r\n    ...mapGetters(['productSheet'])\r\n  }\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n.sheet {\r\n  display: flex;\r\n  flex-direction: column;\r\n  border: 1px solid $lightGray;\r\n  border-radius: 3px;\r\n}\r\n\r\n.label {\r\n  font-size: 0.6875rem;\r\n  padding: 0.3875rem 0.5rem;\r\n  border-right: 1px solid $lightGray;\r\n  border-bottom: 1px solid $lightGray;\r\n  border-radius: 0 0 3px 0;\r\n  align-self: flex-start;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.25px;\r\n}\r\n\r\n.info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  @include mq(md, $print: true) {\r\n    flex-direction: row;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserProductSheet.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserProductSheet.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MouserProductSheet.vue?vue&type=template&id=42f10f0e&scoped=true&lang=pug&\"\nimport script from \"./MouserProductSheet.vue?vue&type=script&lang=js&\"\nexport * from \"./MouserProductSheet.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MouserProductSheet.vue?vue&type=style&index=0&id=42f10f0e&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"42f10f0e\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('aside',{staticClass:\"cart-vue\"},[_c('header',{staticClass:\"header\"}),_c('table',{staticClass:\"itemdata\"},[_c('tbody',[_vm._m(0),_c('tr',[_vm._m(1),_c('td',[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.configID))])])]),_vm._m(2),_vm._m(3)])]),_vm._m(4),_c('form',{staticClass:\"add\"},[_c('label',{staticClass:\"label\",attrs:{\"for\":\"qty\"}}),_c('div',{staticClass:\"control\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.quantity),expression:\"quantity\"}],attrs:{\"id\":\"qty\",\"type\":\"text\",\"inputmode\":\"numeric\",\"min\":\"0\",\"step\":\"1\",\"pattern\":\"[0-9]+\"},domProps:{\"value\":(_vm.quantity)},on:{\"input\":function($event){if($event.target.composing)return;_vm.quantity=$event.target.value}}}),_c('div',{staticClass:\"ticker\"},[_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.change(1)}}},[_vm._v(\"+\")]),_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.change(-1)}}},[_vm._v(\"–\")])]),_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.add()}}},[_vm._v(\"Add to Mouser cart test\")])])]),_c('div',{staticClass:\"action\"},[_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.print.apply(null, arguments)}}},[_c('i',{staticClass:\"glyph-print\"}),_c('span',[_vm._v(\"Print Datasheet\")])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('tr',[_c('th',{attrs:{\"scope\":\"row\"}},[_c('span',{staticClass:\"label\"},[_vm._v(\"Mouser Part #: \")])]),_c('td',[_c('span',{staticClass:\"title\"},[_c('div',{attrs:{\"id\":\"divMouserItem\"}})])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('th',{attrs:{\"scope\":\"row\"}},[_c('span',{staticClass:\"label\"},[_vm._v(\"SV Part #: \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('tr',[_c('th',{attrs:{\"scope\":\"row\"}},[_c('span',{staticClass:\"label\"},[_vm._v(\"Lead Time: \")])]),_c('td',[_c('span',{staticClass:\"title\"},[_c('div',{attrs:{\"id\":\"divLeadTime\"}})])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('tr',[_c('th',{attrs:{\"scope\":\"row\"}},[_c('span',{staticClass:\"label\"},[_vm._v(\"Min Quantity: \")])]),_c('td',[_c('span',{staticClass:\"title\"},[_c('div',{attrs:{\"id\":\"divMinQty\"}})])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('table',{staticClass:\"pricing\"},[_c('thead',[_c('tr',[_c('th',{attrs:{\"scope\":\"col\",\"width\":\"80%\"}},[_vm._v(\"Quantity\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Price\")])])]),_c('tbody',[_c('tr',[_c('th',{attrs:{\"scope\":\"row\"}},[_vm._v(\"1-9\")]),_c('td',[_c('div',{attrs:{\"id\":\"divPrice1\"}})])]),_c('tr',[_c('th',{attrs:{\"scope\":\"row\"}},[_vm._v(\"10-25\")]),_c('td',[_c('div',{attrs:{\"id\":\"divPrice2\"}})])])])])\n}]\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\naside.cart-vue\r\n  header.header\r\n\r\n  table.itemdata\r\n    tbody\r\n      tr\r\n        th(scope=\"row\")\r\n          span.label Mouser Part #: \r\n        td\r\n          span.title\r\n            div(id=\"divMouserItem\")\r\n      tr\r\n        th(scope=\"row\") \r\n          span.label SV Part #: \r\n        td \r\n          span.title {{ configID }}\r\n      tr\r\n        th(scope=\"row\") \r\n          span.label Lead Time: \r\n        td \r\n          span.title\r\n            div(id=\"divLeadTime\")\r\n      tr\r\n        th(scope=\"row\") \r\n          span.label Min Quantity: \r\n        td \r\n          span.title\r\n            div(id=\"divMinQty\")\r\n\r\n  table.pricing \r\n    thead\r\n      tr\r\n        th(scope=\"col\", width=\"80%\") Quantity\r\n        th(scope=\"col\") Price\r\n    tbody\r\n      tr\r\n        th(scope=\"row\") 1-9\r\n        td \r\n          div(id=\"divPrice1\")\r\n      tr\r\n        th(scope=\"row\") 10-25\r\n        td \r\n          div(id=\"divPrice2\")\r\n\r\n  form.add\r\n    label.label(for=\"qty\") \r\n    .control\r\n      input#qty(\r\n        v-model=\"quantity\",\r\n        type=\"text\",\r\n        inputmode=\"numeric\",\r\n        min=\"0\",\r\n        step=\"1\",\r\n        pattern=\"[0-9]+\"\r\n      )\r\n      .ticker\r\n        button(type=\"button\", @click.stop.prevent=\"change(1)\") +\r\n        button(type=\"button\", @click.stop.prevent=\"change(-1)\") &ndash;\r\n      button(type=\"button\", @click.stop.prevent=\"add()\") Add to Mouser cart test\r\n\r\n  .action\r\n    button(type=\"button\", @click.stop.prevent=\"print\")\r\n      i.glyph-print\r\n      span Print Datasheet\r\n\r\n</template>\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"Cart\",\r\n  props: [\"configID\", \"title\", \"price\", \"emailBody\", \"emailTopic\"],\r\n  data() {\r\n    return {\r\n      quantity: 1,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"cart\"]),\r\n  },\r\n  methods: {\r\n    change(delta) {\r\n      if (delta < 0 && this.quantity < 1) return;\r\n      this.quantity = this.quantity + delta;\r\n    },\r\n    async add() {\r\n      let svmProductSku = this.$route.params.product;\r\n      const mouserCartURL = \"https://www.mouser.com/cart/CartLandingPage.aspx?guid=\";\r\n      let mouserItemNumber = await this.getMouserProduct(svmProductSku);\r\n\r\n      fetch(`/api/CableBuilder/MouserCartInsert/${mouserItemNumber}?qty=${this.quantity}`, {\r\n        method: 'POST',\r\n            }\r\n          )\r\n        .then(response => response.json())\r\n        .then(data => {\r\n          let cartKey = data.CartKey;\r\n          window.open(mouserCartURL+cartKey, '_blank');\r\n        }).catch(function (error) {\r\n          alert(error);\r\n        });\r\n    },\r\n\r\n    async getMouserProduct(svmProductSku) {\r\n      const mouserApi = \"https://api.mouser.com/api/v2\";\r\n      const searchApiKey = \"fcd9db7e-189a-4a33-a7fd-58aca4815e2d\";\r\n      let result = \"\";\r\n\r\n      await fetch(`${mouserApi}/search/partnumberandmanufacturer?apiKey=${searchApiKey}`, {\r\n        method: 'POST',\r\n        headers: { \"Content-Type\": \"application/json\" },\r\n        body: JSON.stringify({\r\n              \"SearchByPartMfrNameRequest\": { \r\n                \"manufacturerName\": \"Amphenol\",\r\n                //\"mouserPartNumber\": \"FRSMPM-085-FRSMPM-080\",\r\n                \"mouserPartNumber\": String(svmProductSku + \"-\" + String((this.$route.query.length*10)).padStart(3,'0')),\r\n                \"partSearchOptions\": \"\"\r\n              }\r\n            })\r\n          }\r\n        )\r\n        .then(response => response.json())\r\n        .then(data => {\r\n          result = data.SearchResults.Parts[0].MouserPartNumber;\r\n        })\r\n        .catch(function (error) {\r\n          result =  \"X\";\r\n          console.log(error)\r\n        });\r\n      return result;\r\n    },\r\n\r\n    async getMouserPriceBreaks() {\r\n      let svmProductSku = this.$route.params.product;\r\n      const mouserApi = \"https://api.mouser.com/api/v2\";\r\n      const searchApiKey = \"fcd9db7e-189a-4a33-a7fd-58aca4815e2d\";\r\n      let mouserItem;\r\n      let leadTime;\r\n      let minQty;\r\n      let price1;\r\n      let price2;\r\n\r\n      await fetch(`${mouserApi}/search/partnumberandmanufacturer?apiKey=${searchApiKey}`, {\r\n        method: 'POST',\r\n        headers: { \"Content-Type\": \"application/json\" },\r\n        body: JSON.stringify({\r\n              \"SearchByPartMfrNameRequest\": { \r\n                \"manufacturerName\": \"Amphenol\",\r\n                \"mouserPartNumber\": String(svmProductSku + \"-\" + String((this.$route.query.length*10)).padStart(3,'0')),\r\n                \"partSearchOptions\": \"\"\r\n              }\r\n            })\r\n          }\r\n        )\r\n        .then(response => response.json())\r\n        .then(data => {\r\n          mouserItem = data.SearchResults.Parts[0].MouserPartNumber;\r\n          leadTime = data.SearchResults.Parts[0].LeadTime;\r\n          minQty = data.SearchResults.Parts[0].Min;\r\n          price1 = data.SearchResults.Parts[0].PriceBreaks[0].Price;\r\n          price2 = data.SearchResults.Parts[0].PriceBreaks[1].Price;\r\n        })\r\n        .catch(function (error) {\r\n          result =  \"0\";\r\n          console.log(error)\r\n        });\r\n      document.getElementById(\"divMouserItem\").innerHTML = mouserItem;\r\n      document.getElementById(\"divLeadTime\").innerHTML = leadTime;\r\n      document.getElementById(\"divMinQty\").innerHTML = minQty;\r\n      document.getElementById(\"divPrice1\").innerHTML = price1;\r\n      document.getElementById(\"divPrice2\").innerHTML = price2;\r\n    },\r\n    preparePrint() {\r\n      //document.documentElement.classList.add(\"printingProductSheet\");\r\n      var a = document.body;\r\n      a.classList ? a.classList.add('printView') : a.className += ' printView';\r\n    },\r\n    print() {\r\n      window.print();\r\n    },\r\n    destroyPrint() {\r\n      //document.documentElement.classList.remove(\"printingProductSheet\");\r\n      var a = document.body, c = ' printView';\r\n      $(a).removeClass(c);\r\n    },\r\n  },\r\n  watch: {\r\n    quantity() {\r\n      let { quantity } = this;\r\n      if (!quantity) return (this.quantity = 0);\r\n      quantity = parseInt(quantity);\r\n      if (this.quantity !== quantity) this.quantity = quantity;\r\n    },\r\n  },\r\n  created() {\r\n    window.addEventListener(\"beforeprint\", this.preparePrint);\r\n    window.addEventListener(\"afterprint\", this.destroyPrint);\r\n  },\r\n  mounted(){\r\n    this.getMouserPriceBreaks();\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener(\"beforeprint\", this.preparePrint);\r\n    window.removeEventListener(\"afterprint\", this.destroyPrint);\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n//print styles\r\n\r\n@media print {\r\n  @page {\r\n    size: landscape;\r\n    margin: 0mm;\r\n  }\r\n\r\n  .header {\r\n    display: none !important;\r\n    height: 0 !important;\r\n  }\r\n\r\n  .printView\r\n  {\r\n    body,\r\n    #page {\r\n      background: none !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n    \r\n    .main-header,\r\n    .configuration-title,\r\n    .section,\r\n    .bill-of-materials,\r\n    .rail,\r\n    .part-number-search,\r\n    .footer {\r\n      display: none !important;\r\n      height: 0;\r\n    }\r\n\r\n    .drawing {\r\n      max-width: 80%;\r\n    }\r\n\r\n    //reset the things we want visible\r\n    .configuration .sheet {\r\n      background: $white  !important;\r\n    }\r\n\r\n    .configuration .sheet,\r\n    .configuration .sheet * {\r\n      visibility: visible !important;\r\n    }\r\n\r\n    .drawing {\r\n      padding-top: 0;\r\n      padding-bottom: 0;\r\n    }\r\n\r\n    .main {\r\n      padding-top: 0;\r\n      padding-bottom: 0;\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cart-vue {\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  table {\r\n    width: auto;\r\n  }\r\n}\r\n\r\n.header {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 0.5rem 0.5rem;\r\n  //border-bottom: 1px solid $lightGray;\r\n  margin: 0 0 0.5rem;\r\n\r\n  .label {\r\n    font-size: 1rem;\r\n    text-transform: uppercase;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  .title {\r\n    font-size: 1rem;\r\n    text-transform: uppercase;\r\n    margin: 0;\r\n  }\r\n\r\n  \r\n}\r\n.itemdata {\r\n    border-collapse: collapse;\r\n    margin: 0 1rem 1.5rem;\r\n    padding: 0;\r\n    font-size: 1rem;\r\n    text-align: left;\r\n\r\n    .label {\r\n      font-size: 1rem;\r\n      text-transform: uppercase;\r\n      font-weight: 700;\r\n      line-height: 1;\r\n      margin: 0 0 0.5rem;\r\n    }\r\n\r\n    .title {\r\n      font-size: 1rem;\r\n      text-transform: uppercase;\r\n      margin: 0;\r\n    }\r\n\r\n    tbody {\r\n      tr {\r\n        border-bottom: 1px solid $lightGray;\r\n\r\n        th,\r\n        td {\r\n          font-weight: 400;\r\n          padding: 0.75rem 0;\r\n        }\r\n\r\n        td {\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n.pricing {\r\n  border-collapse: collapse;\r\n  margin: 0 1rem 1.5rem;\r\n  padding: 0;\r\n  font-size: 1rem;\r\n  text-align: left;\r\n\r\n  tbody {\r\n    tr {\r\n      border-bottom: 1px solid $lightGray;\r\n\r\n      th,\r\n      td {\r\n        font-weight: 400;\r\n        padding: 0.75rem 0;\r\n      }\r\n\r\n      td {\r\n        white-space: nowrap;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.add {\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 0 1rem;\r\n  margin: 0 0 2rem;\r\n\r\n  label {\r\n    font-size: 0.875rem;\r\n    font-weight: 700;\r\n    margin: 0 0 1rem;\r\n    line-height: 0;\r\n  }\r\n\r\n  .control {\r\n    display: flex;\r\n    gap: 0.3875rem;\r\n    flex: 0 0 auto;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  input {\r\n    appearance: none;\r\n    border: 2px solid $lightGray;\r\n    border-radius: 0;\r\n    background: 0;\r\n    padding: 1rem;\r\n    font-size: 1rem;\r\n    line-height: 1;\r\n    flex: 1 3 100%;\r\n    width: auto;\r\n    height: auto;\r\n    min-width: 0;\r\n    text-align: center;\r\n    margin: 0;\r\n  }\r\n\r\n  .ticker {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex: 0 0 auto;\r\n    gap: 0.25rem;\r\n\r\n    button {\r\n      color: $black;\r\n      background: $lightGray;\r\n      flex: 1 0 0;\r\n      padding: 0 0.5rem;\r\n      line-height: 0;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  button {\r\n    cursor: pointer;\r\n    appearance: none;\r\n    //background: $red;\r\n    background: #0070BB;\r\n    border: none;\r\n    border-radius: 0;\r\n    padding: 1rem;\r\n    font-size: 0.875rem;\r\n    line-height: 1;\r\n    flex: 1 2 100%;\r\n    color: $white;\r\n    white-space: nowrap;\r\n    text-transform: uppercase;\r\n  }\r\n}\r\n\r\n.action {\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 1.5rem;\r\n  margin: 0;\r\n  border-top: 1px solid $lightGray;\r\n  border-bottom: 1px solid $lightGray;\r\n  //gap: 1rem;\r\n\r\n  button {\r\n    display: flex;\r\n    appearance: none;\r\n    background: transparent;\r\n    color: $black;\r\n    border: none;\r\n    outline: none;\r\n    //gap: 0.5rem;\r\n    padding: 0;\r\n    cursor: pointer;\r\n    transition: 0.125s ease;\r\n    margin-bottom: 1rem;\r\n\r\n    &:hover {\r\n      color: $red;\r\n      background: transparent;\r\n    }\r\n\r\n    i {\r\n      margin-right: 0.5rem;\r\n    }\r\n\r\n    span {\r\n      text-transform: uppercase;\r\n      font-weight: 700;\r\n      font-size: 0.8rem;\r\n    }\r\n  }\r\n}\r\n\r\n.notes {\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 1.5rem;\r\n  font-size: 0.8rem;\r\n\r\n\r\n  .label {\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    margin: 0 0 0.25rem;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  div {\r\n    &::v-deep {\r\n      &>*:last-child {\r\n        margin-top: 0;\r\n      }\r\n\r\n      *:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.notes a {\r\n  color: #004E7D;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserCart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserCart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MouserCart.vue?vue&type=template&id=375be898&scoped=true&lang=pug&\"\nimport script from \"./MouserCart.vue?vue&type=script&lang=js&\"\nexport * from \"./MouserCart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MouserCart.vue?vue&type=style&index=0&id=375be898&prod&lang=scss&\"\nimport style1 from \"./MouserCart.vue?vue&type=style&index=1&id=375be898&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"375be898\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c(_vm.createLink ? 'a' : 'div',{tag:\"component\",staticClass:\"product\",attrs:{\"href\":_vm.createLink ? _vm.product.detail : false,\"target\":_vm.createLink ? '_blank' : false}},[_c('div',{staticClass:\"image\"},[_c('img',{attrs:{\"src\":_vm.product.image}})]),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"title\"},[_c('span',[_vm._v(_vm._s(_vm.product.name))])]),(this.product.pdf)?_c('button',{on:{\"click\":_vm.download}},[_c('i',{staticClass:\"glyph-pdf\"}),_c('span',[_vm._v(\"Download PDF\")])]):_c('button',{on:{\"click\":function($event){return _vm.go(_vm.product.sku)}}},[_c('span',[_vm._v(\"Buy It Now\")])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\ncomponent.product(\r\n  :is=\"createLink ? 'a' : 'div'\",\r\n  :href=\"createLink ? product.detail : false\",\r\n  :target=\"createLink ? '_blank' : false\")\r\n  .image\r\n    img(:src=\"product.image\")\r\n  .info\r\n    .title\r\n      span {{ product.name }}\r\n    button(v-if=\"this.product.pdf\", @click=\"download\")\r\n      i.glyph-pdf\r\n      span Download PDF\r\n    button(v-else, @click=\"go(product.sku)\") \r\n      span Buy It Now\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"MouserProductTile\",\r\n  props: [\"product\", \"showPDF\", \"createLink\"],\r\n  methods: {\r\n    download() {\r\n      const pdf = document.createElement(\"a\");\r\n      pdf.href = this.product.pdf;\r\n      pdf.setAttribute(\"download\", `${this.product.name}.pdf`);\r\n      pdf.click();\r\n    },\r\n    go(itemNumber) {\r\n      const mouserApi = \"https://api.mouser.com/api/v2\";\r\n      const searchApiKey = \"fcd9db7e-189a-4a33-a7fd-58aca4815e2d\";\r\n      let url = \"\";\r\n\r\n      fetch(`${mouserApi}/search/partnumberandmanufacturer?apiKey=${searchApiKey}`, {\r\n        method: 'POST',\r\n        async: false,\r\n        headers: { \"Content-Type\": \"application/json\" },\r\n        body: JSON.stringify({\r\n            \"SearchByPartMfrNameRequest\": {\r\n                \"manufacturerName\": \"Amphenol\",\r\n                \"mouserPartNumber\": itemNumber,\r\n                \"partSearchOptions\": \"\"\r\n            }\r\n        })\r\n      })\r\n      .then(response => response.json())\r\n      .then(data => {\r\n          url = data.SearchResults.Parts[0].ProductDetailUrl;\r\n          window.open(url, '_blank');\r\n      })\r\n      .catch(function (error) {\r\n        result = \"X\";\r\n        console.log(error)\r\n      });\r\n    },\r\n  },\r\n\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.product {\r\n  display: flex;\r\n  flex-direction: column;\r\n  border: 1px solid $lightGray;\r\n  &:is(a) {\r\n    transition: 0.25s ease;\r\n    text-decoration: none;\r\n    &:hover {\r\n      box-shadow: 0 0 0.5rem rgba($black, 0.0375), 0 0 1rem rgba($black, 0.02);\r\n      .info {\r\n        background: $blue;\r\n      }\r\n      .title {\r\n        color: $white;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.image {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 1.5rem;\r\n  border-bottom: 1px solid $lightGray;\r\n  flex: 1 1 100%;\r\n  img {\r\n    width: auto;\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n.info {\r\n  flex: 0 0 auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 0.75rem;\r\n  gap: 0.5rem;\r\n  transition: inherit;\r\n}\r\n\r\n.title {\r\n  text-align: center;\r\n  font-size: 0.75rem;\r\n  font-weight: 400;\r\n  margin: 0;\r\n  text-decoration: none;\r\n  color: $black;\r\n  transition: inherit;\r\n}\r\n\r\nbutton {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  appearance: none;\r\n  border: none;\r\n  border-radius: 0;\r\n  /*background: $buttonPrimaryBackground;*/\r\n  background: #0070BB;\r\n  color: $buttonPrimaryColor;\r\n  transition: 0.25s ease;\r\n  padding: 0.75rem;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  font-size: 0.6875rem;\r\n\r\n  &:hover {\r\n    background: $buttonPrimaryBackgroundHover;\r\n    color: $buttonPrimaryColorHover;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserProductTile.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserProductTile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MouserProductTile.vue?vue&type=template&id=7defce78&scoped=true&lang=pug&\"\nimport script from \"./MouserProductTile.vue?vue&type=script&lang=js&\"\nexport * from \"./MouserProductTile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MouserProductTile.vue?vue&type=style&index=0&id=7defce78&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7defce78\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\r\nsection\r\n  \r\n  .top\r\n     MouserGeneralHeader\r\n\r\n  .configuration(v-if=\"loaded\")\r\n  \r\n  .content\r\n    \r\n    .main\r\n      h1.configuration-title {{ products.name }}\r\n      MouserProductSheet(:title=\"products.name\", :configID=\"configID\", :products=\"products\")\r\n      .section.bill-of-materials\r\n        h2.section-title Bill of Materials\r\n        .products\r\n          MouserProductTile(:product=\"products.connectors[0]\", :showPDF=\"true\", :createLink=\"false\")\r\n          MouserProductTile(:product=\"products.cable\", :showPDF=\"true\", :createLink=\"false\")\r\n          MouserProductTile(:product=\"products.connectors[1]\", :showPDF=\"true\", :createLink=\"false\")\r\n      .section(v-if=\"related.length\")\r\n        h2.section-title Mating Connectors\r\n        .products\r\n          MouserProductTile(\r\n            v-for=\"product in related\",\r\n            :key=\"product.sku\",\r\n            :product=\"product\", \r\n            :showPDF=\"false\",\r\n            :createLink=\"false\")\r\n    .rail\r\n      MouserCart(\r\n        :title=\"products.name\",\r\n        :configID=\"configID\",\r\n        :price=\"products.price\",\r\n        :emailTopic=\"products.configuration.emailTopic\",\r\n        :emailBody=\"products.configuration.emailBody\")\r\n</template>\r\n\r\n<script>\r\n// @ is an alias to /src\r\nimport MouserGeneralHeader from \"@/components/configurator/MouserGeneralHeader\";\r\nimport MouserProductSheet from \"@/components/configuration/MouserProductSheet.vue\";\r\nimport MouserCart from \"@/components/configuration/MouserCart.vue\";\r\nimport MouserProductTile from \"@/components/configuration/MouserProductTile.vue\";\r\n\r\nimport { mapGetters, mapMutations } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"MouserConfiguration\",\r\n  components: {\r\n    MouserGeneralHeader,\r\n    MouserProductSheet,\r\n    MouserCart,\r\n    MouserProductTile,\r\n  },\r\n  data() {\r\n      return {\r\n      loaded: false,\r\n      configID: null,\r\n      products: null\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"configLookup\", \"relatedLength\"]),\r\n      related() {\r\n      const connectors = [this.products.connectors[0], this.products.connectors[1]];\r\n      const related = connectors.reduce((related, product) => {\r\n        const { matingConnectors} = product;\r\n          if (matingConnectors) {\r\n          matingConnectors.forEach((matingConnector) => {\r\n            if(!related.includes(matingConnector)){\r\n              related.push(matingConnector);\r\n            }\r\n          });\r\n        }\r\n        return related;\r\n      }, []);\r\n\r\n          return related;\r\n    },\r\n  },\r\n\r\n   methods: {\r\n    ...mapMutations([\"setConfiguration\", \"setErrorMessage\"]),\r\n  },\r\n  async created() {\r\n      const configID = this.$route.params.product;\r\n      const length = this.$route.query.length;\r\n      const delay = this.$route.query.delay;    \r\n    if (!configID) return this.$router.replace({ path: \"/\" });\r\n\r\n      const response = await fetch(`${this.$root.detailsApi}/${configID}?length=${length}&delay=${delay}`);      \r\n      if (response.ok) {\r\n          const productDetails = await response.json();\r\n          if (productDetails[\"errorMessage\"]) {\r\n              this.setErrorMessage(productDetails[\"errorMessage\"]);\r\n              return this.$router.replace({ path: \"/\" });\r\n          }\r\n          this.products = productDetails;\r\n          this.configID = productDetails['configID'];\r\n          const value = productDetails['configuration'];\r\n          \r\n          this.setConfiguration(value);\r\n          this.loaded = true;\r\n\r\n      }\r\n      else {\r\n          return this.$router.replace({ path: \"/\" });\r\n      }\r\n  },\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n.top {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 1rem;\r\n  background: $white;\r\n  box-shadow: 0 0 0.5rem rgba($black, 0.0375), 0 0 1rem rgba($black, 0.02);\r\n}\r\n\r\n.content {\r\n  margin-top: 1em;\r\n  display: flex;\r\n  position: relative;\r\n  gap: 1.5rem;\r\n  @include mq(lg) {\r\n    flex-direction: row;\r\n    align-items: flex-start;\r\n  }\r\n}\r\n\r\n.main,\r\n.rail {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: $white;\r\n  box-shadow: 0 0 0.5rem rgba($black, 0.0375), 0 0 1rem rgba($black, 0.02);\r\n  @media print {\r\n    background: transparent;\r\n    box-shadow: none;\r\n  }\r\n}\r\n\r\n.main {\r\n  padding: clamp(1.125rem, 3vw, 2rem);\r\n\r\n  @include mq(lg) {\r\n    flex: 1 1 100%;\r\n  }\r\n}\r\n.rail {\r\n  order: -1;\r\n  @include mq(lg) {\r\n    order: 1;\r\n    position: sticky;\r\n    top: 1.5rem;\r\n    flex: 0 0 22rem;\r\n  }\r\n}\r\n\r\n.configuration-title {\r\n  font-weight: 400;\r\n  font-size: 1.125rem;\r\n  margin: 0 0 1.5rem;\r\n}\r\n\r\n.section {\r\n  margin-top: 2.5rem;\r\n}\r\n\r\n.section-title {\r\n  font-weight: 400;\r\n    font-size: 1.5rem;\r\n  margin: 0 0 1.5rem;\r\n\r\n}\r\n\r\n.products {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n  grid-auto-rows: 1fr;\r\n  gap: 1rem;\r\n}\r\n</style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserConfiguration.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-37.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MouserConfiguration.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MouserConfiguration.vue?vue&type=template&id=14d0a2d7&scoped=true&lang=pug&\"\nimport script from \"./MouserConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./MouserConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MouserConfiguration.vue?vue&type=style&index=0&id=14d0a2d7&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"14d0a2d7\",\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue';\r\nimport VueRouter from 'vue-router';\r\nimport Configurator from '../views/Configurator.vue';\r\nimport MouserConfigurator from '../views/MouserConfigurator.vue';\r\nimport Configuration from '../views/Configuration.vue';\r\nimport MouserConfiguration from '../views/MouserConfiguration.vue';\r\n\r\nVue.use(VueRouter);\r\n\r\nexport default class {\r\n  constructor(base) {\r\n    const mode = 'history';\r\n    let configuratorComponent = Configurator;\r\n    let configurationComponent = Configuration;\r\n    if (base.includes('mouser'))\r\n    {\r\n      configuratorComponent = MouserConfigurator;\r\n      configurationComponent = MouserConfiguration;\r\n    }\r\n    const routes = [\r\n      {\r\n         path: '/',\r\n         name: 'configurator',\r\n         component: configuratorComponent,\r\n      },\r\n      {\r\n        path: '/configuration/:product*',\r\n        name: 'configuration',\r\n        component: configurationComponent,\r\n      },\r\n      {\r\n        path: '/configuration',\r\n        redirect: '/',\r\n      },\r\n      {\r\n        path: '/cable-builder/configuration/:product*',\r\n        name: 'configuration-direct',\r\n        component: Configuration,\r\n      },\r\n      {\r\n          path: '/mouser-cable-builder/configuration',\r\n          redirect: '/',\r\n      },\r\n      {\r\n          path: '/mouser-cable-builder/configuration/:product',\r\n          name: 'mouser-configuration',\r\n          component: MouserConfiguration,\r\n      },\r\n      {\r\n          path: '/mouser-cable-builder/configuration/:product',\r\n          name: 'mouser-configuration-direct',\r\n          component: MouserConfiguration,\r\n      },\r\n      \r\n    ];\r\n    this.router = new VueRouter({\r\n      mode,\r\n      base,\r\n      routes,\r\n    });\r\n\r\n    return this;\r\n  }\r\n}\r\n","import Vue from 'vue';\r\nimport Vuex from 'vuex';\r\n\r\nVue.use(Vuex);\r\n\r\nexport default class {\r\n    constructor() {\r\n        const state = {\r\n            loading: true,\r\n            error: false,\r\n            errorMessage: true,\r\n            data: null,\r\n            model: {\r\n                match: 0,\r\n                length: '',\r\n                connector_right: '',\r\n                connector_left: '',\r\n                cable: '',\r\n            },\r\n            touched: false,\r\n            submitTo: null,\r\n            relatedLength: 0,\r\n            configuration: null,\r\n            cartkey: '',\r\n        };\r\n\r\n        const getters = {\r\n            // application state\r\n            loading: ({ loading }) => loading,\r\n            error: ({ error }) => error,\r\n            errorMessage: ({ errorMessage}) => errorMessage,\r\n            ready: ({ loading, error }) => !loading && !error,\r\n\r\n            // meta data\r\n            header: ({ data }) => data.header,\r\n\r\n            //endpoints\r\n            submitTo: ({ submitTo }) => submitTo || '',\r\n\r\n            //general getters\r\n            productLookup: ({ data: { products } }) => (sku) => products.find(p => p.sku === sku),\r\n\r\n            //configurator info\r\n            model: ({ model }) => model,\r\n\r\n            cart: ({ configuration }) => configuration.addToCart,\r\n            productSheet: ({ configuration }) => configuration.productSheet,\r\n            outOfStock: ({data }) => data.outOfStockMessage,\r\n            touched: ({ touched }) => touched,\r\n            products: ({ data }) => data.products,\r\n            connectors: ({ data }) =>\r\n                data.products.filter(p => p.category === 'connector'),\r\n            cables: ({ data }) => data.products.filter(p => p.category === 'cable'),\r\n            validity: ({ model, data: { products } }) => (product = false) => {\r\n                const left = products.find(p => p.sku === model.connector_left);\r\n                const right = products.find(p => p.sku === model.connector_right);\r\n                const cable = products.find(p => p.sku === model.cable);\r\n                const { length } = model;\r\n                if (product) {\r\n                    if (product.category === 'cable') {\r\n                        if (left && right) {\r\n                            return (\r\n                                left.meta.compatibility.includes(product.sku) &&\r\n                                right.meta.compatibility.includes(product.sku)\r\n                            );\r\n                        } else if (right) {\r\n                            return right.meta.compatibility.includes(product.sku);\r\n                        } else if (left) {\r\n                            return left.meta.compatibility.includes(product.sku);\r\n                        } else return true;\r\n                    } else {\r\n                        if (!cable) return true;\r\n                        const connector = products.find(p => p.sku === product.sku);\r\n                        return connector.meta.compatibility.includes(cable.sku);\r\n                    }\r\n                } else {\r\n                    if (!left || !right || !cable || !length) return false;\r\n                    return (\r\n                        left.meta.compatibility.includes(cable.sku) &&\r\n                        right.meta.compatibility.includes(cable.sku)\r\n                    );\r\n                }\r\n            },\r\n            configID: ({\r\n                model: { connector_left, cable, connector_right },\r\n            }) => {                \r\n                let configID = `${connector_left}-${cable}-${connector_right}`;\r\n                return configID;\r\n            },\r\n\r\n\r\n            //configuration data\r\n            relatedLength: ({ relatedLength }) => relatedLength,\r\n            configLookup: ({ data: { products } }) => configID => {\r\n                let [left, cable, right, length] = configID.split('-');\r\n\r\n                if (!left || !cable || !right || !length) return false;\r\n\r\n                left = products.find(p => p.sku === left);\r\n                cable = products.find(p => p.sku === cable);\r\n                right = products.find(p => p.sku === right);\r\n                length = String(length).split('');\r\n                length.splice(length.length - 1, 0, '.');\r\n                length = Number(length.join(''));\r\n\r\n                if (!left || !cable || !right || !length) return false;\r\n\r\n                return { left, cable, right, length };\r\n            },\r\n\r\n            //Mouser\r\n            getMouserPartNumber: () => {\r\n                return \"523-IB086SMSMPF120IN\";//testing item\r\n            },\r\n\r\n            buildMouserAddToCartJson: ( {getMouserPartNumber} ) => {\r\n                let test = getMouserPartNumber;\r\n                return test;\r\n            }\r\n            \r\n        };\r\n\r\n        const mutations = {\r\n            assignStaticValues(state, data) {\r\n                let entries = Object.entries(data);\r\n                entries.forEach(([key, value]) => state[key] = value);\r\n            },\r\n            loadData(state, data) {\r\n                state.data = data;\r\n            },\r\n            setLoading(state, value) {\r\n                state.loading = value;\r\n            },\r\n            setErrorMessage(state, value) {\r\n                state.errorMessage = value;\r\n            },\r\n            setError(state, value) {\r\n                state.error = value;\r\n            },\r\n            setConfiguration(state, value) {\r\n                state.configuration = value;\r\n            },\r\n            setModel(state, { parameter, value }) {\r\n                if (parameter === 'cable') {\r\n                    const left = this.getters.connectors.find(x => x.sku === state.model.connector_left);                \r\n                    const right = this.getters.connectors.find(x => x.sku === state.model.connector_right);\r\n                    const cable = this.getters.cables.find(x => x.sku === value);\r\n    \r\n                    const leftChild = !!left && !!cable \r\n                        ? left.children.find(x => x.meta.compatibility[0] === value) \r\n                        : undefined;\r\n    \r\n                    const rightChild = !!right && !!cable \r\n                        ? right.children.find(x => x.meta.compatibility[0] === value) \r\n                        : undefined;\r\n    \r\n                    const leftChildOutOfStock = !!leftChild \r\n                        ? left.meta.isOutOfStock || leftChild.meta.isOutOfStock\r\n                        : false;\r\n    \r\n                    const rightChildOutOfStock = !!rightChild \r\n                        ? right.meta.isOutOfStock || rightChild.meta.isOutOfStock\r\n                        : false;\r\n    \r\n                    // If a cable is selected where the individual connectors for that cable size are out of stock:\r\n                    if (leftChildOutOfStock === true) {\r\n                        alert(`${this.getters.outOfStock}: ${leftChild.name}`);\r\n                        value = '';\r\n                    } \r\n                    else if (rightChildOutOfStock === true) {\r\n                        alert(`${this.getters.outOfStock}: ${rightChild.name}`);\r\n                        value = '';\r\n                    }\r\n                }\r\n                Vue.set(state.model, parameter, value);\r\n            },\r\n            setTouched(state) {\r\n                state.touched = true;\r\n            },\r\n            clearModel(state) {\r\n                state.touched = false;\r\n                state.model = {\r\n                    match: false,\r\n                    length: '',\r\n                    connector_right: '',\r\n                    connector_left: '',\r\n                    cable: '',\r\n                };\r\n            },\r\n        };\r\n\r\n        const actions = {\r\n            fetchData({ commit }, source) {\r\n                return fetch(source)\r\n                    .then(response => {\r\n                        if (response.ok) {\r\n                            return response.json();\r\n                        } else {\r\n                            return false;\r\n                        }\r\n                    })\r\n                    .then(data => {\r\n                        if (data) {\r\n                            commit('loadData', data);\r\n                        } else {\r\n                            commit('setError', true);\r\n                        }\r\n                    })\r\n                    .catch(() => {\r\n                        commit('setError', true);\r\n                    })\r\n                    .finally(() => {\r\n                        setTimeout(() => {\r\n                            commit('setLoading', false);\r\n                        }, 1250);\r\n                    });\r\n            },\r\n        };\r\n\r\n        this.store = new Vuex.Store({\r\n            state,\r\n            getters,\r\n            mutations,\r\n            actions,\r\n        });\r\n        return this;\r\n    }\r\n}","import Vue from 'vue';\r\nimport App from './App.vue';\r\nimport Router from './router';\r\nimport Store from './store';\r\nimport MQ from 'vue-match-media/src';\r\n\r\nVue.use(MQ)\r\n\r\nVue.config.productionTip = false;\r\n\r\nwindow.addEventListener('DOMContentLoaded', () => {\r\n  const elements = [...document.querySelectorAll('#configurator')];\r\n\r\n  elements.forEach(el => {\r\n    new Vue({\r\n      router: new Router(el.dataset.baseUrl).router,\r\n      store: new Store().store,\r\n      data: () => Object.assign({}, el.dataset),\r\n      mq: {\r\n        desktop: '(min-width: 992px)'\r\n      },\r\n      render: h => h(App),\r\n    }).$mount(el);\r\n  })\r\n});\r\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkconfigurator\"] = self[\"webpackChunkconfigurator\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(7732); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["render","_vm","this","_c","_self","attrs","ready","_e","staticRenderFns","done","staticClass","class","hidden","loading","_m","name","data","computed","mapGetters","methods","hideLoader","setTimeout","watch","component","_t","components","Loader","TransitionNavigate","mapMutations","mapActions","assignStaticValues","submitTo","$root","relatedLength","parseInt","fetchData","api","errorMessage","length","domProps","_s","header","logo","copy","parameter","selection","image","_v","error","errorText","actionText","open","connectors","on","$event","selected","stopPropagation","preventDefault","openModal","apply","arguments","$mq","desktop","toggle","products","closeModal","directives","rawName","value","expression","target","composing","visible","key","text","enter","afterEnter","leave","element","width","getComputedStyle","style","position","visibility","height","requestAnimationFrame","props","TransitionExpand","SelectionError","get","model","set","Number","setModel","handleError","touched","deep","handler","currentTarget","filter","$$selectedVal","Array","prototype","call","options","o","map","val","_value","multiple","_l","productLines","line","product","i","sku","arrowPos","tag","viable","isOutOfStock","select","outOfStock","cable","child","children","find","x","meta","compatibility","alert","$emit","TransitionShuffle","SelectionProduct","modal","left","cloneDeep","p","checkViability","sort","a","b","reduce","lines","includes","push","category","productLookup","connector_left","right","connector_right","getArrowPos","$el","toggleRect","getBoundingClientRect","modalRect","offsetWidth","mounted","SelectorLength","SelectionModal","TransitionFade","querySelector","SelectionAction","c","validity","cables","clearModel","disabled","navigate","match","isArray","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","SelectorMatchDelay","setTouched","configID","$router","path","query","delay","ConfiguratorHeader","ConfiguratorFooter","SelectorConnector","SelectorCable","ErrorMessage","mouserlogo","MouserSelectorLength","MouserSelectionAction","MouserGeneralHeader","MouserConfiguratorHeader","MouserConfiguratorFooter","MouserSelectorCable","loaded","related","price","configuration","emailTopic","emailBody","productSheet","label","notes","address","title","drawingImage","calculation","performance","lengthVariance","detail","shrinkTubing","impedance","freqrange","vswr","insertionLoss","note","date","now","dayjs","format","created","Date","ProductSheetDrawing","ProductSheetSpecs","ProductSheetStamp","oneToFive","toFixed","sixToTen","elevenToTwentyFive","quantity","change","add","print","share","cart","delta","$route","params","replace","fetch","method","body","then","response","json","$","AjaxCart","success_process","catch","ajaxFailure","preparePrint","document","documentElement","classList","window","destroyPrint","remove","createElement","href","click","addEventListener","beforeDestroy","removeEventListener","createLink","pdf","download","setAttribute","ProductSheet","Cart","ProductTile","matingConnectors","forEach","matingConnector","console","log","detailsApi","ok","productDetails","setErrorMessage","setConfiguration","MouserProductSheetSpecs","svmProductSku","mouserCartURL","mouserItemNumber","getMouserProduct","cartKey","CartKey","mouserApi","searchApiKey","result","headers","JSON","stringify","String","padStart","SearchResults","Parts","MouserPartNumber","mouserItem","leadTime","minQty","price1","price2","LeadTime","Min","PriceBreaks","Price","getElementById","innerHTML","className","removeClass","getMouserPriceBreaks","go","itemNumber","url","async","ProductDetailUrl","MouserProductSheet","MouserCart","MouserProductTile","Vue","VueRouter","constructor","base","mode","configuratorComponent","Configurator","configurationComponent","Configuration","MouserConfigurator","MouserConfiguration","routes","redirect","router","Vuex","state","cartkey","getters","addToCart","outOfStockMessage","connector","configLookup","split","splice","join","getMouserPartNumber","buildMouserAddToCartJson","test","mutations","entries","Object","loadData","setLoading","setError","leftChild","undefined","rightChild","leftChildOutOfStock","rightChildOutOfStock","actions","commit","source","finally","store","MQ","elements","querySelectorAll","el","Router","dataset","baseUrl","Store","assign","mq","h","App","$mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","exports","module","__webpack_modules__","m","deferred","O","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","j","keys","every","r","n","getter","__esModule","d","definition","defineProperty","enumerable","g","globalThis","Function","e","obj","prop","hasOwnProperty","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","id","chunkLoadingGlobal","self","bind","__webpack_exports__"],"sourceRoot":""}