@nakedwines/naked-components 1.0.0 → 3.637.3

package/src/components/cards/bottle-cards/WineBottleCard.vue

@@ -0,0 +1,21 @@
+import { render, staticRenderFns } from "./WineBottleCard.vue?vue&type=template&id=5a7591cc&scoped=true&"
+import script from "./WineBottleCard.vue?vue&type=script&lang=js&"
+export * from "./WineBottleCard.vue?vue&type=script&lang=js&"
+import style0 from "./WineBottleCard.vue?vue&type=style&index=0&id=5a7591cc&lang=scss&scoped=true&"
+import style1 from "./WineBottleCard.vue?vue&type=style&index=1&lang=scss&"
+
+
+/* normalize component */
+import normalizer from "!../../../../../../vue-loader/lib/runtime/componentNormalizer.js"
+var component = normalizer(
+  script,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "5a7591cc",
+  null
+  
+)
+
+export default component.exports

package/src/components/cards/bottle-cards/WineBottleCard.vue?61a8

@@ -0,0 +1 @@
+export * from "-!../../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./WineBottleCard.vue?vue&type=style&index=1&lang=scss&"

package/src/components/cards/bottle-cards/WineBottleCard.vue?7e9a

@@ -0,0 +1 @@
+export * from "-!../../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./WineBottleCard.vue?vue&type=style&index=0&id=5a7591cc&lang=scss&scoped=true&"

package/src/components/cards/bottle-cards/WineBottleCard.vue?bd3e

@@ -0,0 +1,4 @@
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"productCardWine",staticClass:"pb-1 product-card-wine"},[(_vm.product)?_c('div',{staticClass:"card ma-0 mb-2"},[_c('div',{staticClass:"d-flex align__xs--start product-card-wine__top-section"},[_c('div',_vm._g({staticClass:"product-card-wine__image-wrapper"},_vm.triggerEventOnClick ? { click: _vm.productClicked } : { click: _vm.goToUrl }),[_c('div',{staticClass:"bottle-shot--product-card-wine--shadow",attrs:{"role":"presentation"}}),_c('img',{staticClass:"bottle-shot--product-card-wine",attrs:{"src":_vm.productImage}})]),_c('section',{staticClass:"product-card-wine__info-wrapper d-flex just__xs--between"},[_c('div',[_c('p',{class:['product-card-wine__product-taste', _vm.styleCodeColour ? (_vm.styleCodeColour + "--text") : '']},[_vm._v(_vm._s(_vm.productData.style.name))]),_c('a',_vm._g({staticClass:"charcoal--text mb-0 product-card-wine__product-name",attrs:{"href":_vm.triggerEventOnClick ? 'javascript:' : _vm.productData.url,"title":_vm.productData.heading,"aria-label":((_vm.productData.heading) + ". Select this link to find out more about " + (_vm.productData.heading))}},_vm.triggerEventOnClick ? { click: _vm.productClicked } : {}),[_vm._v(_vm._s(_vm._f("nameChopper")(_vm.productData.heading)))])]),_c('div',[(_vm.ratingType == 'bia')?_c('div',{staticClass:"d-flex align__xs--end mb-3"},[(_vm.productData.numberOfRatings >= 25)?[_c('h4',{staticClass:"blue--text d-inline-block mb-0 mr-1 percent-text"},[_vm._v(" "+_vm._s(_vm.productData.positiveRatingPercentage)),_c('span',{staticClass:"h5"},[_vm._v("%")])]),_c('div',[_c('span',{staticClass:"charcoal--text body2 semi-bold d-block mb-0"},[_vm._v("of "+_vm._s(_vm.productData.numberOfRatings))]),_c('span',{staticClass:"charcoal--text caption d-block mb-0 would-buy-again"},[_vm._v("would buy again")])])]:(_vm.productData.numberOfRatings > 0 && _vm.productData.numberOfRatings < 25)?[_vm._m(0)]:_vm._e()],2):_vm._e(),(_vm.ratingType == 'hearts')?_c('div',{staticClass:"mb-3"},[_c('nkd-heart-panel',{attrs:{"rating":_vm.productData.averageRating,"heartSize":22,"fillColor":"#2279E4"}})],1):(_vm.ratingType == 'customer-rating-hearts')?_c('div',{staticClass:"mb-3"},[(_vm.productData.customerRating)?_c('nkd-heart-panel',{attrs:{"rating":_vm.productData.customerRating.sliderRating,"heartSize":22,"fillColor":"#2279E4","customerRating":true}}):_vm._e()],1):_vm._e(),(_vm.hasActionSlot)?_c('div',{staticClass:"product-card-wine__action-section"},[_vm._t("action")],2):_c('div',[(!_vm.productData.angelOnly || (_vm.productData.angelOnly && _vm.angelStatus))?_c('nkd-button',{staticClass:"product-card-wine__atb-button",attrs:{"productId":_vm.productData.id,"color":'dark-blue',"size":'small',"arialabel":("click to add a bottle of " + (_vm.productData.heading) + " to your basket for " + _vm.itemPriceString)},on:{"onButtonPress":_vm.atb}},[_c('span',{domProps:{"innerHTML":_vm._s(("Add - " + _vm.itemPriceString))}})]):_vm._e(),(_vm.productData.angelOnly && !_vm.angelStatus)?_c('nkd-button',{staticClass:"product-card-wine__atb-button product-card-wine__atb-button--exclusive",attrs:{"arialabel":("the " + (_vm.productData.heading) + " is an angel exclusive product"),"disabled":true,"color":'dark-blue',"size":'small'}},[_c('span',[_vm._v("Angel exclusive")])]):_vm._e()],1)])])]),(_vm.detailpanel)?_c('nkd-wine-detail-panel',{attrs:{"productData":_vm.productData}}):_vm._e(),(_vm.pricebreakdown)?_c('nkd-price-breakdown',{attrs:{"productData":_vm.productData,"angel":_vm.angelStatus}}):_vm._e()],1):_vm._e()])}
+var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('span',{staticClass:"blue--text body2 semi-bold d-block mb-0"},[_vm._v("Too early to tell")]),_c('span',{staticClass:"charcoal--text caption d-block mb-0 would-buy-again"},[_vm._v("Fewer than 25 ratings")])])}]
+
+export { render, staticRenderFns }

package/src/components/cards/bottle-cards/WineBottleCard.vue?bdcc

@@ -0,0 +1 @@
+import mod from "-!../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./WineBottleCard.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./WineBottleCard.vue?vue&type=script&lang=js&"

package/src/components/cards/bottle-cards/components/BiaText.vue

@@ -0,0 +1,20 @@
+import { render, staticRenderFns } from "./BiaText.vue?vue&type=template&id=e30fbdbc&scoped=true&"
+import script from "./BiaText.vue?vue&type=script&lang=js&"
+export * from "./BiaText.vue?vue&type=script&lang=js&"
+import style0 from "./BiaText.vue?vue&type=style&index=0&id=e30fbdbc&lang=scss&scoped=true&"
+
+
+/* normalize component */
+import normalizer from "!../../../../../../../vue-loader/lib/runtime/componentNormalizer.js"
+var component = normalizer(
+  script,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "e30fbdbc",
+  null
+  
+)
+
+export default component.exports

package/src/components/cards/bottle-cards/components/BiaText.vue?123e

@@ -0,0 +1 @@
+import mod from "-!../../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../../thread-loader/dist/cjs.js!../../../../../../../babel-loader/lib/index.js!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./BiaText.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../../thread-loader/dist/cjs.js!../../../../../../../babel-loader/lib/index.js!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./BiaText.vue?vue&type=script&lang=js&"

package/src/components/cards/bottle-cards/components/BiaText.vue?3e10

@@ -0,0 +1 @@
+export * from "-!../../../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./BiaText.vue?vue&type=style&index=0&id=e30fbdbc&lang=scss&scoped=true&"

package/src/components/cards/bottle-cards/components/BiaText.vue?d135

@@ -0,0 +1,4 @@
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-flex align__xs--end"},[_c('h4',{staticClass:"blue--text d-inline-block mb-0 mr-1 percent-text"},[_vm._v(" "+_vm._s(_vm.product.bia.positiveRatingPercentage)),_c('span',{staticClass:"h5"},[_vm._v("%")])]),_c('div',[_c('span',{staticClass:"charcoal--text body2 semi-bold d-block mb-0"},[_vm._v("of "+_vm._s(_vm.product.bia.numberOfRatings))]),_c('span',{staticClass:"charcoal--text caption d-block mb-0 would-buy-again"},[_vm._v("would buy again")])])])}
+var staticRenderFns = []
+
+export { render, staticRenderFns }

package/src/components/cards/bottle-cards/components/HeartRatingPanel.vue

@@ -0,0 +1,20 @@
+import { render, staticRenderFns } from "./HeartRatingPanel.vue?vue&type=template&id=d3853c98&scoped=true&"
+import script from "./HeartRatingPanel.vue?vue&type=script&lang=js&"
+export * from "./HeartRatingPanel.vue?vue&type=script&lang=js&"
+import style0 from "./HeartRatingPanel.vue?vue&type=style&index=0&id=d3853c98&lang=scss&scoped=true&"
+
+
+/* normalize component */
+import normalizer from "!../../../../../../../vue-loader/lib/runtime/componentNormalizer.js"
+var component = normalizer(
+  script,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "d3853c98",
+  null
+  
+)
+
+export default component.exports

package/src/components/cards/bottle-cards/components/HeartRatingPanel.vue?712f

@@ -0,0 +1,4 @@
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('div',{staticClass:"heart-rating__rating"},[_vm._v(" "+_vm._s(_vm.ratingConversion)+" "),_c('span',{staticClass:"heart-rating__text"},[(_vm.customerRating)?[_vm._v("(Your rating)")]:[_vm._v("(Average rating)")]],2)]),_c('section',{staticClass:"heart-rating__wrapper"},[_vm._l((_vm.fullHearts),function(index){return _c('div',{key:("heart-full-" + index),staticClass:"heart-rating__heart heart-rating__heart--full"},[_c('nkd-heart',{attrs:{"bgColor":_vm.bgColor,"fillColor":_vm.fillColor,"size":_vm.heartSize,"strokeColor":_vm.strokeColor || _vm.fillColor}})],1)}),((_vm.fullHearts != _vm.heartCount) && _vm.partialAmount > 0)?_c('div',{staticClass:"heart-rating__heart heart-rating__heart--partial"},[_c('nkd-heart',{attrs:{"fillLevel":_vm.partialAmount,"bgColor":_vm.bgColor,"fillColor":_vm.fillColor,"size":_vm.heartSize,"strokeColor":_vm.strokeColor || _vm.fillColor}})],1):_vm._e(),(_vm.emptyHearts)?_vm._l((_vm.emptyHearts),function(index){return _c('div',{key:("heart-empty-" + index),staticClass:"heart-rating__heart heart-rating__heart--empty"},[_c('nkd-heart',{attrs:{"fillLevel":"0","bgColor":_vm.bgColor,"fillColor":_vm.fillColor,"size":_vm.heartSize,"strokeColor":_vm.strokeColor || _vm.fillColor}})],1)}):_vm._e()],2)])}
+var staticRenderFns = []
+
+export { render, staticRenderFns }

package/src/components/cards/bottle-cards/components/HeartRatingPanel.vue?c55a

@@ -0,0 +1 @@
+import mod from "-!../../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../../thread-loader/dist/cjs.js!../../../../../../../babel-loader/lib/index.js!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./HeartRatingPanel.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../../thread-loader/dist/cjs.js!../../../../../../../babel-loader/lib/index.js!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./HeartRatingPanel.vue?vue&type=script&lang=js&"

package/src/components/cards/bottle-cards/components/HeartRatingPanel.vue?ee3b

@@ -0,0 +1 @@
+export * from "-!../../../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./HeartRatingPanel.vue?vue&type=style&index=0&id=d3853c98&lang=scss&scoped=true&"

package/src/components/cards/bottle-cards/components/PriceBreakdownPanel.vue

@@ -0,0 +1,20 @@
+import { render, staticRenderFns } from "./PriceBreakdownPanel.vue?vue&type=template&id=33ec65d2&scoped=true&"
+import script from "./PriceBreakdownPanel.vue?vue&type=script&lang=js&"
+export * from "./PriceBreakdownPanel.vue?vue&type=script&lang=js&"
+import style0 from "./PriceBreakdownPanel.vue?vue&type=style&index=0&id=33ec65d2&lang=scss&scoped=true&"
+
+
+/* normalize component */
+import normalizer from "!../../../../../../../vue-loader/lib/runtime/componentNormalizer.js"
+var component = normalizer(
+  script,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "33ec65d2",
+  null
+  
+)
+
+export default component.exports

package/src/components/cards/bottle-cards/components/PriceBreakdownPanel.vue?5052

@@ -0,0 +1 @@
+export * from "-!../../../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./PriceBreakdownPanel.vue?vue&type=style&index=0&id=33ec65d2&lang=scss&scoped=true&"

package/src/components/cards/bottle-cards/components/PriceBreakdownPanel.vue?5838

@@ -0,0 +1,4 @@
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{class:['price-breakdown__wrapper', _vm.isFocused ? 'focused' : ''],attrs:{"tabindex":"0","aria-label":_vm.screenreaderText},on:{"focus":_vm.handlefocus,"blur":_vm.handleblur}},[(_vm.productData.pricesCurrent.prices.listPrice)?_c('div',{class:['price-breakdown__line', 'price-breakdown__market-price', !_vm.angel ? 'price-breakdown--price-point' : '']},[_c('span',[_vm._v("Market price:")]),_c('span',{domProps:{"innerHTML":_vm._s(_vm.marketPrice)}})]):_vm._e(),(_vm.productData.pricesCurrent.prices.angelPrice)?_c('div',{class:['price-breakdown__line', 'price-breakdown__angel-price', _vm.angel ? 'price-breakdown--price-point' : '']},[_c('span',[_vm._v("Angel price:")]),_c('span',{domProps:{"innerHTML":_vm._s(_vm.angelPrice)}})]):_vm._e(),(_vm.productData.pricesCurrent.prices.angelSaving)?_c('div',{staticClass:"price-breakdown__line price-breakdown__you-save"},[_c('span',[_vm._v(_vm._s(_vm.angel ? 'You' : 'Angels')+" save:")]),_c('span',{domProps:{"innerHTML":_vm._s(_vm.youSave)}})]):_vm._e()])}
+var staticRenderFns = []
+
+export { render, staticRenderFns }

package/src/components/cards/bottle-cards/components/PriceBreakdownPanel.vue?7aad

@@ -0,0 +1 @@
+import mod from "-!../../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../../thread-loader/dist/cjs.js!../../../../../../../babel-loader/lib/index.js!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./PriceBreakdownPanel.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../../thread-loader/dist/cjs.js!../../../../../../../babel-loader/lib/index.js!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./PriceBreakdownPanel.vue?vue&type=script&lang=js&"

package/src/components/cards/bottle-cards/components/WineDetailPanel.vue

@@ -0,0 +1,20 @@
+import { render, staticRenderFns } from "./WineDetailPanel.vue?vue&type=template&id=ee6a765c&scoped=true&"
+import script from "./WineDetailPanel.vue?vue&type=script&lang=js&"
+export * from "./WineDetailPanel.vue?vue&type=script&lang=js&"
+import style0 from "./WineDetailPanel.vue?vue&type=style&index=0&id=ee6a765c&lang=scss&scoped=true&"
+
+
+/* normalize component */
+import normalizer from "!../../../../../../../vue-loader/lib/runtime/componentNormalizer.js"
+var component = normalizer(
+  script,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "ee6a765c",
+  null
+  
+)
+
+export default component.exports

package/src/components/cards/bottle-cards/components/WineDetailPanel.vue?5047

@@ -0,0 +1 @@
+export * from "-!../../../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./WineDetailPanel.vue?vue&type=style&index=0&id=ee6a765c&lang=scss&scoped=true&"

package/src/components/cards/bottle-cards/components/WineDetailPanel.vue?8e3b

@@ -0,0 +1 @@
+import mod from "-!../../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../../thread-loader/dist/cjs.js!../../../../../../../babel-loader/lib/index.js!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./WineDetailPanel.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../../thread-loader/dist/cjs.js!../../../../../../../babel-loader/lib/index.js!../../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./WineDetailPanel.vue?vue&type=script&lang=js&"

package/src/components/cards/bottle-cards/components/WineDetailPanel.vue?d1ea

@@ -0,0 +1,4 @@
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{class:['wine-detail__stats-section', _vm.isFocused ? 'focused' : ''],attrs:{"tabindex":"0","aria-label":_vm.screenreaderText},on:{"focus":_vm.handlefocus,"blur":_vm.handleblur}},[_c('div',{staticClass:"wine-detail__stats d-flex"},[(_vm.productData.wineGrape)?_c('div',{staticClass:"wine-detail__stats--grape d-flex"},[_c('div',{staticClass:"wine-detail__stats-img",attrs:{"role":"presentation"}},[_c('nkd-icon',{attrs:{"name":'grapes',"size":'responsive'}})],1),_c('div',{staticClass:"wine-detail__stats-desc"},[_vm._v(_vm._s(_vm.productData.wineGrape))])]):_vm._e(),(_vm.productData.origin)?_c('div',{staticClass:"wine-detail__stats--origin d-flex"},[_c('div',{staticClass:"wine-detail__stats-img",style:({backgroundImage: ("url(" + _vm.flagUrl + "), url(" + _vm.defaultFlagUrl + ")")}),attrs:{"role":"presentation"}}),_c('div',{staticClass:"wine-detail__stats-desc"},[_vm._v(_vm._s(_vm.productData.region ? ((_vm.productData.region) + ", " + (_vm.productData.origin)) : _vm.productData.origin))])]):_vm._e(),(_vm.productData.producer.firstName)?_c('div',{staticClass:"wine-detail__stats--winemaker d-flex"},[_c('div',{staticClass:"wine-detail__stats-img",style:({backgroundImage: ("url(" + _vm.winemakerUrl + ")")}),attrs:{"role":"presentation"}}),_c('div',{staticClass:"wine-detail__stats-desc"},[_vm._v(_vm._s(((_vm.productData.producer.firstName) + " " + (_vm.productData.producer.lastName))))])]):_vm._e()])])}
+var staticRenderFns = []
+
+export { render, staticRenderFns }

package/src/components/carousel/Carousel.vue

@@ -0,0 +1,21 @@
+import { render, staticRenderFns } from "./Carousel.vue?vue&type=template&id=4657d352&scoped=true&"
+import script from "./Carousel.vue?vue&type=script&lang=js&"
+export * from "./Carousel.vue?vue&type=script&lang=js&"
+import style0 from "./Carousel.vue?vue&type=style&index=0&id=4657d352&scoped=true&lang=scss&"
+import style1 from "./Carousel.vue?vue&type=style&index=1&lang=scss&"
+
+
+/* normalize component */
+import normalizer from "!../../../../../vue-loader/lib/runtime/componentNormalizer.js"
+var component = normalizer(
+  script,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "4657d352",
+  null
+  
+)
+
+export default component.exports

package/src/components/carousel/Carousel.vue?492f

@@ -0,0 +1 @@
+export * from "-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Carousel.vue?vue&type=style&index=1&lang=scss&"

package/src/components/carousel/Carousel.vue?4e80

@@ -0,0 +1,4 @@
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:"nkd-carousel hide-overflow",attrs:{"id":("nkd-carousel__" + _vm.carouselid),"tabindex":"-1"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.arrowSet),expression:"arrowSet"}],staticClass:"nkd-carousel__nav-arrow nkd-carousel__nav-arrow--prev",class:{ 'disabled': _vm.activeSlide === 0 && !_vm.loop }},[_c('button',{staticClass:"nkd-carousel__nav-arrow-button",class:{ 'overflow-button': _vm.overflow },attrs:{"tabindex":(_vm.activeSlide === 0 && !_vm.loop) ? -1 : 0},on:{"click":function($event){return _vm.handleNavClick('prev')}}},[_c('Icon',{attrs:{"name":"carousel-arrow-circle","color":"black","size":"x-large"}})],1)]),_c('div',{staticClass:"nkd-carousel__display-container",class:{ 'hide-overflow': !_vm.overflow },attrs:{"id":("nkd-carousel__display-container--" + _vm.carouselid),"tabindex":"-1"}},[_c('div',{ref:_vm.slideContainerRef,staticClass:"nkd-carousel__slides-container transition",attrs:{"id":("nkd-carousel-container__" + _vm.carouselid)}},[_vm._t("default")],2)]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.arrowSet),expression:"arrowSet"}],staticClass:"nkd-carousel__nav-arrow nkd-carousel__nav-arrow--next",class:{ 'disabled': (_vm.activeSlide === (_vm.slideNodes.length - (_vm.slidesToShow[_vm.activeBreakpoint])) && !_vm.loop) }},[_c('button',{staticClass:"nkd-carousel__nav-arrow-button",class:{ 'overflow-button': _vm.overflow },attrs:{"tabindex":(_vm.activeSlide === (_vm.slideNodes.length - (_vm.slidesToShow[_vm.activeBreakpoint])) && !_vm.loop) ? -1 : 0},on:{"click":function($event){return _vm.handleNavClick('next')}}},[(_vm.fetchingMoreData)?_c('Icon',{staticClass:"loading-icon__spinner",attrs:{"name":"spinner","color":"black"}}):_c('Icon',{attrs:{"name":"carousel-arrow-circle","color":"black","size":"x-large"}})],1)])])}
+var staticRenderFns = []
+
+export { render, staticRenderFns }

package/src/components/carousel/Carousel.vue?66a0

@@ -0,0 +1 @@
+import mod from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Carousel.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Carousel.vue?vue&type=script&lang=js&"

package/src/components/carousel/Carousel.vue?72ce

@@ -0,0 +1 @@
+export * from "-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Carousel.vue?vue&type=style&index=0&id=4657d352&scoped=true&lang=scss&"

package/src/components/chips/Chip.vue

@@ -0,0 +1,20 @@
+import { render, staticRenderFns } from "./Chip.vue?vue&type=template&id=1215a750&scoped=true&"
+import script from "./Chip.vue?vue&type=script&lang=js&"
+export * from "./Chip.vue?vue&type=script&lang=js&"
+import style0 from "./Chip.vue?vue&type=style&index=0&id=1215a750&lang=scss&scoped=true&"
+
+
+/* normalize component */
+import normalizer from "!../../../../../vue-loader/lib/runtime/componentNormalizer.js"
+var component = normalizer(
+  script,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "1215a750",
+  null
+  
+)
+
+export default component.exports

package/src/components/chips/Chip.vue?7e2c

@@ -0,0 +1 @@
+export * from "-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Chip.vue?vue&type=style&index=0&id=1215a750&lang=scss&scoped=true&"

package/src/components/chips/Chip.vue?9563

@@ -0,0 +1,4 @@
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.href)?_c('a',{staticClass:"nkd-chip",attrs:{"href":_vm.href}},[_vm._t("default")],2):_c('span',{staticClass:"nkd-chip"},[_vm._t("default")],2)}
+var staticRenderFns = []
+
+export { render, staticRenderFns }

package/src/components/chips/Chip.vue?f42c

@@ -0,0 +1 @@
+import mod from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Chip.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./Chip.vue?vue&type=script&lang=js&"

package/src/components/footers/sticky-footer/StickyFooter.vue

@@ -0,0 +1,20 @@
+import { render, staticRenderFns } from "./StickyFooter.vue?vue&type=template&id=068d2a04&scoped=true&"
+import script from "./StickyFooter.vue?vue&type=script&lang=js&"
+export * from "./StickyFooter.vue?vue&type=script&lang=js&"
+import style0 from "./StickyFooter.vue?vue&type=style&index=0&id=068d2a04&lang=scss&scoped=true&"
+
+
+/* normalize component */
+import normalizer from "!../../../../../../vue-loader/lib/runtime/componentNormalizer.js"
+var component = normalizer(
+  script,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "068d2a04",
+  null
+  
+)
+
+export default component.exports

package/src/components/footers/sticky-footer/StickyFooter.vue?10bf

@@ -0,0 +1,4 @@
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{class:['nkd-sticky-footer', _vm.dark ? 'nkd-sticky-footer-dark' : '' , _vm.fixed ? 'in' : 'out']},[_c('div',{staticClass:"container fill-height"},[_c('div',{staticClass:"fill-height fill-width slot-wrapper"},[_vm._t("default")],2)])])}
+var staticRenderFns = []
+
+export { render, staticRenderFns }

package/src/components/footers/sticky-footer/StickyFooter.vue?b195

@@ -0,0 +1 @@
+import mod from "-!../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./StickyFooter.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../../thread-loader/dist/cjs.js!../../../../../../babel-loader/lib/index.js!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./StickyFooter.vue?vue&type=script&lang=js&"

package/src/components/footers/sticky-footer/StickyFooter.vue?e2d9

@@ -0,0 +1 @@
+export * from "-!../../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../vue-loader/lib/index.js??vue-loader-options!./StickyFooter.vue?vue&type=style&index=0&id=068d2a04&lang=scss&scoped=true&"

package/src/components/forms/CheckboxInput.vue

@@ -0,0 +1,20 @@
+import { render, staticRenderFns } from "./CheckboxInput.vue?vue&type=template&id=3a4e5ec9&"
+import script from "./CheckboxInput.vue?vue&type=script&lang=js&"
+export * from "./CheckboxInput.vue?vue&type=script&lang=js&"
+import style0 from "./CheckboxInput.vue?vue&type=style&index=0&lang=scss&"
+
+
+/* normalize component */
+import normalizer from "!../../../../../vue-loader/lib/runtime/componentNormalizer.js"
+var component = normalizer(
+  script,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+export default component.exports

package/src/components/forms/CheckboxInput.vue?1713

@@ -0,0 +1 @@
+export * from "-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./CheckboxInput.vue?vue&type=style&index=0&lang=scss&"

package/src/components/forms/CheckboxInput.vue?51c9

@@ -0,0 +1 @@
+import mod from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./CheckboxInput.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./CheckboxInput.vue?vue&type=script&lang=js&"

package/src/components/forms/CheckboxInput.vue?feea

@@ -0,0 +1,4 @@
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['nkd-checkbox-input', _vm.disabled ? 'nkd-checkbox-input--disabled' : '']},[_c('input',{ref:_vm.checkboxid,staticClass:"visually-hidden",attrs:{"type":"checkbox","id":_vm.checkboxid,"name":_vm.name,"required":_vm.required,"disabled":_vm.disabled,"aria-label":_vm.arialabel ? _vm.arialabel : undefined,"data-test-id":"checkbox-input"},domProps:{"checked":_vm.checked},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.handleenter.apply(null, arguments)},"change":_vm.handlechange}}),_c('label',{class:['nkd-checkbox-input__label', ("nkd-checkbox-input__label--" + _vm.color)],attrs:{"for":_vm.checkboxid}},[_c('svg',{attrs:{"viewBox":"0 0 100 100"}},[_c('path',{staticClass:"path",attrs:{"fill":"none","stroke":"#000","stroke-width":"13","d":"M12.1 52.1l24.4 24.4 53-53"}})]),_vm._t("default")],2)])}
+var staticRenderFns = []
+
+export { render, staticRenderFns }

package/src/components/forms/QuantityInput.vue

@@ -0,0 +1,20 @@
+import { render, staticRenderFns } from "./QuantityInput.vue?vue&type=template&id=84eef982&scoped=true&"
+import script from "./QuantityInput.vue?vue&type=script&lang=js&"
+export * from "./QuantityInput.vue?vue&type=script&lang=js&"
+import style0 from "./QuantityInput.vue?vue&type=style&index=0&id=84eef982&lang=scss&scoped=true&"
+
+
+/* normalize component */
+import normalizer from "!../../../../../vue-loader/lib/runtime/componentNormalizer.js"
+var component = normalizer(
+  script,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "84eef982",
+  null
+  
+)
+
+export default component.exports

package/src/components/forms/QuantityInput.vue?233a

@@ -0,0 +1,25 @@
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
+        'nkd-quantity-input__wrapper', 
+        _vm.decrementloading || _vm.incrementloading ? 'nkd-quantity-input__wrapper--locked' : '',
+        _vm.disabled ? 'nkd-quantity-input__wrapper--disabled' : '',
+        'nkd-quantity-input__wrapper--' + _vm.size
+    ]},[_c('label',{class:[
+            'nkd-quantity-input__label', 
+            ("nkd-quantity-input__label--" + _vm.color), 
+            _vm.isFocused ? 'focussed' : '', 
+            _vm.hidelabel ? 'nkd-quantity-input__label--hidden' : ''
+        ],attrs:{"for":_vm.name,"id":("label-" + _vm.name),"name":("label-" + _vm.name)}},[_vm._v(_vm._s(("" + _vm.label + (_vm.required ? ' *' : ''))))]),_c('div',{class:['nkd-quantity-input__wrap', ("nkd-quantity-input__wrap--" + _vm.color)]},[_c('button',{class:[
+                'nkd-quantity-input__decrement', 
+                _vm.decrementDisabled ? 'nkd-quantity-input__decrement--disabled' : ''
+            ],attrs:{"disabled":_vm.decrementDisabled ? 'disabled' : undefined,"aria-label":_vm.decrementarialabel ? _vm.decrementarialabel : undefined},on:{"click":_vm.decrementQuantity}},[(_vm.decrementloading)?_c('nkd-icon',{staticClass:"loading-icon__spinner",attrs:{"name":"loading","color":"dark-blue"}}):_c('nkd-icon',{staticClass:"quantity-icon",attrs:{"name":"minus","color":"dark-blue"}})],1),(_vm.size === 'small')?_c('span',{staticClass:"quantity-touch-zone quantity-touch-zone-decrement",on:{"click":_vm.decrementQuantity}}):_vm._e(),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.count),expression:"count"}],ref:_vm.inputref,class:[
+                'nkd-quantity-input', 
+                ("nkd-quantity-input--" + _vm.color), 
+                _vm.showvalidation ? 'nkd-quantity-input--invalid' : ''
+            ],attrs:{"type":"number","name":_vm.name,"id":_vm.inputid ? _vm.inputid : _vm.name,"min":_vm.minvalue,"readonly":_vm.readonly,"aria-label":_vm.arialabel ? _vm.arialabel : undefined,"aria-labelledby":_vm.arialabel ? undefined : ("label-" + _vm.name),"aria-describedby":_vm.assistivetext ? ("desc-" + _vm.name) : undefined,"disabled":_vm.disabled ? 'disabled' : undefined,"required":_vm.required ? 'true' : undefined,"aria-required":_vm.required ? 'true' : 'false'},domProps:{"value":(_vm.count)},on:{"input":[function($event){if($event.target.composing){ return; }_vm.count=$event.target.value},_vm.changedInput]}}),_c('button',{class:['nkd-quantity-input__increment'],attrs:{"aria-label":_vm.incrementarialabel ? _vm.incrementarialabel : undefined},on:{"click":_vm.incrementQuantity}},[(_vm.incrementloading)?_c('nkd-icon',{staticClass:"loading-icon__spinner",attrs:{"name":"loading","color":"dark-blue"}}):_c('nkd-icon',{staticClass:"quantity-icon",attrs:{"name":"plus","color":"dark-blue"}})],1),(_vm.size === 'small')?_c('span',{staticClass:"quantity-touch-zone quantity-touch-zone-increment",on:{"click":_vm.incrementQuantity}}):_vm._e()]),(_vm.assistivetext && !_vm.showvalidation)?_c('span',{class:[
+            'nkd-quantity-input__desc', 
+            _vm.isFocused ? 'focussed' : '',
+            (_vm.hideassistive && !_vm.isFocused) ? 'visually-hidden' : ''
+        ],attrs:{"id":("desc-" + _vm.name),"name":("desc-" + _vm.name)},domProps:{"innerHTML":_vm._s(_vm.assistivetext)}}):_vm._e()])}
+var staticRenderFns = []
+
+export { render, staticRenderFns }

package/src/components/forms/QuantityInput.vue?4975

@@ -0,0 +1 @@
+export * from "-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./QuantityInput.vue?vue&type=style&index=0&id=84eef982&lang=scss&scoped=true&"

package/src/components/forms/QuantityInput.vue?bb30

@@ -0,0 +1 @@
+import mod from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./QuantityInput.vue?vue&type=script&lang=js&"; export default mod; export * from "-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./QuantityInput.vue?vue&type=script&lang=js&"

package/src/components/forms/SelectInput.vue

@@ -0,0 +1,172 @@
+<template>
+  <div :class="['nkd-select-input__wrapper', disabled ? 'nkd-select-input__wrapper--disabled' : '']">
+    <select
+    :ref="inputref"
+    :id="inputid ? inputid : name"
+    :name="name"
+    :multiple="multiple"
+    :aria-label="arialabel ? arialabel : undefined"
+    :aria-labelledby="arialabel ? undefined : `label-${name}`"
+    :aria-describedby="assistivetext ? `desc-${name}` : undefined"
+    :aria-disabled="disabled"
+    :disabled="disabled ? 'disabled' : undefined"
+    :required="required ? 'true' : undefined"
+    :aria-required="required ? 'true' : 'false'"
+    v-model="inputvalue"
+    :autocomplete="autocomplete ? 'on' : 'off'"
+    :class="[
+        'nkd-select-input', 
+        `nkd-select-input--${color}`, 
+        inputsize ? `nkd-select-input--${inputsize}` : '', 
+        showvalidation ? 'nkd-select-input--invalid' : '',
+        (!isFocused && inputvalue == '' && !hidelabel) ? 'label-shift' : '',
+    ]">
+        <slot></slot>
+    </select>
+    <label 
+        :for="inputid ? inputid : name" 
+        :id="`label-${name}`" 
+        :name="`label-${name}`" 
+        :class="[
+            'nkd-select-input__label', 
+            `nkd-select-input__label--${color}`, 
+            inputsize ? `nkd-select-input__label--${inputsize}` : '', 
+            isFocused ? 'focussed' : '', 
+            hidelabel ? 'nkd-select-input__label--hidden' : '',
+            (!isFocused && inputvalue == '' && !hidelabel) ? 'label-shift' : '',
+            (!isFocused && showvalidation) ? 'nkd-select-input__label--error' : '',
+        ]"
+    >{{ `${label}${required ? ' *' : ''}` }}</label>
+    <nkd-icon :name="'chevron-down'" :size="'small'" :class="['nkd-select-input--arrow', inputsize ? `nkd-select-input--arrow-${inputsize}` : '']"></nkd-icon>
+    <span 
+        v-if="assistivetext && !showvalidation" 
+        :id="`desc-${name}`" 
+        :name="`desc-${name}`" 
+        :class="[
+            'nkd-select-input__desc', 
+            isFocused ? 'focussed' : '',
+            (hideassistive && !isFocused) ? 'visually-hidden' : ''
+        ]" 
+        v-html="assistivetext"
+    ></span>
+    <span
+        v-if="showvalidation"
+        ref="validation-message"
+        class="nkd-select-input__validation"
+        data-test-id="select-input-validation-message">
+            {{ validationmessage() }}
+    </span>
+  </div>
+</template>
+
+<script>
+import IconVue from '../icons/Icon.vue';
+import { getValidationMessage } from '../../globals/validation';
+
+export default {
+  name: "nkd-select",
+  components: { 'nkd-icon': IconVue },
+  props: {
+    arialabel: { type: String, required: false },
+    assistivetext: { type: String, required: false },
+    autocomplete: { type: Boolean, required: false, default: true },
+    color: { type: String, required: false, default: 'white' },
+    disabled: { type: Boolean, required: false, default: false },
+    hideassistive: { type: Boolean, required: false, default: false },
+    hidelabel: { type: Boolean, required: false, default: false },
+    inputid: { type: String, required: false },
+    inputsize: { type: String, required: false, default: 'small' },
+    invert: { type: Boolean, required: false, default: false },
+    label: { type: String, required: true },
+    multiple: { type: Boolean, required: false, default: false },
+    name: { type: String, required: true },
+    required: { type: Boolean, required: false, default: false },
+    showvalidation: { type: Boolean, required: false, default: false },
+    value: { type: [String, Number], required: false },
+  },
+
+  data() {
+      return {
+          inputvalue: this.value ? this.value : '',
+          isFocused: false,
+      }
+  },
+
+  computed: {
+      inputref: function() {
+          return `input-${this.name}`;
+      }
+  },
+
+  methods: {
+      isFocusedToggle: function() {
+          this.isFocused = !this.isFocused;
+      },
+      /**
+       * Return the validationMessage of the input
+       */
+      validationmessage: function() {
+        return getValidationMessage(this.$refs[this.inputref]);
+      }
+  },
+
+  created() {
+      if (this.value) { this.inputvalue = this.value; }
+  },
+
+  mounted() {
+        var inputel = this.$refs[this.inputref];
+        inputel.addEventListener('focus', this.isFocusedToggle);
+        inputel.addEventListener('blur', this.isFocusedToggle);
+  },
+  
+  watch: {
+      inputvalue: function() {
+          this.$emit('input', this.inputvalue);
+      }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+    .nkd-select-input__wrapper {
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-font-smoothing: antialiased;
+        position: relative;
+
+        &--disabled {
+            opacity: .6;
+            pointer-events: none;
+        }
+    }
+
+    .nkd-select-input {
+        @include formElement;
+        -moz-appearance: none; 
+        -webkit-appearance: none;
+        appearance: none;
+        option { font-family: sofia-pro, sans-serif; }
+        
+        &.label-shift { color: transparent; }
+        &--arrow {
+            fill: $black-light;
+            pointer-events: none;
+            position: absolute;
+            right: 12px;
+            &-small { 
+                top: ($height--medium - 16) / 2;
+                @include when(lg) { top: ($height--small - 16) / 2; }
+            }
+            &-medium { top: ($height--medium - 16) / 2; }
+            &-large { top: ($height--large - 16) / 2; }
+        }
+    }
+</style>
+
+<style lang="css">
+    nkd-select { 
+        display: block;
+        font-family: sofia-pro, sans-serif;
+        margin: 1rem 0;
+    }
+</style>

package/src/components/forms/SelectInput.vue?1d47

@@ -0,0 +1 @@
+export * from "-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./SelectInput.vue?vue&type=style&index=0&id=477c36cb&lang=scss&scoped=true&"