@nakedwines/naked-components 1.0.0 → 6.640.3
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of @nakedwines/naked-components might be problematic. Click here for more details.
- package/README.md +33 -0
- package/build-utils/update-library.js +91 -0
- package/library/globals.js +4 -0
- package/library/index.js +69 -0
- package/package.json +22 -6
- package/src/components/badges/Badge.vue +20 -0
- package/src/components/badges/Badge.vue?1b45 +1 -0
- package/src/components/badges/Badge.vue?5424 +10 -0
- package/src/components/badges/Badge.vue?c5b6 +1 -0
- package/src/components/banners/Banner.vue +20 -0
- package/src/components/banners/Banner.vue?2006 +1 -0
- package/src/components/banners/Banner.vue?36d1 +1 -0
- package/src/components/banners/Banner.vue?9b97 +4 -0
- package/src/components/buttons/Button.vue +21 -0
- package/src/components/buttons/Button.vue?2035 +1 -0
- package/src/components/buttons/Button.vue?5c96 +1 -0
- package/src/components/buttons/Button.vue?838e +26 -0
- package/src/components/buttons/Button.vue?e88c +1 -0
- package/src/components/buttons/LoadingButton.vue +20 -0
- package/src/components/buttons/LoadingButton.vue?2f5e +17 -0
- package/src/components/buttons/LoadingButton.vue?4a65 +1 -0
- package/src/components/buttons/LoadingButton.vue?65be +1 -0
- package/src/components/buttons/Ripple.vue +20 -0
- package/src/components/buttons/Ripple.vue?130a +1 -0
- package/src/components/buttons/Ripple.vue?2026 +13 -0
- package/src/components/buttons/Ripple.vue?4835 +1 -0
- package/src/components/cards/ContentCard.vue +20 -0
- package/src/components/cards/ContentCard.vue?35c8 +10 -0
- package/src/components/cards/ContentCard.vue?7164 +1 -0
- package/src/components/cards/ContentCard.vue?ec15 +1 -0
- package/src/components/cards/bottle-cards/CaseContentsCard.vue +20 -0
- package/src/components/cards/bottle-cards/CaseContentsCard.vue?3ac7 +1 -0
- package/src/components/cards/bottle-cards/CaseContentsCard.vue?7e00 +4 -0
- package/src/components/cards/bottle-cards/CaseContentsCard.vue?dd6f +1 -0
- package/src/components/cards/bottle-cards/CaseProductCard.vue +21 -0
- package/src/components/cards/bottle-cards/CaseProductCard.vue?0cb0 +1 -0
- package/src/components/cards/bottle-cards/CaseProductCard.vue?1bd2 +1 -0
- package/src/components/cards/bottle-cards/CaseProductCard.vue?25e9 +4 -0
- package/src/components/cards/bottle-cards/CaseProductCard.vue?95f9 +1 -0
- package/src/components/cards/bottle-cards/WineBottleCard.vue +21 -0
- package/src/components/cards/bottle-cards/WineBottleCard.vue?61a8 +1 -0
- package/src/components/cards/bottle-cards/WineBottleCard.vue?7e9a +1 -0
- package/src/components/cards/bottle-cards/WineBottleCard.vue?bd3e +4 -0
- package/src/components/cards/bottle-cards/WineBottleCard.vue?bdcc +1 -0
- package/src/components/cards/bottle-cards/components/BiaText.vue +20 -0
- package/src/components/cards/bottle-cards/components/BiaText.vue?123e +1 -0
- package/src/components/cards/bottle-cards/components/BiaText.vue?3e10 +1 -0
- package/src/components/cards/bottle-cards/components/BiaText.vue?d135 +4 -0
- package/src/components/cards/bottle-cards/components/HeartRatingPanel.vue +20 -0
- package/src/components/cards/bottle-cards/components/HeartRatingPanel.vue?712f +4 -0
- package/src/components/cards/bottle-cards/components/HeartRatingPanel.vue?c55a +1 -0
- package/src/components/cards/bottle-cards/components/HeartRatingPanel.vue?ee3b +1 -0
- package/src/components/cards/bottle-cards/components/PriceBreakdownPanel.vue +20 -0
- package/src/components/cards/bottle-cards/components/PriceBreakdownPanel.vue?5052 +1 -0
- package/src/components/cards/bottle-cards/components/PriceBreakdownPanel.vue?5838 +4 -0
- package/src/components/cards/bottle-cards/components/PriceBreakdownPanel.vue?7aad +1 -0
- package/src/components/cards/bottle-cards/components/WineDetailPanel.vue +20 -0
- package/src/components/cards/bottle-cards/components/WineDetailPanel.vue?5047 +1 -0
- package/src/components/cards/bottle-cards/components/WineDetailPanel.vue?8e3b +1 -0
- package/src/components/cards/bottle-cards/components/WineDetailPanel.vue?d1ea +4 -0
- package/src/components/carousel/Carousel.vue +21 -0
- package/src/components/carousel/Carousel.vue?492f +1 -0
- package/src/components/carousel/Carousel.vue?4e80 +4 -0
- package/src/components/carousel/Carousel.vue?66a0 +1 -0
- package/src/components/carousel/Carousel.vue?72ce +1 -0
- package/src/components/chips/Chip.vue +20 -0
- package/src/components/chips/Chip.vue?7e2c +1 -0
- package/src/components/chips/Chip.vue?9563 +4 -0
- package/src/components/chips/Chip.vue?f42c +1 -0
- package/src/components/footers/sticky-footer/StickyFooter.vue +20 -0
- package/src/components/footers/sticky-footer/StickyFooter.vue?10bf +4 -0
- package/src/components/footers/sticky-footer/StickyFooter.vue?b195 +1 -0
- package/src/components/footers/sticky-footer/StickyFooter.vue?e2d9 +1 -0
- package/src/components/forms/CheckboxInput.vue +20 -0
- package/src/components/forms/CheckboxInput.vue?1713 +1 -0
- package/src/components/forms/CheckboxInput.vue?51c9 +1 -0
- package/src/components/forms/CheckboxInput.vue?feea +4 -0
- package/src/components/forms/QuantityInput.vue +20 -0
- package/src/components/forms/QuantityInput.vue?233a +25 -0
- package/src/components/forms/QuantityInput.vue?4975 +1 -0
- package/src/components/forms/QuantityInput.vue?bb30 +1 -0
- package/src/components/forms/SelectInput.vue +172 -0
- package/src/components/forms/SelectInput.vue?1d47 +1 -0
- package/src/components/forms/SelectInput.vue?642a +21 -0
- package/src/components/forms/SelectInput.vue?7590 +20 -0
- package/src/components/forms/SelectInput.vue?f210 +1 -0
- package/src/components/forms/SelectInput.vue?fc78 +1 -0
- package/src/components/icons/CustomisableHeart.vue +19 -0
- package/src/components/icons/CustomisableHeart.vue?30ab +1 -0
- package/src/components/icons/CustomisableHeart.vue?ce76 +4 -0
- package/src/components/icons/Icon.vue +21 -0
- package/src/components/icons/Icon.vue?47ee +9 -0
- package/src/components/icons/Icon.vue?6e26 +1 -0
- package/src/components/icons/Icon.vue?897e +1 -0
- package/src/components/icons/Icon.vue?e753 +1 -0
- package/src/components/modal/ProductDetailModal.vue +20 -0
- package/src/components/modal/ProductDetailModal.vue?5d3a +1 -0
- package/src/components/modal/ProductDetailModal.vue?9f0f +1 -0
- package/src/components/modal/ProductDetailModal.vue?a2a9 +4 -0
- package/src/components/popover/Popover.vue +20 -0
- package/src/components/popover/Popover.vue?088e +1 -0
- package/src/components/popover/Popover.vue?4dad +1 -0
- package/src/components/popover/Popover.vue?7034 +7 -0
- package/src/components/roundels/Roundel.vue +20 -0
- package/src/components/roundels/Roundel.vue?14bf +7 -0
- package/src/components/roundels/Roundel.vue?a97a +1 -0
- package/src/components/roundels/Roundel.vue?aa28 +1 -0
- package/src/components/shelf/Shelf.vue +20 -0
- package/src/components/shelf/Shelf.vue?50f3 +1 -0
- package/src/components/shelf/Shelf.vue?9eba +1 -0
- package/src/components/shelf/Shelf.vue?d8e7 +4 -0
- package/src/globals/assortments.js +80 -0
- package/src/globals/csrf.js +25 -0
- package/src/globals/functions.js +166 -0
- package/src/globals/products.js +251 -0
- package/src/globals/responsive.js +53 -0
- package/src/globals/validation.js +8 -0
- package/src/globals/variables.js +48 -0
- package/src/mixins/productCard.js +151 -0
- package/src/styles/js-modules/breakpoints.scss +2 -0
- package/index.js +0 -0
@@ -0,0 +1,21 @@
|
|
1
|
+
import { render, staticRenderFns } from "./WineBottleCard.vue?vue&type=template&id=5a7591cc&scoped=true&"
|
2
|
+
import script from "./WineBottleCard.vue?vue&type=script&lang=js&"
|
3
|
+
export * from "./WineBottleCard.vue?vue&type=script&lang=js&"
|
4
|
+
import style0 from "./WineBottleCard.vue?vue&type=style&index=0&id=5a7591cc&lang=scss&scoped=true&"
|
5
|
+
import style1 from "./WineBottleCard.vue?vue&type=style&index=1&lang=scss&"
|
6
|
+
|
7
|
+
|
8
|
+
/* normalize component */
|
9
|
+
import normalizer from "!../../../../../../vue-loader/lib/runtime/componentNormalizer.js"
|
10
|
+
var component = normalizer(
|
11
|
+
script,
|
12
|
+
render,
|
13
|
+
staticRenderFns,
|
14
|
+
false,
|
15
|
+
null,
|
16
|
+
"5a7591cc",
|
17
|
+
null
|
18
|
+
|
19
|
+
)
|
20
|
+
|
21
|
+
export default component.exports
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1,4 @@
|
|
1
|
+
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()])}
|
2
|
+
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")])])}]
|
3
|
+
|
4
|
+
export { render, staticRenderFns }
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { render, staticRenderFns } from "./BiaText.vue?vue&type=template&id=e30fbdbc&scoped=true&"
|
2
|
+
import script from "./BiaText.vue?vue&type=script&lang=js&"
|
3
|
+
export * from "./BiaText.vue?vue&type=script&lang=js&"
|
4
|
+
import style0 from "./BiaText.vue?vue&type=style&index=0&id=e30fbdbc&lang=scss&scoped=true&"
|
5
|
+
|
6
|
+
|
7
|
+
/* normalize component */
|
8
|
+
import normalizer from "!../../../../../../../vue-loader/lib/runtime/componentNormalizer.js"
|
9
|
+
var component = normalizer(
|
10
|
+
script,
|
11
|
+
render,
|
12
|
+
staticRenderFns,
|
13
|
+
false,
|
14
|
+
null,
|
15
|
+
"e30fbdbc",
|
16
|
+
null
|
17
|
+
|
18
|
+
)
|
19
|
+
|
20
|
+
export default component.exports
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1,4 @@
|
|
1
|
+
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")])])])}
|
2
|
+
var staticRenderFns = []
|
3
|
+
|
4
|
+
export { render, staticRenderFns }
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { render, staticRenderFns } from "./HeartRatingPanel.vue?vue&type=template&id=d3853c98&scoped=true&"
|
2
|
+
import script from "./HeartRatingPanel.vue?vue&type=script&lang=js&"
|
3
|
+
export * from "./HeartRatingPanel.vue?vue&type=script&lang=js&"
|
4
|
+
import style0 from "./HeartRatingPanel.vue?vue&type=style&index=0&id=d3853c98&lang=scss&scoped=true&"
|
5
|
+
|
6
|
+
|
7
|
+
/* normalize component */
|
8
|
+
import normalizer from "!../../../../../../../vue-loader/lib/runtime/componentNormalizer.js"
|
9
|
+
var component = normalizer(
|
10
|
+
script,
|
11
|
+
render,
|
12
|
+
staticRenderFns,
|
13
|
+
false,
|
14
|
+
null,
|
15
|
+
"d3853c98",
|
16
|
+
null
|
17
|
+
|
18
|
+
)
|
19
|
+
|
20
|
+
export default component.exports
|
@@ -0,0 +1,4 @@
|
|
1
|
+
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)])}
|
2
|
+
var staticRenderFns = []
|
3
|
+
|
4
|
+
export { render, staticRenderFns }
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { render, staticRenderFns } from "./PriceBreakdownPanel.vue?vue&type=template&id=33ec65d2&scoped=true&"
|
2
|
+
import script from "./PriceBreakdownPanel.vue?vue&type=script&lang=js&"
|
3
|
+
export * from "./PriceBreakdownPanel.vue?vue&type=script&lang=js&"
|
4
|
+
import style0 from "./PriceBreakdownPanel.vue?vue&type=style&index=0&id=33ec65d2&lang=scss&scoped=true&"
|
5
|
+
|
6
|
+
|
7
|
+
/* normalize component */
|
8
|
+
import normalizer from "!../../../../../../../vue-loader/lib/runtime/componentNormalizer.js"
|
9
|
+
var component = normalizer(
|
10
|
+
script,
|
11
|
+
render,
|
12
|
+
staticRenderFns,
|
13
|
+
false,
|
14
|
+
null,
|
15
|
+
"33ec65d2",
|
16
|
+
null
|
17
|
+
|
18
|
+
)
|
19
|
+
|
20
|
+
export default component.exports
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1,4 @@
|
|
1
|
+
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()])}
|
2
|
+
var staticRenderFns = []
|
3
|
+
|
4
|
+
export { render, staticRenderFns }
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { render, staticRenderFns } from "./WineDetailPanel.vue?vue&type=template&id=ee6a765c&scoped=true&"
|
2
|
+
import script from "./WineDetailPanel.vue?vue&type=script&lang=js&"
|
3
|
+
export * from "./WineDetailPanel.vue?vue&type=script&lang=js&"
|
4
|
+
import style0 from "./WineDetailPanel.vue?vue&type=style&index=0&id=ee6a765c&lang=scss&scoped=true&"
|
5
|
+
|
6
|
+
|
7
|
+
/* normalize component */
|
8
|
+
import normalizer from "!../../../../../../../vue-loader/lib/runtime/componentNormalizer.js"
|
9
|
+
var component = normalizer(
|
10
|
+
script,
|
11
|
+
render,
|
12
|
+
staticRenderFns,
|
13
|
+
false,
|
14
|
+
null,
|
15
|
+
"ee6a765c",
|
16
|
+
null
|
17
|
+
|
18
|
+
)
|
19
|
+
|
20
|
+
export default component.exports
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1,4 @@
|
|
1
|
+
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()])])}
|
2
|
+
var staticRenderFns = []
|
3
|
+
|
4
|
+
export { render, staticRenderFns }
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import { render, staticRenderFns } from "./Carousel.vue?vue&type=template&id=4657d352&scoped=true&"
|
2
|
+
import script from "./Carousel.vue?vue&type=script&lang=js&"
|
3
|
+
export * from "./Carousel.vue?vue&type=script&lang=js&"
|
4
|
+
import style0 from "./Carousel.vue?vue&type=style&index=0&id=4657d352&scoped=true&lang=scss&"
|
5
|
+
import style1 from "./Carousel.vue?vue&type=style&index=1&lang=scss&"
|
6
|
+
|
7
|
+
|
8
|
+
/* normalize component */
|
9
|
+
import normalizer from "!../../../../../vue-loader/lib/runtime/componentNormalizer.js"
|
10
|
+
var component = normalizer(
|
11
|
+
script,
|
12
|
+
render,
|
13
|
+
staticRenderFns,
|
14
|
+
false,
|
15
|
+
null,
|
16
|
+
"4657d352",
|
17
|
+
null
|
18
|
+
|
19
|
+
)
|
20
|
+
|
21
|
+
export default component.exports
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1,4 @@
|
|
1
|
+
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)])])}
|
2
|
+
var staticRenderFns = []
|
3
|
+
|
4
|
+
export { render, staticRenderFns }
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { render, staticRenderFns } from "./Chip.vue?vue&type=template&id=1215a750&scoped=true&"
|
2
|
+
import script from "./Chip.vue?vue&type=script&lang=js&"
|
3
|
+
export * from "./Chip.vue?vue&type=script&lang=js&"
|
4
|
+
import style0 from "./Chip.vue?vue&type=style&index=0&id=1215a750&lang=scss&scoped=true&"
|
5
|
+
|
6
|
+
|
7
|
+
/* normalize component */
|
8
|
+
import normalizer from "!../../../../../vue-loader/lib/runtime/componentNormalizer.js"
|
9
|
+
var component = normalizer(
|
10
|
+
script,
|
11
|
+
render,
|
12
|
+
staticRenderFns,
|
13
|
+
false,
|
14
|
+
null,
|
15
|
+
"1215a750",
|
16
|
+
null
|
17
|
+
|
18
|
+
)
|
19
|
+
|
20
|
+
export default component.exports
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1,4 @@
|
|
1
|
+
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)}
|
2
|
+
var staticRenderFns = []
|
3
|
+
|
4
|
+
export { render, staticRenderFns }
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { render, staticRenderFns } from "./StickyFooter.vue?vue&type=template&id=068d2a04&scoped=true&"
|
2
|
+
import script from "./StickyFooter.vue?vue&type=script&lang=js&"
|
3
|
+
export * from "./StickyFooter.vue?vue&type=script&lang=js&"
|
4
|
+
import style0 from "./StickyFooter.vue?vue&type=style&index=0&id=068d2a04&lang=scss&scoped=true&"
|
5
|
+
|
6
|
+
|
7
|
+
/* normalize component */
|
8
|
+
import normalizer from "!../../../../../../vue-loader/lib/runtime/componentNormalizer.js"
|
9
|
+
var component = normalizer(
|
10
|
+
script,
|
11
|
+
render,
|
12
|
+
staticRenderFns,
|
13
|
+
false,
|
14
|
+
null,
|
15
|
+
"068d2a04",
|
16
|
+
null
|
17
|
+
|
18
|
+
)
|
19
|
+
|
20
|
+
export default component.exports
|
@@ -0,0 +1,4 @@
|
|
1
|
+
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)])])}
|
2
|
+
var staticRenderFns = []
|
3
|
+
|
4
|
+
export { render, staticRenderFns }
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { render, staticRenderFns } from "./CheckboxInput.vue?vue&type=template&id=3a4e5ec9&"
|
2
|
+
import script from "./CheckboxInput.vue?vue&type=script&lang=js&"
|
3
|
+
export * from "./CheckboxInput.vue?vue&type=script&lang=js&"
|
4
|
+
import style0 from "./CheckboxInput.vue?vue&type=style&index=0&lang=scss&"
|
5
|
+
|
6
|
+
|
7
|
+
/* normalize component */
|
8
|
+
import normalizer from "!../../../../../vue-loader/lib/runtime/componentNormalizer.js"
|
9
|
+
var component = normalizer(
|
10
|
+
script,
|
11
|
+
render,
|
12
|
+
staticRenderFns,
|
13
|
+
false,
|
14
|
+
null,
|
15
|
+
null,
|
16
|
+
null
|
17
|
+
|
18
|
+
)
|
19
|
+
|
20
|
+
export default component.exports
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1,4 @@
|
|
1
|
+
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)])}
|
2
|
+
var staticRenderFns = []
|
3
|
+
|
4
|
+
export { render, staticRenderFns }
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { render, staticRenderFns } from "./QuantityInput.vue?vue&type=template&id=84eef982&scoped=true&"
|
2
|
+
import script from "./QuantityInput.vue?vue&type=script&lang=js&"
|
3
|
+
export * from "./QuantityInput.vue?vue&type=script&lang=js&"
|
4
|
+
import style0 from "./QuantityInput.vue?vue&type=style&index=0&id=84eef982&lang=scss&scoped=true&"
|
5
|
+
|
6
|
+
|
7
|
+
/* normalize component */
|
8
|
+
import normalizer from "!../../../../../vue-loader/lib/runtime/componentNormalizer.js"
|
9
|
+
var component = normalizer(
|
10
|
+
script,
|
11
|
+
render,
|
12
|
+
staticRenderFns,
|
13
|
+
false,
|
14
|
+
null,
|
15
|
+
"84eef982",
|
16
|
+
null
|
17
|
+
|
18
|
+
)
|
19
|
+
|
20
|
+
export default component.exports
|
@@ -0,0 +1,25 @@
|
|
1
|
+
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
|
2
|
+
'nkd-quantity-input__wrapper',
|
3
|
+
_vm.decrementloading || _vm.incrementloading ? 'nkd-quantity-input__wrapper--locked' : '',
|
4
|
+
_vm.disabled ? 'nkd-quantity-input__wrapper--disabled' : '',
|
5
|
+
'nkd-quantity-input__wrapper--' + _vm.size
|
6
|
+
]},[_c('label',{class:[
|
7
|
+
'nkd-quantity-input__label',
|
8
|
+
("nkd-quantity-input__label--" + _vm.color),
|
9
|
+
_vm.isFocused ? 'focussed' : '',
|
10
|
+
_vm.hidelabel ? 'nkd-quantity-input__label--hidden' : ''
|
11
|
+
],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:[
|
12
|
+
'nkd-quantity-input__decrement',
|
13
|
+
_vm.decrementDisabled ? 'nkd-quantity-input__decrement--disabled' : ''
|
14
|
+
],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:[
|
15
|
+
'nkd-quantity-input',
|
16
|
+
("nkd-quantity-input--" + _vm.color),
|
17
|
+
_vm.showvalidation ? 'nkd-quantity-input--invalid' : ''
|
18
|
+
],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:[
|
19
|
+
'nkd-quantity-input__desc',
|
20
|
+
_vm.isFocused ? 'focussed' : '',
|
21
|
+
(_vm.hideassistive && !_vm.isFocused) ? 'visually-hidden' : ''
|
22
|
+
],attrs:{"id":("desc-" + _vm.name),"name":("desc-" + _vm.name)},domProps:{"innerHTML":_vm._s(_vm.assistivetext)}}):_vm._e()])}
|
23
|
+
var staticRenderFns = []
|
24
|
+
|
25
|
+
export { render, staticRenderFns }
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1 @@
|
|
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&"
|
@@ -0,0 +1,172 @@
|
|
1
|
+
<template>
|
2
|
+
<div :class="['nkd-select-input__wrapper', disabled ? 'nkd-select-input__wrapper--disabled' : '']">
|
3
|
+
<select
|
4
|
+
:ref="inputref"
|
5
|
+
:id="inputid ? inputid : name"
|
6
|
+
:name="name"
|
7
|
+
:multiple="multiple"
|
8
|
+
:aria-label="arialabel ? arialabel : undefined"
|
9
|
+
:aria-labelledby="arialabel ? undefined : `label-${name}`"
|
10
|
+
:aria-describedby="assistivetext ? `desc-${name}` : undefined"
|
11
|
+
:aria-disabled="disabled"
|
12
|
+
:disabled="disabled ? 'disabled' : undefined"
|
13
|
+
:required="required ? 'true' : undefined"
|
14
|
+
:aria-required="required ? 'true' : 'false'"
|
15
|
+
v-model="inputvalue"
|
16
|
+
:autocomplete="autocomplete ? 'on' : 'off'"
|
17
|
+
:class="[
|
18
|
+
'nkd-select-input',
|
19
|
+
`nkd-select-input--${color}`,
|
20
|
+
inputsize ? `nkd-select-input--${inputsize}` : '',
|
21
|
+
showvalidation ? 'nkd-select-input--invalid' : '',
|
22
|
+
(!isFocused && inputvalue == '' && !hidelabel) ? 'label-shift' : '',
|
23
|
+
]">
|
24
|
+
<slot></slot>
|
25
|
+
</select>
|
26
|
+
<label
|
27
|
+
:for="inputid ? inputid : name"
|
28
|
+
:id="`label-${name}`"
|
29
|
+
:name="`label-${name}`"
|
30
|
+
:class="[
|
31
|
+
'nkd-select-input__label',
|
32
|
+
`nkd-select-input__label--${color}`,
|
33
|
+
inputsize ? `nkd-select-input__label--${inputsize}` : '',
|
34
|
+
isFocused ? 'focussed' : '',
|
35
|
+
hidelabel ? 'nkd-select-input__label--hidden' : '',
|
36
|
+
(!isFocused && inputvalue == '' && !hidelabel) ? 'label-shift' : '',
|
37
|
+
(!isFocused && showvalidation) ? 'nkd-select-input__label--error' : '',
|
38
|
+
]"
|
39
|
+
>{{ `${label}${required ? ' *' : ''}` }}</label>
|
40
|
+
<nkd-icon :name="'chevron-down'" :size="'small'" :class="['nkd-select-input--arrow', inputsize ? `nkd-select-input--arrow-${inputsize}` : '']"></nkd-icon>
|
41
|
+
<span
|
42
|
+
v-if="assistivetext && !showvalidation"
|
43
|
+
:id="`desc-${name}`"
|
44
|
+
:name="`desc-${name}`"
|
45
|
+
:class="[
|
46
|
+
'nkd-select-input__desc',
|
47
|
+
isFocused ? 'focussed' : '',
|
48
|
+
(hideassistive && !isFocused) ? 'visually-hidden' : ''
|
49
|
+
]"
|
50
|
+
v-html="assistivetext"
|
51
|
+
></span>
|
52
|
+
<span
|
53
|
+
v-if="showvalidation"
|
54
|
+
ref="validation-message"
|
55
|
+
class="nkd-select-input__validation"
|
56
|
+
data-test-id="select-input-validation-message">
|
57
|
+
{{ validationmessage() }}
|
58
|
+
</span>
|
59
|
+
</div>
|
60
|
+
</template>
|
61
|
+
|
62
|
+
<script>
|
63
|
+
import IconVue from '../icons/Icon.vue';
|
64
|
+
import { getValidationMessage } from '../../globals/validation';
|
65
|
+
|
66
|
+
export default {
|
67
|
+
name: "nkd-select",
|
68
|
+
components: { 'nkd-icon': IconVue },
|
69
|
+
props: {
|
70
|
+
arialabel: { type: String, required: false },
|
71
|
+
assistivetext: { type: String, required: false },
|
72
|
+
autocomplete: { type: Boolean, required: false, default: true },
|
73
|
+
color: { type: String, required: false, default: 'white' },
|
74
|
+
disabled: { type: Boolean, required: false, default: false },
|
75
|
+
hideassistive: { type: Boolean, required: false, default: false },
|
76
|
+
hidelabel: { type: Boolean, required: false, default: false },
|
77
|
+
inputid: { type: String, required: false },
|
78
|
+
inputsize: { type: String, required: false, default: 'small' },
|
79
|
+
invert: { type: Boolean, required: false, default: false },
|
80
|
+
label: { type: String, required: true },
|
81
|
+
multiple: { type: Boolean, required: false, default: false },
|
82
|
+
name: { type: String, required: true },
|
83
|
+
required: { type: Boolean, required: false, default: false },
|
84
|
+
showvalidation: { type: Boolean, required: false, default: false },
|
85
|
+
value: { type: [String, Number], required: false },
|
86
|
+
},
|
87
|
+
|
88
|
+
data() {
|
89
|
+
return {
|
90
|
+
inputvalue: this.value ? this.value : '',
|
91
|
+
isFocused: false,
|
92
|
+
}
|
93
|
+
},
|
94
|
+
|
95
|
+
computed: {
|
96
|
+
inputref: function() {
|
97
|
+
return `input-${this.name}`;
|
98
|
+
}
|
99
|
+
},
|
100
|
+
|
101
|
+
methods: {
|
102
|
+
isFocusedToggle: function() {
|
103
|
+
this.isFocused = !this.isFocused;
|
104
|
+
},
|
105
|
+
/**
|
106
|
+
* Return the validationMessage of the input
|
107
|
+
*/
|
108
|
+
validationmessage: function() {
|
109
|
+
return getValidationMessage(this.$refs[this.inputref]);
|
110
|
+
}
|
111
|
+
},
|
112
|
+
|
113
|
+
created() {
|
114
|
+
if (this.value) { this.inputvalue = this.value; }
|
115
|
+
},
|
116
|
+
|
117
|
+
mounted() {
|
118
|
+
var inputel = this.$refs[this.inputref];
|
119
|
+
inputel.addEventListener('focus', this.isFocusedToggle);
|
120
|
+
inputel.addEventListener('blur', this.isFocusedToggle);
|
121
|
+
},
|
122
|
+
|
123
|
+
watch: {
|
124
|
+
inputvalue: function() {
|
125
|
+
this.$emit('input', this.inputvalue);
|
126
|
+
}
|
127
|
+
},
|
128
|
+
};
|
129
|
+
</script>
|
130
|
+
|
131
|
+
<style lang="scss" scoped>
|
132
|
+
.nkd-select-input__wrapper {
|
133
|
+
-moz-osx-font-smoothing: grayscale;
|
134
|
+
-webkit-font-smoothing: antialiased;
|
135
|
+
position: relative;
|
136
|
+
|
137
|
+
&--disabled {
|
138
|
+
opacity: .6;
|
139
|
+
pointer-events: none;
|
140
|
+
}
|
141
|
+
}
|
142
|
+
|
143
|
+
.nkd-select-input {
|
144
|
+
@include formElement;
|
145
|
+
-moz-appearance: none;
|
146
|
+
-webkit-appearance: none;
|
147
|
+
appearance: none;
|
148
|
+
option { font-family: sofia-pro, sans-serif; }
|
149
|
+
|
150
|
+
&.label-shift { color: transparent; }
|
151
|
+
&--arrow {
|
152
|
+
fill: $black-light;
|
153
|
+
pointer-events: none;
|
154
|
+
position: absolute;
|
155
|
+
right: 12px;
|
156
|
+
&-small {
|
157
|
+
top: ($height--medium - 16) / 2;
|
158
|
+
@include when(lg) { top: ($height--small - 16) / 2; }
|
159
|
+
}
|
160
|
+
&-medium { top: ($height--medium - 16) / 2; }
|
161
|
+
&-large { top: ($height--large - 16) / 2; }
|
162
|
+
}
|
163
|
+
}
|
164
|
+
</style>
|
165
|
+
|
166
|
+
<style lang="css">
|
167
|
+
nkd-select {
|
168
|
+
display: block;
|
169
|
+
font-family: sofia-pro, sans-serif;
|
170
|
+
margin: 1rem 0;
|
171
|
+
}
|
172
|
+
</style>
|
@@ -0,0 +1 @@
|
|
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&"
|